@font-face {
    font-family: mixpicker-icons;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SDX4AAAC8AAAAYGNtYXDwj/CPAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZrkJ+mQAAAF4AAABhGhlYWQEAG3nAAAC/AAAADZoaGVhBqgDyAAAAzQAAAAkaG10eArbAMoAAANYAAAAHGxvY2EAugE4AAADdAAAABBtYXhwAAkALwAAA4QAAAAgbmFtZVcZpu4AAAOkAAABRXBvc3QAAwAAAAAE7AAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADwVAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAEAAAAAMAAgAAgAEAAEAIPAN8FT//f//AAAAAAAg8A3wU//9//8AAf/jD/cPsgADAAEAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAD8APwLmAuYALAAAJRQPAQYjIi8BBwYjIi8BJjU0PwEnJjU0PwE2MzIfATc2MzIfARYVFA8BFxYVAuYQThAXFxCoqBAXFhBOEBCoqBAQThAWFxCoqBAXFxBOEBCoqBDDFhBOEBCoqBAQThAWFxCoqBAXFxBOEBCoqBAQThAXFxCoqBAXAAAAAQBYAA8CqAOoABoAAAkCFhUUDwEGIyInASY1NDcBNjMyHwEWFRQHAp3+0QEvCwtfCw4PC/5YCwsBqAsPDgtfCwsDC/7Q/tELDw8KXwsLAagLDg8LAagLC18LDg8LAAAAAQAzAA8CgwOoABoAAAkBBiMiLwEmNTQ3CQEmNTQ/ATYzMhcBFhUUBwJ5/lgLDw8LXwsLATD+0AsLXwsPDwsBqAoKAcL+WAsLXwoPDwsBLwEwCw8OC18LC/5YCw8OCwAAAQAAAAEAAPIX8PJfDzz1AAsEAAAAAADQ/hShAAAAAND+FKEAAAAAAuYDqAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAC5gABAAAAAAAAAAAAAAAAAAAABwAAAAAAAAAAAAAAAAIAAAADJQA/AtsAWALbADMAAAAAAAoAFAAeAGIAkgDCAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVYAAsAAAAABQwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxINfmNtYXAAAAFoAAAAVAAAAFTwj/CPZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAYQAAAGEuQn6ZGhlYWQAAANIAAAANgAAADYEAG3naGhlYQAAA4AAAAAkAAAAJAaoA8hobXR4AAADpAAAABwAAAAcCtsAymxvY2EAAAPAAAAAEAAAABAAugE4bWF4cAAAA9AAAAAgAAAAIAAJAC9uYW1lAAAD8AAAAUUAAAFFVxmm7nBvc3QAAAU4AAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8FQDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABABAAAAADAAIAAIABAABACDwDfBU//3//wAAAAAAIPAN8FP//f//AAH/4w/3D7IAAwABAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQA/AD8C5gLmACwAACUUDwEGIyIvAQcGIyIvASY1ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFQLmEE4QFxcQqKgQFxYQThAQqKgQEE4QFhcQqKgQFxcQThAQqKgQwxYQThAQqKgQEE4QFhcQqKgQFxcQThAQqKgQEE4QFxcQqKgQFwAAAAEAWAAPAqgDqAAaAAAJAhYVFA8BBiMiJwEmNTQ3ATYzMh8BFhUUBwKd/tEBLwsLXwsODwv+WAsLAagLDw4LXwsLAwv+0P7RCw8PCl8LCwGoCw4PCwGoCwtfCw4PCwAAAAEAMwAPAoMDqAAaAAAJAQYjIi8BJjU0NwkBJjU0PwE2MzIXARYVFAcCef5YCw8PC18LCwEw/tALC18LDw8LAagKCgHC/lgLC18KDw8LAS8BMAsPDgtfCwv+WAsPDgsAAAEAAAABAADyF/DyXw889QALBAAAAAAA0P4UoQAAAADQ/hShAAAAAALmA6gAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAAuYAAQAAAAAAAAAAAAAAAAAAAAcAAAAAAAAAAAAAAAACAAAAAyUAPwLbAFgC2wAzAAAAAAAKABQAHgBiAJIAwgABAAAABwAtAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
    font-style: normal;
    font-weight: 400
}

.mixpicker__close,
.mixpicker__next,
.mixpicker__prev {
    speak: none;
    font-family: mixpicker-icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    text-transform: none
}

html.disable-scroll,
html.disable-scroll body {
    height: 100%;
    overflow: hidden !important
}

.mixpicker,
.mixpicker * {
    box-sizing: content-box
}

.mixpicker_modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9997;
    width: 100%;
    height: 100%;
    background: #000;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    font-family: inherit;
    transition: all .2s ease;
    zoom: 1
}

.mixpicker_modal.active {
    opacity: 1
}

.mixpicker {
    display: block;
    position: relative;
    z-index: 9995;
    width: 850px;
    min-height: 414px;
    margin: 0 auto;
    padding: 20px 10px;
    border-radius: 0;
    background-color: #fff;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
    -webkit-touch-callout: none
}

.mixpicker.mixpicker__popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0
}

.mixpicker.mixpicker__inline {
    margin: 0;
    background: none
}

.mixpicker.mixpicker__fullsize {
    right: 10px !important;
    left: 10px !important;
    width: auto
}

.mixpicker.active {
    opacity: 1
}

.mixpicker a {
    color: #000
}

.mixpicker a,
.mixpicker a:hover {
    text-decoration: none
}

.mixpicker .mixpicker__btn {
    display: block;
    width: auto;
    min-width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: #555;
    color: #fff;
    line-height: 40px;
    text-align: center;
    transition: all .2s ease 0s
}

.mixpicker .mixpicker__btn:hover {
    background: #3c3c3c;
    color: #fff
}

.mixpicker .mixpicker__btn[disabled=disabled] {
    background: #888;
    cursor: default;
    opacity: .6;
    color: #fff
}

.mixpicker .mixpicker__close {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: #555;
    color: #fff;
    font-size: 20px;
    line-height: 37px;
    text-align: center;
    -webkit-transform: translateZ(0)
}

.mixpicker .mixpicker__close:before {
    content: "\f00d"
}

.mixpicker .mixpicker__nav {
    position: absolute;
    top: 20px;
    right: 20px;
    left: 20px;
    height: auto;
    clear: both
}

.mixpicker .mixpicker__nav button {
    display: inline-block;
    border: none;
    text-decoration: none;
    transition: all .2s ease 0s
}

.mixpicker .mixpicker__nav button.mixpicker__prev {
    float: left
}

[dir=rtl] .mixpicker .mixpicker__nav button.mixpicker__prev {
    float: right;
    transform: rotate(180deg)
}

.mixpicker .mixpicker__nav button.mixpicker__prev:before {
    content: "\f053"
}

.mixpicker .mixpicker__nav button.mixpicker__next {
    float: right;
    text-indent: 4px
}

[dir=rtl] .mixpicker .mixpicker__nav button.mixpicker__next {
    float: left;
    text-indent: -4px;
    transform: rotate(180deg)
}

.mixpicker .mixpicker__nav button.mixpicker__next:before {
    content: "\f054"
}

[dir=rtl] .mixpicker .mixpicker__nav button.mixpicker__next:before {
    transform: rotate(180deg)
}

.mixpicker .mixpicker__wrapper {
    width: 100%;
    min-width: 425px;
    max-width: 850px;
    padding-bottom: 20px;
    overflow: hidden;
    transition: all .5s ease-in-out
}

.mixpicker .mixpicker__wrapper .mixpicker__mobile-more {
    display: none
}

.mixpicker .mixpicker__wrapper .mixpicker__months {
    width: auto;
    min-width: 1px;
    height: 354px
}

.mixpicker .mixpicker__wrapper .mixpicker__month {
    display: inline-block;
    width: 405px;
    margin: 0;
    padding: 0 10px;
    float: left;
    border: 0;
    vertical-align: top;
    text-align: center;
    zoom: 1
}

[dir=rtl] .mixpicker .mixpicker__wrapper .mixpicker__month {
    float: right
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__month_name {
    height: 40px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: initial;
    border-spacing: 1px;
    text-align: center
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month thead {
    width: 100%;
    height: 40px
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month thead th {
    width: 202.5px;
    height: 40px;
    font-weight: 400;
    text-transform: uppercase
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td {
    width: 14.28%;
    max-width: 14.28%;
    height: 40px
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td.mixpicker__day {
    margin: 0;
    padding: 0
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day {
    position: relative;
    width: 100%;
    height: 100%;
    clear: both;
    background: #fff;
    transition: all .2s ease 0s
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day button {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    background-color: inherit;
    color: #5d5d5d;
    line-height: 40px
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day button:focus-visible {
    color: #fff
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day:has(>button:focus-visible) {
    background: #999
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__current {
    background: #555
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__current button {
    color: #fff
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__nocheckin,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__nocheckout {
    background: #ededed
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__nocheckin button,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__nocheckout button {
    color: #fff
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__disabled {
    background: #f4f4f4
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__disabled button {
    color: #d9d9d9
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__disabled.mixpicker__checkio,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__disabled:hover {
    background: #b22d00 !important
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__disabled.mixpicker__checkio button,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__disabled:hover button {
    color: #fff !important
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkoverlay {
    position: relative;
    background: #b2e7a0 !important
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkoverlay.mixpicker__checkin:before,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkoverlay.mixpicker__checkin_tmp:before {
    border-top-color: #b2e7a0 !important;
    border-left-color: #b2e7a0 !important
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkoverlay.mixpicker__checkout:before,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkoverlay.mixpicker__checkout_tmp:before {
    border-right-color: #b2e7a0 !important;
    border-bottom-color: #b2e7a0 !important
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkoverlay.mixpicker__disabled {
    background: #f4f4f4 !important
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkoverlay button {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkin,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkin_tmp {
    background: #999
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkin_tmp button,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkin button {
    color: #fff
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkio,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__hover,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__selected,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day:hover {
    background: #999 !important
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkio button,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__hover button,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__selected button,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day:hover button {
    color: #fff
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkout {
    background: #999
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkout button {
    color: #fff
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkin,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkin_tmp {
    position: relative;
    background: #999 !important
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkin:before,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkin_tmp:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border-color: #fff transparent transparent #fff;
    border-style: solid;
    border-width: 10px
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkin.mixpicker__disabled,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkin_tmp.mixpicker__disabled {
    background: #f4f4f4 !important
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkin.mixpicker__hover,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkin_tmp.mixpicker__hover {
    background: #999 !important
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkin.mixpicker__hover:before,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkin_tmp.mixpicker__hover:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    border: 0 !important
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkin_tmp a,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkin a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkout,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkout_tmp {
    position: relative;
    background: #999 !important
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkout:before,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkout_tmp:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    border-color: transparent #fff #fff transparent;
    border-style: solid;
    border-width: 10px
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkout.mixpicker__checkio,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkout.mixpicker__hover,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkout_tmp.mixpicker__checkio,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkout_tmp.mixpicker__hover {
    background: #999 !important
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkout.mixpicker__hover:before,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkout_tmp.mixpicker__hover:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    border: 0 !important
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkout_tmp a,
.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__checkout a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__error {
    background: #b22d00;
    -webkit-animation-name: mixpicker-flash;
    animation-name: mixpicker-flash;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day.mixpicker__error a {
    color: #fff !important
}

.mixpicker .mixpicker__footer {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 40px;
    margin: 0;
    padding: 0;
    clear: both;
    -webkit-transform: translateZ(0)
}

.mixpicker .mixpicker__footer div.mixpicker__message {
    display: inline-block;
    position: relative;
    max-width: 50%;
    height: auto;
    margin: 0 0 0 10px;
    padding: 10px 20px;
    float: left;
    border: 1px solid transparent;
    color: #333;
    font-size: 14px;
    line-height: 130%
}

.mixpicker .mixpicker__footer div.mixpicker__message.mixpicker__message--error {
    border-color: #c13d2b;
    background: #f2dede
}

.mixpicker .mixpicker__footer div.mixpicker__message.mixpicker__message--info {
    border-color: #5498cf;
    background: #d9edf7
}

.mixpicker .mixpicker__footer div.mixpicker__select {
    display: inline-block;
    position: relative;
    width: 30%;
    height: auto;
    margin: 0 10px 0 0;
    padding: 0;
    float: right;
    text-transform: uppercase
}

@media only screen and (max-width:900px) {
    .mixpicker {
        width: 425px
    }

    .mixpicker .nav div.header {
        width: 345px
    }
}

@media only screen and (max-width:480px) {
    .mixpicker.mixpicker__inline {
        zoom: .8;
        zoom: .7
    }
}

.mixpicker.mixpicker__mobile-hld,
.mixpicker_modal.mixpicker__mobile-hld {
    z-index: 10000
}

.mixpicker.mixpicker__mobile-hld.active,
.mixpicker_modal.mixpicker__mobile-hld.active {
    display: block
}

.mixpicker.mixpicker__mobile-hld .mixpicker.mixpicker__mobile,
.mixpicker_modal.mixpicker__mobile-hld .mixpicker.mixpicker__mobile {
    top: 0 !important;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.mixpicker.mixpicker__mobile-hld .mixpicker.mixpicker__mobile .mixpicker__mobile-more,
.mixpicker_modal.mixpicker__mobile-hld .mixpicker.mixpicker__mobile .mixpicker__mobile-more {
    display: block !important;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 0 100px;
    padding: 0;
    float: right;
    text-transform: uppercase
}

.mixpicker.mixpicker__mobile-hld .mixpicker,
.mixpicker_modal.mixpicker__mobile-hld .mixpicker {
    min-width: 100%
}

.mixpicker.mixpicker__mobile-hld .mixpicker .mixpicker__close,
.mixpicker_modal.mixpicker__mobile-hld .mixpicker .mixpicker__close {
    display: block
}

.mixpicker.mixpicker__mobile-hld .mixpicker .mixpicker__wrapper,
.mixpicker_modal.mixpicker__mobile-hld .mixpicker .mixpicker__wrapper {
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch
}

.mixpicker.mixpicker__mobile-hld .mixpicker .mixpicker__footer,
.mixpicker_modal.mixpicker__mobile-hld .mixpicker .mixpicker__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    background: #fff
}

.mixpicker.mixpicker__mobile-hld .mixpicker .mixpicker__wrapper .mixpicker__months,
.mixpicker_modal.mixpicker__mobile-hld .mixpicker .mixpicker__wrapper .mixpicker__months {
    z-index: 1;
    width: 100% !important;
    height: auto;
    margin: 0 !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.mixpicker.mixpicker__mobile-hld .mixpicker .mixpicker__wrapper .mixpicker__month,
.mixpicker_modal.mixpicker__mobile-hld .mixpicker .mixpicker__wrapper .mixpicker__month {
    width: 100%;
    margin-bottom: 20px;
    padding: 0
}

.mixpicker.mixpicker__mobile-hld .mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td,
.mixpicker_modal.mixpicker__mobile-hld .mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td {
    height: 45px
}

.mixpicker.mixpicker__mobile-hld .mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day a,
.mixpicker_modal.mixpicker__mobile-hld .mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__table_month tbody td .mixpicker__day a {
    line-height: 45px
}

.mixpicker.mixpicker__mobile-hld .mixpicker .mixpicker__nav,
.mixpicker_modal.mixpicker__mobile-hld .mixpicker .mixpicker__nav {
    display: none
}

.mixpicker.mixpicker__mobile-hld .mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__month_name,
.mixpicker_modal.mixpicker__mobile-hld .mixpicker .mixpicker__wrapper .mixpicker__month .mixpicker__month_name {
    margin-bottom: 0
}

.mixpicker.mixpicker__mobile-hld .mixpicker.mixpicker__fullsize,
.mixpicker_modal.mixpicker__mobile-hld .mixpicker.mixpicker__fullsize {
    right: 0 !important;
    left: 0 !important
}

@-webkit-keyframes mixpicker-flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes mixpicker-flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes FadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 15px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes FadeOutDown {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 15px, 0)
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes FadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes FadeInUpModal {
    0% {
        opacity: 0;
        transform: translate3d(0, 30px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes Pulse {
    0% {
        transform: translateY(-4px)
    }

    50% {
        transform: translateY(4px)
    }

    to {
        transform: translateY(-4px)
    }
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    height: 0;
    box-sizing: content-box
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

[role=tab] {
    padding: 0;
    border: 0;
    background: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    padding: 0;
    box-sizing: border-box
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {
    padding: 0;
    border: 0
}

fieldset {
    margin: 0;
    padding: 0;
    border: none
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

@media print {

    *,
    :after,
    :before {
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

*,
:after,
:before,
html {
    box-sizing: border-box
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    line-height: 1
}

a {
    outline: none;
    color: inherit;
    text-decoration: none
}

ul {
    margin: 0;
    list-style-type: none
}

ul,
ul li {
    padding: 0
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #fff inset
}

[name=google_conversion_frame],
[name=name321] {
    display: none
}

.cvr-pic {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden
}

html.ie .cvr-pic {
    position: relative;
    z-index: 0
}

.cvr-pic__img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

html.ie .cvr-pic__img {
    position: absolute;
    right: 50%;
    bottom: 50%;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    transform: translate(50%, 50%)
}

.sr-only {
    position: absolute;
    top: -100%;
    right: unset;
    bottom: unset;
    left: -100%;
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}

.editor-mode .swiper-wrapper {
    height: auto
}

.swiper-button-editor-default-mode {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    width: 36px;
    height: 36px;
    outline: 0;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer
}

.swiper-button-editor-default-mode .icon {
    color: #fff;
    font-size: 26px
}

.swiper-button-editor-default-mode:hover {
    background-color: #000
}

img.js-lazy {
    opacity: 0;
    transition: opacity .35s ease-in-out
}

img.js-lazy.loaded {
    opacity: 1
}

.lg button.lg-icon:focus-visible {
    outline: thin solid #fff
}

.is-visible {
    opacity: 1;
    visibility: visible
}

.attractions-filters__item,
.gallery-filter__item,
.offers-filter__item,
.offers-filter__voucher,
.rooms-filter__item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 12px 0;
    border: 0;
    outline: 0;
    background-color: transparent;
    cursor: pointer;
    transition: color .3s, background-color .3s cubic-bezier(.72, .38, .52, .84)
}

.attractions-filters__item:hover .text,
.gallery-filter__item:hover .text,
.is-active.attractions-filters__item .text,
.is-active.gallery-filter__item .text,
.is-active.offers-filter__item .text,
.is-active.offers-filter__voucher .text,
.is-active.rooms-filter__item .text,
.offers-filter__item:hover .text,
.offers-filter__voucher:hover .text,
.rooms-filter__item:hover .text {
    transition: .3s cubic-bezier(.72, .38, .52, .84)
}

.attractions-filters__item:hover .text:before,
.gallery-filter__item:hover .text:before,
.is-active.attractions-filters__item .text:before,
.is-active.gallery-filter__item .text:before,
.is-active.offers-filter__item .text:before,
.is-active.offers-filter__voucher .text:before,
.is-active.rooms-filter__item .text:before,
.offers-filter__item:hover .text:before,
.offers-filter__voucher:hover .text:before,
.rooms-filter__item:hover .text:before {
    border-color: #a88954
}

.is-active.attractions-filters__item .text,
.is-active.gallery-filter__item .text,
.is-active.offers-filter__item .text,
.is-active.offers-filter__voucher .text,
.is-active.rooms-filter__item .text {
    font-weight: 400
}

.attractions-filters__item .text,
.gallery-filter__item .text,
.offers-filter__item .text,
.offers-filter__voucher .text,
.rooms-filter__item .text {
    pointer-events: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    white-space: nowrap
}

.attractions-filters__item .text:before,
.gallery-filter__item .text:before,
.offers-filter__item .text:before,
.offers-filter__voucher .text:before,
.rooms-filter__item .text:before {
    content: "";
    border-bottom: 1px solid #ced9e3;
    transition: border-color .3s cubic-bezier(.72, .38, .52, .84);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.attractions-filters__item .icon,
.gallery-filter__item .icon,
.offers-filter__item .icon,
.offers-filter__voucher .icon,
.rooms-filter__item .icon {
    position: relative
}

.attraction-others__arrow,
.event-others__arrow,
.gallery-content__swiper-button,
.mosaic-offers-slider__swiper-button,
.offer-others__swiper-button,
.photo-text-cards-slider__swiper-button,
.photos-slider__swiper-button,
.room-others__swiper-button {
    display: grid;
    width: 60px;
    border: 1px solid #5d7d9a;
    aspect-ratio: 1;
    place-items: center;
    border-radius: 50%;
    transition: border-color .3s cubic-bezier(.72, .38, .52, .84)
}

.attraction-others__arrow:hover,
.event-others__arrow:hover,
.gallery-content__swiper-button:hover,
.mosaic-offers-slider__swiper-button:hover,
.offer-others__swiper-button:hover,
.photo-text-cards-slider__swiper-button:hover,
.photos-slider__swiper-button:hover,
.room-others__swiper-button:hover {
    border: 1px solid #a88954;
    cursor: pointer
}

.attraction-others__arrow:hover .icon,
.event-others__arrow:hover .icon,
.gallery-content__swiper-button:hover .icon,
.mosaic-offers-slider__swiper-button:hover .icon,
.offer-others__swiper-button:hover .icon,
.photo-text-cards-slider__swiper-button:hover .icon,
.photos-slider__swiper-button:hover .icon,
.room-others__swiper-button:hover .icon {
    color: #a88954
}

.attraction-others__arrow .icon,
.event-others__arrow .icon,
.gallery-content__swiper-button .icon,
.mosaic-offers-slider__swiper-button .icon,
.offer-others__swiper-button .icon,
.photo-text-cards-slider__swiper-button .icon,
.photos-slider__swiper-button .icon,
.room-others__swiper-button .icon {
    position: relative;
    color: #5d7d9a;
    transition: color .3s
}

.attraction-others__arrow .icon:before,
.event-others__arrow .icon:before,
.gallery-content__swiper-button .icon:before,
.mosaic-offers-slider__swiper-button .icon:before,
.offer-others__swiper-button .icon:before,
.photo-text-cards-slider__swiper-button .icon:before,
.photos-slider__swiper-button .icon:before,
.room-others__swiper-button .icon:before {
    font-size: 14px
}

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

    .attraction-others__arrow,
    .event-others__arrow,
    .gallery-content__swiper-button,
    .mosaic-offers-slider__swiper-button,
    .offer-others__swiper-button,
    .photo-text-cards-slider__swiper-button,
    .photos-slider__swiper-button,
    .room-others__swiper-button {
        width: 50px
    }
}

@keyframes loader {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.u-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.u-hidden,
.u-sr-only {
    overflow: hidden
}

.site-body {
    overflow-x: hidden;
    color: #1e2635
}

p {
    margin: 0
}

.t-section-title {
    display: block;
    margin: 0;
    font-size: 56px;
    font-weight: 300;
    line-height: 120%
}

.t-section-subtitle {
    display: block;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .05em;
    line-height: 140%;
    text-transform: uppercase
}

.editor-mode .t-section-subtitle {
    text-transform: none
}

.t-item-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .06em;
    line-height: 120%;
    text-transform: uppercase
}

.editor-mode .t-item-title {
    text-transform: none
}

.t-content {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%
}

.t-content h1,
.t-content h2,
.t-content h3,
.t-content h4,
.t-content h5,
.t-content h6 {
    line-height: 1.1
}

.t-content h1 {
    font-size: 48px
}

.t-content h2 {
    font-size: 46px
}

.t-content h3 {
    font-size: 36px
}

.t-content h4 {
    font-size: 22px
}

.t-content h5 {
    font-size: 15px
}

.t-content h6 {
    font-size: 14px
}

.t-content ol,
.t-content p {
    margin: 1.4em 0
}

.t-content p:first-child {
    margin-top: 0
}

.t-content p:last-child {
    margin-bottom: 0
}

.t-content iframe,
.t-content img {
    max-width: 100%
}

.t-content a:not([href^="tel:"]):not([href^="mailto:"]):not(.wa-button-link-primary):not(.navigation__subnav-link):not([href$=".pdf"]):not([href$=".PDF"]) {
    display: inline;
    position: relative;
    font-weight: 600;
    text-decoration: underline
}

.t-content a[href^=tel]:not(.wa-button-link-primary) {
    position: relative;
    padding-left: 25px
}

.t-content a[href^=tel]:not(.wa-button-link-primary):before {
    position: absolute;
    top: 50%;
    left: 0;
    color: #a88954;
    font-size: 16px;
    transform: translateY(-50%)
}

.t-content a[href^="mailto:"]:not(.wa-button-link-primary) {
    position: relative;
    padding-left: 25px
}

.t-content a[href^="mailto:"]:not(.wa-button-link-primary):before {
    position: absolute;
    top: 50%;
    left: 0;
    color: #a88954;
    font-size: 12px;
    transform: translateY(-50%)
}

.t-content a[href$=".pdf"]:not(.wa-button-link-primary),
.t-content a[href$=".PDF"]:not(.wa-button-link-primary) {
    display: inline-block;
    position: relative;
    padding-bottom: 17px;
    padding-left: 30px;
    border-bottom: 1px solid #a88954;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .16em;
    line-height: 17px;
    text-transform: uppercase;
    transition: opacity .3s cubic-bezier(.72, .38, .52, .84)
}

.editor-mode .t-content a[href$=".pdf"]:not(.wa-button-link-primary),
.editor-mode .t-content a[href$=".PDF"]:not(.wa-button-link-primary) {
    text-transform: none
}

.t-content a[href$=".pdf"]:not(.wa-button-link-primary):hover,
.t-content a[href$=".PDF"]:not(.wa-button-link-primary):hover {
    opacity: .6
}

.t-content a[href$=".pdf"]:not(.wa-button-link-primary):before,
.t-content a[href$=".PDF"]:not(.wa-button-link-primary):before {
    position: absolute;
    top: 3px;
    left: 0;
    color: #a88954;
    font-size: 13px
}

.t-content .wa-button-link-primary {
    outline: 1px solid transparent;
    color: #fff;
    transition: .3s cubic-bezier(.72, .38, .52, .84)
}

.t-content .wa-button-link-primary:hover {
    outline: 1px solid #a88954;
    background: #fff;
    color: #1e2635
}

.t-content ul {
    margin: .8em 0
}

.t-content ul li {
    position: relative;
    padding-left: 25px
}

.t-content ul li:not(:first-child) {
    margin-top: 12px
}

.t-content ul li:before {
    position: absolute;
    top: 10px;
    left: 0;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000
}

.t-content ul ul {
    margin-top: .8em;
    margin-bottom: .8em
}

.t-content ol {
    padding-left: 20px
}

.t-content ol li {
    padding-left: 5px
}

.t-content b,
.t-content strong {
    font-weight: 700
}

.t-content .table-hld {
    margin: 2em 0;
    overflow: auto
}

.t-content .table-hld table {
    margin: 0 auto
}

.t-content table {
    width: 100%;
    border: none
}

.t-content table thead {
    border-bottom: 2px solid #5d7d9a
}

.t-content table tbody tr:nth-child(2n) {
    background-color: #fbf8f4
}

.t-content table th {
    position: relative;
    padding: 20px 25px;
    border: 0;
    font-size: 18px;
    font-weight: 400;
    font-weight: 600;
    text-align: left
}

.t-content table th:not(:first-child) {
    text-align: center
}

.t-content table td {
    padding: 20px 25px;
    border: 1px solid #ced9e3;
    font-size: 15px;
    font-weight: 275;
    text-align: left
}

.t-content table td:last-child {
    border-right: 0
}

.t-content table td:first-child {
    border-left: 0
}

.t-content table td:not(:first-child) {
    text-align: center
}

@media screen and (max-width:767px) {
    .t-section-title {
        font-size: 34px
    }
}

@font-face {
    font-family: icomoon;
    src: url(/templates/hotelbinkowski/fonts/icomoon.e82566b7.eot);
    src: url(/templates/hotelbinkowski/fonts/icomoon.e82566b7.eot) format("embedded-opentype"), url(/templates/hotelbinkowski/fonts/icomoon.27e02dde.ttf) format("truetype"), url(/templates/hotelbinkowski/fonts/icomoon.4770f08e.woff) format("woff"), url(/templates/hotelbinkowski/images/icomoon.5c94cccc.svg) format("svg");
    font-style: normal;
    font-weight: 400;
    font-display: auto
}

@font-face {
    font-family: City Streetwear;
    src: url(/templates/hotelbinkowski/fonts/citystreetwear.7948c7c4.woff) format("woff"), url(/templates/hotelbinkowski/fonts/citystreetwear.7d12a7b0.woff2) format("woff2"), url(/templates/hotelbinkowski/images/citystreetwear.c48ecab0.svg) format("svg"), url(/templates/hotelbinkowski/fonts/citystreetwear.def406fe.ttf) format("ttf")
}

[class*=" icon-"],
[class^=icon-] {
    speak: none;
    font-family: icomoon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.t-content a[href$=".pdf"]:not(.wa-button-link-primary):before,
.t-content a[href$=".PDF"]:not(.wa-button-link-primary):before,
.t-content a[href^="mailto:"]:not(.wa-button-link-primary):before,
.t-content a[href^=tel]:not(.wa-button-link-primary):before {
    speak: none;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-newsletter-confirm:before {
    content: "\e900"
}

.icon-download-fill:before {
    content: "\e901"
}

.icon-download-stroke:before {
    content: "\e902"
}

.icon-home:before {
    content: "\e903"
}

.icon-phone:before {
    content: "\e904"
}

.icon-quote:before {
    content: "\e905"
}

.icon-camera:before {
    content: "\e906"
}

.icon-arrival:before {
    content: "\e907"
}

.icon-departure:before {
    content: "\e908"
}

.icon-arrow-down:before {
    content: "\e909"
}

.icon-arrow-left:before {
    content: "\e90a"
}

.icon-arrow-right:before {
    content: "\e90b"
}

.icon-arrow-up:before {
    content: "\e90c"
}

.icon-profitroom:before {
    content: "\e90d"
}

.icon-facebook:before {
    content: "\e90e"
}

.icon-instagram:before {
    content: "\e90f"
}

.icon-tripadvisor:before {
    content: "\e910"
}

.icon-twitter:before {
    content: "\e911"
}

.icon-youtube:before {
    content: "\e912"
}

.icon-tiktok:before {
    content: "\e913"
}

.icon-pinterest:before {
    content: "\e914"
}

.icon-linkedin:before {
    content: "\e915"
}

.icon-air-conditioning:before {
    content: "\e916"
}

.icon-darkening:before {
    content: "\e917"
}

.icon-daylight:before {
    content: "\e918"
}

.icon-dvd-player:before {
    content: "\e919"
}

.icon-equipment-tv--video:before {
    content: "\e91a"
}

.icon-flipchart:before {
    content: "\e91b"
}

.icon-internet-access:before {
    content: "\e91c"
}

.icon-microphone:before {
    content: "\e91d"
}

.icon-projector:before {
    content: "\e91e"
}

.icon-screen:before {
    content: "\e91f"
}

.icon-slide-projector:before {
    content: "\e920"
}

.icon-stationary-sound:before {
    content: "\e921"
}

.icon-approval:before {
    content: "\e922"
}

.icon-percent:before {
    content: "\e923"
}

.icon-safety:before {
    content: "\e924"
}

.icon-save-money:before {
    content: "\e925"
}

.icon-offer-for-kids:before {
    content: "\e953"
}

.icon-offer-sports:before {
    content: "\e954"
}

.icon-offer-events-schedule:before {
    content: "\e955"
}

.icon-offer-services:before {
    content: "\e956"
}

.icon-offer-important-information:before {
    content: "\e957"
}

.icon-offer-meals:before {
    content: "\e958"
}

.icon-offer-attractions:before {
    content: "\e959"
}

.icon-offer-spa:before {
    content: "\e95a"
}

.icon-air-conditioning-stroke:before {
    content: "\e926"
}

.icon-bathrobes-stroke:before {
    content: "\e927"
}

.icon-bathroom-with-bath-stroke:before {
    content: "\e928"
}

.icon-bathroom-with-shower-stroke:before {
    content: "\e929"
}

.icon-beauty-set-stroke:before {
    content: "\e92a"
}

.icon-desk-stroke:before {
    content: "\e92b"
}

.icon-flat-screen-tv-stroke:before {
    content: "\e92c"
}

.icon-floor-covering-stroke:before {
    content: "\e92d"
}

.icon-fridge-stroke:before {
    content: "\e92e"
}

.icon-hairdryer-stroke:before {
    content: "\e92f"
}

.icon-internet-available-stroke:before {
    content: "\e930"
}

.icon-kitchenette-stroke:before {
    content: "\e931"
}

.icon-minibar-stroke:before {
    content: "\e932"
}

.icon-relax-room-stroke:before {
    content: "\e933"
}

.icon-safe-stroke:before {
    content: "\e93a"
}

.icon-satellite-tv-stroke:before {
    content: "\e939"
}

.icon-slippers-stroke:before {
    content: "\e938"
}

.icon-tea-and-coffee-making-set-stroke:before {
    content: "\e937"
}

.icon-towels-stroke:before {
    content: "\e936"
}

.icon-tv-stroke:before {
    content: "\e935"
}

.icon-wardrobe-stroke:before {
    content: "\e934"
}

.icon-venue-banquet:before {
    content: "\e93b"
}

.icon-venue-boardroom:before {
    content: "\e93c"
}

.icon-venue-classroom:before {
    content: "\e93d"
}

.icon-venue-horseshoe:before {
    content: "\e93e"
}

.icon-venue-standing-banquet:before {
    content: "\e93f"
}

.icon-venue-theatre:before {
    content: "\e940"
}

.icon-calendar2:before {
    content: "\e9ac"
}

.icon-air-conditioning-stroke1:before {
    content: "\e973"
}

.icon-darkening-stroke:before {
    content: "\e974"
}

.icon-daylight-stroke:before {
    content: "\e975"
}

.icon-dvd-player-stroke:before {
    content: "\e976"
}

.icon-equipment-tv--video-stroke:before {
    content: "\e977"
}

.icon-flipchart-stroke:before {
    content: "\e978"
}

.icon-internet-access-stroke:before {
    content: "\e979"
}

.icon-microphone-stroke:before {
    content: "\e97a"
}

.icon-projector-stroke:before {
    content: "\e97b"
}

.icon-screen-stroke:before {
    content: "\e97c"
}

.icon-slide-projector-stroke:before {
    content: "\e97d"
}

.icon-stationary-sound-stroke:before {
    content: "\e97e"
}

.icon-icon-niadanie2:before {
    content: "\e9ab"
}

.icon-pin:before {
    content: "\e9a8"
}

.icon-add:before {
    content: "\e9a2"
}

.icon-size:before {
    content: "\e994"
}

.icon-user:before {
    content: "\e9a0"
}

.icon-mail:before,
.t-content a[href^="mailto:"]:not(.wa-button-link-primary):before {
    content: "\e989"
}

.icon-web:before {
    content: "\e98a"
}

.icon-Phone:before,
.t-content a[href^=tel]:not(.wa-button-link-primary):before {
    content: "\e98b"
}

.icon-gift:before {
    content: "\e98c"
}

.icon-camera2:before {
    content: "\e990"
}

.icon-reception:before {
    content: "\e991"
}

.icon-discount:before {
    content: "\e992"
}

.icon-Arrow-up:before {
    content: "\e981"
}

.icon-Arrow-left:before {
    content: "\e982"
}

.icon-Arrow-down:before {
    content: "\e986"
}

.icon-Arrow-right:before {
    content: "\e987"
}

.icon-food-ideas:before {
    content: "\e96e"
}

.icon-masseuse:before {
    content: "\e96f"
}

.icon-spa-1:before {
    content: "\e97f"
}

.icon-horse:before {
    content: "\e997"
}

.icon-masks:before {
    content: "\e999"
}

.icon-disco-pool:before {
    content: "\e99a"
}

.icon-bonfire:before {
    content: "\e99d"
}

.icon-baby:before {
    content: "\e99e"
}

.icon-safety1:before {
    content: "\e983"
}

.icon-approval1:before {
    content: "\e984"
}

.icon-fb:before {
    content: "\e985"
}

.icon-download:before,
.t-content a[href$=".pdf"]:not(.wa-button-link-primary):before,
.t-content a[href$=".PDF"]:not(.wa-button-link-primary):before {
    content: "\e988"
}

.icon-yt:before {
    content: "\e98d"
}

.icon-inst:before {
    content: "\e98e"
}

.icon-Icons--Benefits:before {
    content: "\e98f"
}

.icon-money:before {
    content: "\e993"
}

.icon-tiktok1:before {
    content: "\e995"
}

.icon-skates:before {
    content: "\e996"
}

.icon-skis:before {
    content: "\e998"
}

.icon-observation-deck:before {
    content: "\e99b"
}

.icon-squash:before {
    content: "\e99c"
}

.icon-electric-bike:before {
    content: "\e99f"
}

.icon-spa-treatments:before {
    content: "\e9a1"
}

.icon-cosmetics-2:before {
    content: "\e9a3"
}

.icon-spa-lady:before {
    content: "\e9a4"
}

.icon-hot-tub:before {
    content: "\e9a5"
}

.icon-sauna-night:before {
    content: "\e9a6"
}

.icon-spa:before {
    content: "\e9a7"
}

.icon-cosmetics:before {
    content: "\e9a9"
}

.icon-mountains:before {
    content: "\e9aa"
}

.icon-yoga-pose:before {
    content: "\e941"
}

.icon-weight:before {
    content: "\e942"
}

.icon-wedding-rings:before {
    content: "\e943"
}

.icon-toys:before {
    content: "\e944"
}

.icon-target:before {
    content: "\e945"
}

.icon-swimming-pool-1:before {
    content: "\e946"
}

.icon-spaguetti:before {
    content: "\e947"
}

.icon-spa1:before {
    content: "\e948"
}

.icon-serving-dish:before {
    content: "\e949"
}

.icon-seminar:before {
    content: "\e94a"
}

.icon-sauna:before {
    content: "\e94b"
}

.icon-salad:before {
    content: "\e94c"
}

.icon-rocket:before {
    content: "\e94d"
}

.icon-river:before {
    content: "\e94e"
}

.icon-report:before {
    content: "\e94f"
}

.icon-pickaxe:before {
    content: "\e950"
}

.icon-pencil:before {
    content: "\e951"
}

.icon-paws:before {
    content: "\e952"
}

.icon-pawprint:before {
    content: "\e95b"
}

.icon-pathway:before {
    content: "\e95c"
}

.icon-panning:before {
    content: "\e95d"
}

.icon-paintball:before {
    content: "\e95e"
}

.icon-nature:before {
    content: "\e95f"
}

.icon-mountain-view:before {
    content: "\e960"
}

.icon-menu:before {
    content: "\e961"
}

.icon-living-room:before {
    content: "\e962"
}

.icon-lake:before {
    content: "\e963"
}

.icon-kitchen:before {
    content: "\e964"
}

.icon-jeep:before {
    content: "\e965"
}

.icon-hot-tub1:before {
    content: "\e966"
}

.icon-hiking:before {
    content: "\e967"
}

.icon-gun:before {
    content: "\e968"
}

.icon-fireworks:before {
    content: "\e969"
}

.icon-conference:before {
    content: "\e96a"
}

.icon-children:before {
    content: "\e96b"
}

.icon-camera1:before {
    content: "\e96c"
}

.icon-bed:before {
    content: "\e96d"
}

.icon-food:before {
    content: "\e970"
}

.icon-land:before {
    content: "\e971"
}

.icon-offers:before {
    content: "\e972"
}

.icon-pet:before {
    content: "\e980"
}

.site-btn,
.t-content .wa-button-link-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
    width: fit-content;
    padding: 15px 30px;
    border: none;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    transition: .3s cubic-bezier(.72, .38, .52, .84)
}

.site-btn:hover,
.t-content .wa-button-link-primary:hover {
    color: #fff
}

.site-btn--border {
    border: 1px solid
}

.site-btn--border:hover {
    color: #1e2635
}

.site-btn .text,
.t-content .wa-button-link-primary .text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2.24px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

.site-btn--bottom-border {
    width: fit-content;
    margin: auto;
    padding-right: 0;
    padding-left: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    background: transparent
}

.circle-btn {
    display: grid;
    position: relative;
    width: 85px;
    aspect-ratio: 1;
    place-items: center
}

.circle-btn:before {
    color: #fff;
    font-size: 85px
}

.circle-btn .icon {
    color: #fff
}

.l-section,
.l-wrapper {
    position: relative
}

.l-wrapper {
    width: 100%;
    max-width: 1420px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px
}

.l-wrapper--main-n-sidebar {
    padding: 0;
    display: flex;
    justify-content: space-between
}

.l-main {
    position: relative;
    width: calc(100% - 420px);
    max-width: 890px;
    padding-right: 40px;
    padding-left: 40px
}

.l-sidebar {
    position: relative;
    z-index: 100;
    width: 345px;
    margin-right: 120px
}

.l-sidebar__inner-hld {
    position: sticky;
    top: 110px;
    width: 100%
}

.page-weddings_and_conferences_details .l-sidebar__inner-hld {
    top: 0
}

.page-offer_details .l-sidebar,
.page-room_details .l-sidebar {
    top: -120px
}

.l-sidebar__inner {
    width: 100%
}

@media screen and (min-width:1721px) {
    .l-wrapper {
        max-width: 1650px
    }
}

@media screen and (max-width:1239px) {
    .l-wrapper--main-n-sidebar {
        flex-direction: column-reverse
    }

    .l-sidebar {
        width: 100%
    }

    .page-offer_details .l-sidebar,
    .page-room_details .l-sidebar {
        top: 0
    }

    .l-main {
        width: 100%
    }

    .l-sidebar {
        max-width: 450px;
        margin: 20px auto
    }

    .page-weddings_and_conferences_details .l-sidebar {
        margin-top: 0;
        margin-bottom: 50px
    }
}

@media screen and (max-width:1023px) {
    .l-wrapper {
        padding-right: 30px;
        padding-left: 30px
    }

    .l-wrapper--main-n-sidebar {
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .l-wrapper {
        padding-right: 15px;
        padding-left: 15px
    }

    .l-wrapper--main-n-sidebar {
        padding: 0;
        overflow: hidden
    }

    .l-main {
        padding-right: 15px;
        padding-left: 15px
    }

    .l-sidebar {
        margin: 0 auto
    }
}

.offers-accordions-item__title-box {
    position: relative;
    display: flex;
    align-items: center
}

.offers-accordions-item__icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-right: 20px
}

.offers-accordions-item__icon {
    font-size: 28px
}

.offers-accordions-item__arrow-box {
    right: 0;
    width: 70px
}

.offers-accordions-item__arrow {
    transition: transform .2s
}

.offers-accordions-item.is-active-accordion .offers-accordions-item__arrow {
    transform: scaleY(-1)
}

.offers-accordions-item__text-box {
    height: 0;
    overflow: hidden
}

.offers-accordions-item__text-box-inner {
    overflow: hidden
}

.rooms-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.rooms-filter.is-fixed {
    justify-content: flex-start;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    background: #fff
}

.rooms-filter__item span {
    pointer-events: none
}

@media screen and (max-width:767px) {
    .rooms-filter {
        justify-content: flex-start
    }

    .rooms-filter--row {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none
    }

    .rooms-filter--row::-webkit-scrollbar {
        display: none
    }
}

.photo-text-with-icons--top {
    margin-bottom: 95px
}

.photo-text-with-icons__col {
    position: relative
}

.photo-text-with-icons__col--media {
    width: 45%
}

.photo-text-with-icons__col--content {
    width: 55%
}

.photo-text-with-icons__main-title {
    top: -20px;
    left: 50%
}

.photo-text-with-icons__first-box-media,
.photo-text-with-icons__first-box .photo-text-with-icons,
.photo-text-with-icons__item {
    aspect-ratio: .8
}

.photo-text-with-icons__photo-lightgallery-trigger {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10
}

.photo-text-with-icons__pagination {
    left: 0
}

.photo-text-with-icons__bottom-controls {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
    margin: auto
}

.photo-text-with-icons__bottom-controls .icon {
    cursor: pointer;
    font-size: 40px
}

.photo-text-with-icons__swiper-button {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, .23)
}

.photo-text-with-icons__swiper-button--prev {
    right: 20px
}

.photo-text-with-icons__content-box {
    padding-left: 18%
}

.photo-text-with-icons__btn--editor-mode {
    padding: 15px
}

.photo-text-with-icons__links--editor-mode {
    padding-top: 30px
}

.editor-mode .photo-text-with-icons__icons-wrapper {
    padding: 20px
}

.photo-text-with-icons__icon-hld .icon {
    margin-bottom: 20px;
    font-size: 30px
}

.photo-text-with-icons__item-title {
    margin-bottom: 20px
}

@media screen and (max-width:1023px) {
    .photo-text-with-icons {
        flex-direction: column-reverse
    }

    .photo-text-with-icons__col--media {
        width: 100%;
        margin-bottom: 42px
    }

    .photo-text-with-icons__col--content {
        width: 100%
    }

    .photo-text-with-icons__first-box-media,
    .photo-text-with-icons__first-box .photo-text-with-icons,
    .photo-text-with-icons__item {
        aspect-ratio: 1/1
    }

    .photo-text-with-icons__main-title {
        left: 0
    }

    .photo-text-with-icons__content-box {
        padding-left: 0
    }
}

@media screen and (max-width:767px) {
    .photo-text-with-icons--top {
        margin-bottom: 60px
    }

    .photo-text-with-icons__first-box-media,
    .photo-text-with-icons__first-box .photo-text-with-icons,
    .photo-text-with-icons__item {
        aspect-ratio: .8
    }
}

.l-section--double-photo-text {
    margin: 60px 0
}

.double-photo-text__headings {
    position: relative;
    margin-bottom: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 30px
}

.double-photo-text__description {
    max-width: 530px
}

.double-photo-text__btn-hld {
    margin-top: 40px
}

.l-section--double-photo-text-reverse .double-photo-text-top-section {
    flex-direction: row-reverse
}

.double-photo-text-top-section__media-box {
    position: relative;
    width: 50%;
    padding-right: 120px
}

.l-section--double-photo-text-reverse .double-photo-text-top-section__media-box {
    padding-right: 0
}

.double-photo-text-top-section__text-box {
    width: 50%;
    padding-top: 120px
}

.double-photo-text-top-section__description {
    max-width: 430px;
    margin: 30px 0
}

.double-photo-text-top-section__iframe {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.editor-mode .double-photo-text-top-section__iframe {
    pointer-events: none
}

.double-photo-text-top-section__photo-lightgallery-trigger {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 56px;
    height: 56px;
    border: 0;
    outline: 0;
    background-color: rgba(0, 0, 0, .4)
}

.double-photo-text-top-section__photo-lightgallery-trigger .icon {
    color: #fff;
    font-size: 22px
}

.double-photo-text-top-section__swiper-button {
    width: 56px;
    height: 56px;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    align-items: center;
    justify-content: center
}

.double-photo-text-top-section__swiper-button .icon {
    cursor: pointer;
    color: #fff;
    font-size: 22px
}

.double-photo-text-top-section__swiper-button-box {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2
}

.double-photo-text-top-section__image-holder {
    position: relative;
    width: 100%;
    aspect-ratio: 4/5
}

.double-photo-text-top-section__box-media,
.double-photo-text-top-section__img-hld,
.double-photo-text-top-section__media,
.double-photo-text-top-section__media-container {
    width: 100%;
    height: 100%
}

.double-photo-text-top-section__small-photo-image-hld {
    position: absolute;
    top: 80px;
    left: -20px;
    z-index: 2;
    width: 30%;
    aspect-ratio: 2/3
}

.l-section--double-photo-text-reverse .double-photo-text-bottom-section {
    flex-direction: row-reverse
}

.double-photo-text-bottom-section__media-box {
    position: relative;
    top: -100px;
    width: 50%
}

.l-section--double-photo-text-reverse .double-photo-text-bottom-section__media-box {
    padding-right: 120px
}

.double-photo-text-bottom-section__media-box.media-box-two-photos {
    display: flex;
    gap: 25px
}

.double-photo-text-bottom-section__img-hld,
.double-photo-text-bottom-section__img-inner {
    width: 100%;
    height: 100%
}

.double-photo-text-bottom-section__iframe {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.editor-mode .double-photo-text-bottom-section__iframe {
    pointer-events: none
}

.double-photo-text-bottom-section__text-box {
    width: 50%;
    padding-right: 120px
}

.l-section--double-photo-text-reverse .double-photo-text-bottom-section__text-box {
    padding-right: 0
}

.double-photo-text-bottom-section__description {
    max-width: 430px;
    margin: 30px 0
}

.double-photo-text-bottom-section__photo-lightgallery-trigger {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 56px;
    height: 56px;
    border: 0;
    outline: 0;
    background-color: rgba(0, 0, 0, .4)
}

.double-photo-text-bottom-section__photo-lightgallery-trigger .icon {
    color: #fff;
    font-size: 22px
}

.double-photo-text-bottom-section__swiper-button {
    width: 56px;
    height: 56px;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    align-items: center;
    justify-content: center
}

.double-photo-text-bottom-section__swiper-button .icon {
    cursor: pointer;
    color: #fff;
    font-size: 22px
}

.double-photo-text-bottom-section__swiper-button-box {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2
}

.double-photo-text-bottom-section__box-media,
.double-photo-text-bottom-section__img-hld,
.double-photo-text-bottom-section__media,
.double-photo-text-bottom-section__media-container {
    width: 100%;
    height: 100%
}

.double-photo-text-bottom-section__image-holder {
    position: relative;
    aspect-ratio: 4/4.2
}

.media-box-two-photos .double-photo-text-bottom-section__image-holder {
    width: 50%;
    aspect-ratio: 3/4
}

.double-photo-text-bottom-section__small-photo-image-hld {
    position: absolute;
    right: 100px;
    bottom: -100px;
    z-index: 2;
    width: 30%;
    aspect-ratio: 2/3
}

.l-section--double-photo-text-reverse .double-photo-text-bottom-section__small-photo-image-hld {
    position: absolute;
    right: 220px;
    bottom: -100px
}

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

    .double-photo-text-top-section__media-box,
    .l-section--double-photo-text-reverse .double-photo-text-top-section__text-box {
        padding-right: 60px
    }

    .double-photo-text-bottom-section {
        margin-top: 40px
    }

    .double-photo-text-bottom-section__text-box {
        padding-right: 60px
    }

    .double-photo-text-bottom-section__media-box {
        top: 0
    }

    .l-section--double-photo-text-reverse .double-photo-text-bottom-section__media-box {
        padding-right: 60px
    }

    .l-section--double-photo-text-reverse .double-photo-text-bottom-section__small-photo-image-hld {
        position: absolute;
        right: 100px;
        bottom: -100px
    }
}

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

    .double-photo-text-bottom-section__small-photo-image-hld,
    .double-photo-text-top-section__small-photo-image-hld {
        display: none
    }
}

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

    .double-photo-text-top-section,
    .l-section--double-photo-text-reverse .double-photo-text-top-section {
        flex-direction: column
    }

    .double-photo-text-top-section__media-box {
        width: 100%;
        padding: 0
    }

    .double-photo-text-top-section__text-box {
        width: 100%;
        margin-top: 20px;
        padding: 0
    }

    .double-photo-text-top-section__image-holder {
        position: relative;
        width: 100%;
        aspect-ratio: unset;
        height: 350px
    }

    .double-photo-text-bottom-section,
    .l-section--double-photo-text-reverse .double-photo-text-bottom-section {
        flex-direction: column
    }

    .double-photo-text-bottom-section__media-box {
        width: 100%;
        padding: 0
    }

    .double-photo-text-bottom-section__media-box.media-box-two-photos {
        flex-direction: column
    }

    .double-photo-text-bottom-section__text-box {
        width: 100%;
        margin-bottom: 20px;
        padding: 0
    }

    .double-photo-text-bottom-section__image-holder {
        position: relative;
        width: 100%;
        aspect-ratio: unset;
        height: 350px
    }

    .media-box-two-photos .double-photo-text-bottom-section__image-holder {
        width: 100%;
        aspect-ratio: unset;
        height: 350px
    }
}

.text-and-photo__headings {
    display: grid;
    justify-content: center;
    text-align: center;
    grid-template-rows: 1fr
}

.text-and-photo__headings--inline {
    grid-template: repeat(2, 1fr)/repeat(2, 1fr);
    grid-template-areas: "top-left top-right" "bottom-left bottom-right"
}

.text-and-photo__btn-hld {
    display: flex;
    justify-content: center
}

.text-and-photo__headings--inline .text-and-photo__btn-hld {
    grid-area: bottom-right
}

.text-and-photo__big-photo img {
    height: unset;
    aspect-ratio: 16/7
}

.text-and-photo__box-media,
.text-and-photo__media-container {
    width: 100%;
    height: 100%
}

.text-and-photo__image {
    position: relative
}

.text-and-photo__swiper-button-box {
    position: absolute;
    top: 50%;
    right: 30px;
    left: 30px;
    z-index: 10;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.text-and-photo__swiper-button-box .icon {
    cursor: pointer
}

.text-and-photo__top-small-photo {
    position: absolute;
    top: -120px;
    left: 10%;
    z-index: 10;
    width: 33%;
    aspect-ratio: 16/10
}

.text-and-photo__bottom-small-photo {
    position: absolute;
    right: 15%;
    bottom: -30%;
    z-index: 10;
    width: 20%;
    aspect-ratio: 3/4
}

.text-and-photo__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px
}

@media screen and (max-width:767px) {
    .text-and-photo__headings {
        grid-template-rows: 1fr
    }

    .text-and-photo__headings--inline {
        grid-template: unset
    }

    .text-and-photo__btn-hld {
        display: flex;
        justify-content: center
    }

    .text-and-photo__headings--inline .text-and-photo__btn-hld {
        grid-area: unset
    }

    .text-and-photo__big-photo img {
        aspect-ratio: 3/2
    }

    .text-and-photo__top-small-photo {
        top: -30px;
        width: 45%
    }

    .text-and-photo__bottom-small-photo {
        width: 30%
    }

    .text-and-photo__swiper-button-box {
        display: none
    }
}

.nav-tabs__top {
    text-align: center
}

.nav-tabs__subtitle {
    margin-bottom: 25px
}

.nav-tabs__description {
    margin-bottom: 40px
}

.nav-tabs__tab-list--editor-mode {
    padding: 15px
}

.nav-tabs__tab-item {
    border-width: 1px 1px 1px 0;
    border-style: solid
}

.nav-tabs__tab-item:first-of-type {
    border-left-width: 1px
}

.nav-tabs__tab-item:after {
    width: 0;
    height: 0;
    border-top-width: 10px;
    border-top-style: solid;
    transform: translateX(-50%);
    bottom: -20px;
    left: 50%
}

.nav-tabs__tab-item:after,
.nav-tabs__tab-item:before {
    content: "";
    opacity: 0;
    transition: opacity .3s;
    position: absolute
}

.nav-tabs__tab-item:before {
    width: calc(100% + 2px);
    height: 3px;
    top: 100%;
    right: -1px;
    bottom: 0;
    left: -1px
}

.nav-tabs__tab-item.is-active:after,
.nav-tabs__tab-item.is-active:before {
    opacity: 1
}

.nav-tabs .nav-tabs__tab-item:after {
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent
}

.nav-tabs__item {
    padding: 60px 35px
}

.nav-tabs__element {
    width: 100%;
    padding: 25px 0;
    cursor: pointer;
    text-align: center
}

.nav-tabs__title-tab--mobile {
    display: none;
    margin-bottom: 30px
}

.nav-tabs__main-box {
    display: none;
    transition: .6s ease
}

.nav-tabs__main-box--editor-mode {
    padding: 15px
}

.nav-tabs__main-box.is-active {
    display: block;
    animation: FadeIn 1s
}

@media screen and (max-width:1023px) {
    .nav-tabs__main-box {
        display: block
    }

    .nav-tabs__item {
        align-items: flex-start;
        width: 100%;
        padding: 0
    }

    .nav-tabs__box-wrapper {
        flex-direction: column
    }

    .nav-tabs__nav,
    .nav-tabs__title-tab--mobile {
        display: none
    }

    .nav-tabs__description {
        text-align: left
    }
}

.offers-filter {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap
}

.offers-filter.is-fixed {
    justify-content: flex-start;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    background: #fff
}

.offers-filter__item span {
    pointer-events: none
}

.offers-filter__voucher {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto
}

@media screen and (max-width:1239px) {
    .offers-filter__voucher {
        margin-left: 0
    }
}

@media screen and (max-width:767px) {
    .offers-filter--row {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none
    }

    .offers-filter--row::-webkit-scrollbar {
        display: none
    }
}

.content-accordions__item {
    margin-top: 25px
}

.content-accordions__item--editor-mode {
    margin: 15px
}

.content-accordions-item {
    border: 1px solid #ced9e3
}

.content-accordions-item__title-box {
    display: flex;
    position: relative;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    text-align: left
}

.content-accordions-item__title-box--editor-mode {
    cursor: default
}

.content-accordions-item__image-box {
    width: 140px
}

.content-accordions-item__icon-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px
}

.content-accordions-item__icon-box--editor-mode {
    cursor: pointer
}

.content-accordions-item__icon {
    transition: transform .2s
}

.content-accordions-item.is-active-accordion .content-accordions-item__icon {
    transform: scaleY(-1)
}

.content-accordions-item__text-box {
    height: 0;
    overflow: hidden
}

.room-item-horizontal {
    display: block;
    position: relative;
    overflow: hidden
}

.room-item-horizontal.is-hidden {
    display: none
}

.room-item-horizontal__full-btn {
    position: absolute;
    inset: 0;
    z-index: 1;
    text-indent: -9999px
}

.editor-mode .room-item-horizontal__full-btn {
    pointer-events: none
}

.room-item-horizontal__inner {
    display: flex;
    align-items: center;
    position: relative
}

.room-item-horizontal__inner.reverse {
    flex-direction: row-reverse
}

.room-item-horizontal__img-box {
    position: relative;
    width: 50%;
    overflow: hidden
}

.room-item-horizontal__img,
.room-item-horizontal__slider-img,
.room-item-horizontal__video {
    aspect-ratio: 5/4
}

.room-item-horizontal__controls {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 10
}

.room-item-horizontal__swiper-button {
    width: 55px;
    height: 55px;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center
}

.room-item-horizontal__swiper-button .icon {
    color: #fff;
    font-size: 30px
}

.room-item-horizontal__gallery-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 55px;
    height: 55px;
    padding: 0;
    border: 0;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center
}

.room-item-horizontal__gallery-btn .icon {
    color: #fff;
    font-size: 20px
}

.room-item-horizontal__text-box {
    width: 50%;
    height: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.room-item-horizontal__special-info {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.room-item-horizontal__special-info-item {
    display: flex;
    align-items: center;
    gap: 10px
}

.room-item-horizontal__price--photo {
    position: absolute;
    top: 60px;
    right: 50%;
    z-index: 10
}

.room-item-horizontal__buttons {
    display: flex
}

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

    .room-item-horizontal__inner,
    .room-item-horizontal__inner.reverse {
        flex-direction: column
    }

    .room-item-horizontal__img-box {
        width: 100%
    }

    .room-item-horizontal__text-box {
        width: 100%;
        padding: 20px 0
    }

    .room-item-horizontal__special-info {
        flex-direction: column
    }

    .room-item-horizontal__price--photo {
        top: 0;
        right: unset;
        left: 0
    }
}

.l-section--attraction-others {
    margin: 120px auto
}

.attraction-others {
    position: relative
}

.attraction-others__title-hld {
    position: relative;
    text-align: center
}

.attraction-others__title {
    padding-bottom: 80px
}

.attraction-others__arrow-btn-box {
    position: absolute;
    right: 0;
    bottom: 40px;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:767px) {
    .l-section--attraction-others {
        margin: 60px auto
    }

    .attraction-others__title {
        padding-bottom: 20px
    }

    .attraction-others__arrow-btn-box {
        position: relative;
        bottom: unset;
        margin-bottom: 20px
    }

    .attraction-others__arrow {
        display: none
    }

    .attraction-others__slider .swiper-container {
        overflow: visible
    }
}

@media screen and (max-width:767px) {
    .l-section--attraction-details {
        margin: 40px auto 60px
    }

    .attraction-details__contact-box {
        flex-direction: column;
        align-items: flex-start
    }
}

.l-section--attraction-filter {
    margin: 80px auto 60px
}

.attractions-filters {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .l-section--attraction-filter {
        margin: 40px auto
    }

    .l-section--attraction-filter .l-wrapper {
        padding-right: 0
    }

    .attractions-filters {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: none
    }

    .attractions-filters::-webkit-scrollbar {
        display: none
    }

    .attractions-filters__item .text {
        white-space: nowrap
    }
}

.attraction-item {
    position: relative;
    overflow: hidden;
    transition: .5s ease
}

.attraction-item--border {
    border: 1px solid transparent
}

.attraction-item--border:hover {
    border-width: 1px;
    border-style: solid
}

.attraction-item--transparent-background {
    border: none
}

.attraction-item.is-hidden {
    display: none
}

.attraction-item__img-hld {
    width: 100%;
    aspect-ratio: 440/330
}

.attraction-item__img-hld--transparent-background {
    aspect-ratio: 440/475
}

.attraction-item__text-hld {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 0 50px;
    background-color: #fff;
    transform: translateY(calc(100% - 85px));
    transition: .2s linear
}

.attraction-item:focus .attraction-item__text-hld--border,
.attraction-item:hover .attraction-item__text-hld--border {
    transform: translateY(0);
    display: flex;
    justify-content: center;
    flex-direction: column
}

.attraction-item__text-hld--transparent-background {
    background-color: transparent
}

.attraction-item:focus .attraction-item__text-hld--transparent-background,
.attraction-item:hover .attraction-item__text-hld--transparent-background {
    opacity: 0
}

.attraction-item__text-hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 60px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    transition: .3s linear
}

.attraction-item__text-hover--transparent-background {
    background: transparent
}

.attraction-item__text-hover--transparent-background:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.attraction-item:focus .attraction-item__text-hover,
.attraction-item:hover .attraction-item__text-hover {
    opacity: 1
}

.attraction-item__title-hld {
    display: flex;
    align-items: center;
    height: 85px
}

.attraction-item__title {
    width: 100%
}

.attraction-item__description,
.attraction-item__title {
    z-index: 1;
    text-align: center
}

.attraction-item__btn-hld {
    margin-top: 20px
}

.attraction-item__btn {
    margin: 0 auto
}

@media screen and (max-width:1300px) {
    .attraction-item__img-hld {
        aspect-ratio: 440/475
    }
}

@media screen and (max-width:767px) {
    .attraction-item {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }

    .attraction-item--border,
    .attraction-item--border:hover {
        border: none
    }

    .attraction-item__btn-hld {
        margin-top: 30px
    }

    .attraction-item__btn .text {
        font-size: 12px
    }

    .attraction-item__text-hover {
        position: relative;
        padding: 0;
        opacity: 1
    }

    .attraction-item__text-hld--transparent-background,
    .attraction-item__text-hover:after {
        display: none
    }

    .attraction-item__text-hld--border {
        position: relative;
        padding: 0;
        transform: translateY(0)
    }

    .attraction-item__img-hld,
    .attraction-item__title-hld {
        height: unset
    }

    .attraction-item__title {
        margin: 30px auto
    }

    .attraction-item__btn-hld--border,
    .attraction-item__description--border {
        display: none
    }
}

.attraction-listing {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px 20px;
    margin: 60px auto 120px
}

.attraction-listing.is-hidden {
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width:1239px) {
    .attraction-listing {
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width:767px) {
    .attraction-listing {
        grid-template-columns: 1fr
    }
}

.event-item {
    display: flex;
    width: 100%;
    margin: 0 auto 40px
}

.event-item--slider {
    flex-direction: column;
    margin-bottom: 0
}

.event-item:last-of-type {
    margin-bottom: 0
}

.event-item__img-hld {
    position: relative;
    width: 49%;
    overflow: hidden;
    aspect-ratio: 553/415
}

.event-item__img-hld--slider {
    width: 100%
}

.event-item__img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.event-item__text-hld {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 51%;
    padding: 50px 80px;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    background-color: #fff
}

.event-item__text-hld--slider {
    align-items: center;
    width: 100%;
    padding: 30px 50px 40px;
    border: none;
    text-align: center
}

.event-item__date-hld {
    margin-bottom: 30px;
    white-space: nowrap
}

.event-item__description,
.event-item__title {
    margin-bottom: 30px
}

.event-item__btn .text {
    position: relative
}

.event-item__btn .text:before {
    position: absolute;
    bottom: -10px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .2s
}

.event-item__btn:hover .text:before {
    transform: scaleX(1);
    transform-origin: left
}

.event-item__btn--slider {
    display: none
}

.event-item__ribbon-hld {
    position: absolute;
    top: 30px;
    left: -60px;
    width: 280px;
    padding: 8px 30px;
    overflow: hidden;
    transform: rotate(-35deg)
}

.event-item__ribbon {
    position: relative;
    text-align: center
}

@media screen and (max-width:1239px) {
    .event-item__text-hld {
        padding-right: 50px;
        padding-left: 50px
    }
}

@media screen and (max-width:1023px) {
    .event-item__text-hld {
        padding: 40px
    }

    .event-item__date-hld,
    .event-item__description,
    .event-item__title {
        margin-bottom: 20px
    }
}

@media screen and (max-width:767px) {
    .event-item {
        flex-direction: column;
        align-items: center
    }

    .event-item__img-hld {
        width: 100%
    }

    .event-item__text-hld {
        width: 100%;
        padding: 30px 20px 40px;
        border-top-width: 0;
        border-left-width: 1px
    }

    .event-item__text-hld--slider {
        align-items: flex-start;
        border-width: 0 1px 1px;
        border-style: solid;
        text-align: left
    }

    .event-item__btn--slider {
        display: block
    }
}

.events-filter {
    height: 55px;
    margin-bottom: 60px
}

.events-filter__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 100%
}

.events-filter__inner:after {
    content: "";
    right: 0;
    left: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.events-filter__main-title {
    flex: 0 0 auto;
    margin-right: 30px
}

.events-filter__dropdown-box {
    display: flex;
    align-items: center;
    height: 100%
}

.events-filter__dropdown {
    position: relative;
    min-width: 270px;
    height: 100%
}

.events-filter__button {
    width: 100%;
    height: 100%;
    padding: 0 12px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent
}

.events-filter__button:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.events-filter__button .icon {
    display: inline-block;
    transition: transform .3s
}

.is-active .events-filter__button .icon {
    transform: rotate(180deg)
}

.events-filter__list {
    position: absolute;
    top: 100%;
    left: 0;
    pointer-events: none;
    z-index: 3;
    width: 100%;
    padding: 12px 0 0;
    border-width: 0 1px 1px;
    border-style: solid;
    background: #fff;
    opacity: 0;
    overflow-y: auto;
    visibility: hidden;
    transition: opacity .2s;
    -webkit-overflow-scrolling: touch
}

.events-filter__dropdown.is-active .events-filter__list {
    pointer-events: auto;
    opacity: 1;
    visibility: visible
}

.events-filter__year {
    margin: 0 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.events-filter__item {
    position: relative;
    width: 100%;
    border: 0;
    background: none;
    cursor: pointer;
    text-align: left
}

.events-filter__btn {
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

@media screen and (max-width:767px) {
    .l-section--events-filter {
        height: 44px;
        margin-bottom: 30px
    }

    .events-filter {
        margin-bottom: 30px
    }

    .events-filter__main-title {
        display: none
    }

    .events-filter__dropdown {
        min-width: 210px
    }
}

.event-others__title-hld {
    position: relative;
    text-align: center
}

.event-others__title {
    padding-bottom: 80px
}

.event-others__arrow-btn-box {
    position: absolute;
    right: 0;
    bottom: 40px
}

.event-others__arrow.hidden-nav {
    display: none
}

.event-others__btn-hld {
    margin-left: 30px
}

.event-others__slider {
    position: relative
}

.event-others__slider--editor-mode {
    height: 365px
}

@media screen and (max-width:767px) {
    .event-others__title {
        padding-bottom: 20px
    }

    .event-others__arrow-btn-box {
        position: relative;
        bottom: unset;
        margin-bottom: 20px
    }

    .event-others__btn-hld {
        margin-left: 0
    }

    .event-others__arrow {
        display: none
    }

    .event-others__slider .swiper-container {
        overflow: visible
    }
}

.l-section--events {
    margin: 80px auto 120px
}

.events.is-hidden .events__holder {
    visibility: hidden
}

.events__filter {
    margin-bottom: 60px
}

@media screen and (max-width:1023px) {
    .l-section--events {
        margin: 40px auto 60px
    }
}

.opinion {
    margin: 20px 0
}

.opinion__footer {
    display: flex;
    gap: 17px
}

.opinion-one__text-box {
    aspect-ratio: 1130/415;
    display: flex;
    align-items: center
}

.opinion-one__footer {
    justify-content: center
}

.opinion-image__photo-box {
    aspect-ratio: 1130/645;
    background: #86888c
}

.opinion-two-text__holder {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px
}

.opinion-two-text__text-box {
    flex: 1;
    text-align: center;
    aspect-ratio: 555/400;
    display: flex;
    align-items: center
}

.opinion-photo-text__holder {
    display: flex;
    gap: 20px
}

.opinion-photo-text__holder--right {
    flex-direction: row-reverse
}

.opinion-photo-text__text-box {
    flex: 1;
    display: flex;
    align-items: center;
    text-align: center
}

.opinion-photo-text__photo-box {
    flex: 1;
    aspect-ratio: 555/400
}

.opinion-photo-text__footer {
    justify-content: center
}

.opinions-grid__container {
    display: grid;
    gap: 20px
}

.opinions-grid__text-box {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: wrap
}

.opinions-grid__text-box:first-child {
    grid-area: 1/1/2/2
}

.opinions-grid__text-box:nth-child(2) {
    grid-area: 1/2/3/3
}

.opinions-grid__text-box:nth-child(3) {
    grid-area: 1/3/2/4
}

.opinions-grid__text-box:nth-child(4) {
    grid-area: 2/1/4/2
}

.opinions-grid__text-box:nth-child(5) {
    grid-area: 3/2/4/3
}

.opinions-grid__text-box:nth-child(6) {
    grid-area: 2/3/4/4
}

.opinion-double-text__holder {
    display: flex;
    align-items: stretch;
    gap: 20px
}

.opinion-double-text__holder--right {
    flex-direction: row-reverse
}

.opinion-double-text__text-box {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.opinion-double-text__text-box--big {
    flex: 2
}

.opinion-double-text__text-box--small {
    flex: 1;
    aspect-ratio: 325/407
}

.opinion-double-text-with-photo__holder {
    gap: 20px;
    display: flex
}

.opinion-double-text-with-photo__item-big {
    flex: 2;
    gap: 20px;
    display: flex
}

.opinion-double-text-with-photo__item {
    flex: 1
}

.opinion-double-text-with-photo__photo-box {
    height: 100%
}

.opinion-double-text-with-photo__small-item--text-box {
    flex: 1;
    width: 50%
}

.opinion-double-text-with-photo__small-item--media-box {
    flex: 1;
    aspect-ratio: 440/400;
    width: 50%
}

.opinion-double-text-with-photo__text-box-inner {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%
}

.opinion-double-text-with-big-photo__holder {
    display: flex;
    align-items: stretch;
    gap: 20px
}

.opinion-double-text-with-big-photo__holder--right {
    flex-direction: row-reverse
}

.opinion-double-text-with-big-photo__item--text-box {
    flex: 2;
    gap: 20px;
    display: flex;
    flex-direction: column
}

.opinion-double-text-with-big-photo__item--media-box {
    flex: 1;
    aspect-ratio: 440/720
}

.opinion-double-text-with-big-photo__photo-box {
    height: 100%
}

.opinion-double-text-with-big-photo__text-box {
    flex: 1;
    display: flex;
    align-items: center
}

.opinion-small-photo-text__holder {
    display: flex;
    gap: 20px
}

.opinion-small-photo-text__holder--right {
    flex-direction: row-reverse
}

.opinion-small-photo-text__photo-box {
    flex: 1;
    aspect-ratio: 325/407
}

.opinion-small-photo-text__photo {
    height: 100%
}

.opinion-small-photo-text__text-box {
    flex: 2
}

.opinion-small-photo-text__text-box-inner {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%
}

.opinion-big-photo-text__holder {
    display: flex;
    gap: 20px
}

.opinion-big-photo-text__holder--right {
    flex-direction: row-reverse
}

.opinion-big-photo-text__text-box {
    flex: 1
}

.opinion-big-photo-text__photo-box {
    flex: 2;
    aspect-ratio: 785/407
}

.opinion-big-photo-text__photo {
    height: 100%
}

.opinion-big-photo-text__text-box-inner {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%
}

@media screen and (max-width:1239px) {
    .opinion-double-text-with-photo__holder {
        flex-direction: column
    }
}

@media screen and (max-width:1023px) {
    .opinion-photo-text__holder {
        flex-direction: column
    }

    .opinion-photo-text__photo-box {
        aspect-ratio: 16/9
    }

    .opinions-grid__container {
        display: block
    }

    .opinions-grid__text-box {
        margin: 20px 0
    }

    .opinions-grid__text-box:first-child,
    .opinions-grid__text-box:nth-child(2),
    .opinions-grid__text-box:nth-child(3),
    .opinions-grid__text-box:nth-child(4),
    .opinions-grid__text-box:nth-child(5),
    .opinions-grid__text-box:nth-child(6) {
        grid-area: unset
    }

    .opinion-big-photo-text__holder {
        flex-direction: column
    }

    .opinion-big-photo-text__photo-box {
        aspect-ratio: 16/9
    }

    .opinion-small-photo-text__holder {
        flex-direction: column
    }

    .opinion-small-photo-text__photo-box {
        aspect-ratio: 16/9
    }

    .opinion-double-text-with-big-photo__holder {
        flex-direction: column
    }

    .opinion-double-text-with-big-photo__item--media-box {
        aspect-ratio: 16/9
    }

    .opinion-double-text__holder {
        flex-direction: column
    }

    .opinion-double-text__text-box--big {
        flex: 1
    }

    .opinion-double-text__text-box--small {
        flex: 1;
        aspect-ratio: initial
    }

    .opinion-two-text__holder {
        flex-direction: column
    }

    .opinion-two-text__text-box {
        aspect-ratio: unset
    }

    .opinion-image__photo-box {
        aspect-ratio: 16/9
    }

    .opinion-double-text-with-photo__item-big {
        flex-direction: column
    }

    .opinion-double-text-with-photo__small-item--media-box {
        aspect-ratio: 16/9;
        width: 100%
    }

    .opinion-double-text-with-photo__small-item--text-box {
        width: 100%
    }
}

.l-section--event-details {
    margin: 80px auto 120px
}

@media screen and (max-width:767px) {
    .l-section--event-details {
        margin: 40px auto 60px
    }
}

footer {
    padding: 90px 0 100px;
    background-color: #183651
}

.footer-address p {
    margin-bottom: 15px
}

.footer-address a {
    transition: opacity .3s
}

.footer-address a:hover {
    opacity: .5
}

.footer-with-newsletter {
    margin: 0 auto
}

.footer-with-newsletter__top {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    justify-content: space-between
}

.footer-with-newsletter__awards {
    margin: 120px 0 130px;
    border: 1px solid #ced9e3;
    border-right: none;
    border-left: none
}

.footer-with-newsletter__bottom {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px
}

.footer-with-newsletter__bottom-end,
.footer-with-newsletter__bottom-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.footer-with-newsletter__bottom-end {
    margin-top: 50px;
    opacity: .7
}

.footer-with-newsletter__col {
    width: 25%;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 300
}

.footer-with-newsletter__col--info {
    position: relative
}

.footer-with-newsletter__col--contact-hld {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column
}

.footer-with-newsletter__header {
    margin-bottom: 20px
}

.footer-with-newsletter__header .text {
    color: #c5a982;
    letter-spacing: .7px;
    text-transform: uppercase
}

.footer-with-newsletter__newsletter-hld {
    width: 100%
}

.footer-with-newsletter__address {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 15px
}

.footer-with-newsletter__link {
    margin-bottom: 15px
}

.created__text {
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.created__link .icon {
    top: 0;
    margin-left: 0;
    opacity: .7;
    color: #fff;
    font-size: 22px
}

@media screen and (min-width:1721px) {

    .footer-with-newsletter__bottom,
    .footer-with-newsletter__top {
        max-width: 1420px
    }
}

@media screen and (max-width:1239px) {
    .footer-with-newsletter {
        padding: 0
    }

    .footer-with-newsletter__top {
        flex-wrap: wrap
    }
}

@media screen and (max-width:1023px) {
    footer {
        padding: 30px 0 80px
    }

    .footer-with-newsletter {
        padding: 0
    }

    .footer-with-newsletter__address {
        align-items: center;
        justify-content: center
    }

    .footer-with-newsletter__logos {
        margin: 50px 0
    }

    .footer-with-newsletter__top {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 80px
    }

    .footer-with-newsletter__top:before {
        bottom: -40px
    }

    .footer-with-newsletter__bottom-end {
        flex-direction: column;
        align-items: center
    }

    .footer-with-newsletter__header {
        margin-top: 40px
    }

    .footer-with-newsletter__bottom-top,
    .footer-with-newsletter__logo {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .footer-with-newsletter__bottom-top {
        flex-direction: column
    }

    .footer-with-newsletter__col {
        width: auto;
        justify-content: center
    }

    .footer-with-newsletter__col,
    .footer-with-newsletter__info-hld {
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center
    }

    .footer-with-newsletter__bottom {
        flex-direction: column;
        width: 100%
    }

    .footer-with-newsletter__row-bottom-left {
        width: 100%
    }

    .footer-with-newsletter__row-bottom-right {
        padding-top: 15px
    }
}

.footer-navigation__list {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 15px
}

.footer-navigation__list--horizontal {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    gap: 35px
}

.footer-navigation__list--horizontal .footer-navigation__link {
    font-size: 14px
}

.footer-navigation__link {
    position: relative;
    transition: color .3s ease
}

.footer-navigation__link.is-active {
    text-decoration: underline
}

.footer-navigation__link--last:before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: hsla(0, 0%, 100%, .3);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    bottom: 0;
    left: -17px
}

.footer-navigation__item {
    position: relative;
    color: #fff
}

@media screen and (max-width:1239px) {
    .footer-navigation--second {
        margin-top: 0
    }
}

@media screen and (max-width:1023px) {
    .footer-navigation--bottom {
        margin-top: 15px;
        padding: 20px 0;
        border-top: 1px solid hsla(0, 0%, 100%, .5);
        border-bottom: 1px solid hsla(0, 0%, 100%, .5)
    }

    .footer-navigation--bottom .footer-navigation__list--horizontal {
        display: flex;
        align-items: center;
        flex-direction: column
    }

    .footer-navigation__item {
        line-height: unset
    }

    .footer-navigation__link {
        font-size: 14px
    }

    .footer-navigation__link--last:before {
        content: none
    }

    .footer-navigation__list {
        gap: 18px;
        align-items: center
    }
}

.spa-item {
    position: relative
}

.spa-item:before {
    content: "";
    height: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.spa-item__top {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 135px
}

.spa-item__top--with-category {
    cursor: pointer
}

.spa-item__img {
    aspect-ratio: 440/322;
    overflow: hidden
}

.spa-item__image-box {
    width: 44%
}

.spa-item__text-box {
    width: 64%
}

.spa-item__text-box--without-description {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.spa-item__bottom {
    margin-top: 50px
}

.spa-item__bottom-inner {
    padding: 0
}

.spa-item-treatment {
    position: relative;
    transition: .5s ease
}

.spa-item-treatment--empty {
    pointer-events: none
}

.spa-item-treatment:before {
    content: "";
    pointer-events: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.spa-item-treatment.is-visible-treatment:before {
    opacity: 1
}

.spa-item-treatment__row {
    position: relative;
    z-index: 2;
    gap: 85px;
    padding-left: 20px
}

.spa-item-treatment__bottom-inner,
.spa-item-treatment__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.spa-item-treatment__bottom-inner {
    padding: 35px 0 35px 20px
}

.spa-item-treatment__title {
    margin-right: 12px
}

.spa-item-treatment__col--big {
    width: calc(100% - 315px)
}

.is-visible-treatment .spa-item-treatment__col--big {
    width: calc(100% - 295px)
}

.spa-item-treatment__col--small {
    width: 230px
}

.is-visible-treatment .spa-item-treatment__col--small {
    width: 210px
}

.spa-item-treatment__col--full {
    width: 100%
}

.spa-item-treatment__col--small-one {
    display: none
}

.spa-item-treatment__description :first-child {
    margin-top: 0
}

.spa-item-treatment__price-and-time-box {
    display: flex;
    flex-direction: column
}

.spa-item-treatment__price-and-time {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 15px;
    opacity: 1;
    transition: opacity .2s ease
}

.spa-item-treatment__price-and-time--label {
    order: -1;
    margin-top: 0
}

.spa-item-treatment__price-and-time--top {
    margin-top: 0
}

.spa-item-treatment.is-active-accordion .spa-item-treatment__price-and-time--top {
    opacity: 0
}

.spa-item-treatment__top {
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
    cursor: pointer
}

.spa-item-treatment__top--click {
    cursor: pointer
}

.spa-item-treatment__top:after {
    content: "";
    pointer-events: none;
    z-index: -1;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    left: 0
}

.spa-item-treatment__top.is-visible-treatment:after {
    opacity: 1
}

.spa-item-treatment__icon {
    position: absolute;
    top: 20px;
    right: 25px
}

.spa-item-treatment__top.is-visible-treatment .spa-item-treatment__icon {
    transform: scaleY(-1)
}

.spa-item-treatment__icon--empty {
    opacity: 0
}

.spa-item-treatment__bottom {
    height: 0;
    cursor: default;
    overflow: hidden;
    transition: 1s ease
}

@media screen and (max-width:1239px) {
    .spa-item__top {
        gap: 60px
    }
}

@media screen and (max-width:767px) {
    .spa-item__top {
        flex-direction: column
    }

    .spa-item__image-box {
        width: 100%
    }

    .spa-item__text-box {
        width: 100%;
        padding: 20px 10px 0
    }

    .spa-item__bottom {
        margin-top: 30px
    }

    .spa-item-treatment--empty {
        pointer-events: all
    }

    .spa-item-treatment__price-and-time--top {
        display: none
    }

    .spa-item-treatment__bottom-inner {
        flex-direction: column;
        padding: 30px 0
    }

    .spa-item-treatment__row {
        display: block;
        padding-right: 40px;
        padding-left: 0
    }

    .is-visible-treatment .spa-item-treatment__col--small,
    .spa-item-treatment__col {
        width: 100%
    }

    .spa-item-treatment__bottom-inner .spa-item-treatment__col--small {
        margin-top: 15px
    }

    .spa-item-treatment__col--small-one {
        display: block;
        margin-right: 0;
        margin-left: 0
    }

    .is-visible-treatment .spa-item-treatment__col--big {
        width: 100%
    }

    .spa-item-treatment__icon {
        right: 15px
    }

    .spa-item-treatment__icon--empty {
        opacity: 1
    }
}

.l-section--restaurant-menu-list {
    margin: 80px auto;
    overflow-x: hidden
}

.restaurant-menu-item:not(:first-child) {
    margin-top: 80px
}

.restaurant-menu-item__head {
    width: 59%;
    margin: 0 auto;
    text-align: center
}

.restaurant-menu-item__body {
    display: grid;
    position: relative;
    margin-top: 60px;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px
}

.restaurant-menu-item__body--two-column {
    grid-template-columns: repeat(2, 1fr);
    gap: 45px 80px
}

.restaurant-menu-item__box-item {
    padding-top: 60px
}

.restaurant-menu-item__box-item--border {
    padding-right: 115px;
    padding-bottom: 100px;
    padding-left: 115px;
    border-width: 0 1px 1px;
    border-style: solid
}

.restaurant-menu-item__description {
    width: calc(100% - 140px)
}

.restaurant-menu-item__description p {
    margin: 0
}

.restaurant-menu-item__col--second {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px
}

.restaurant-menu-item__extra-item {
    text-align: right
}

.restaurant-menu-item__extra {
    flex: 0 0 120px;
    margin-left: auto
}

.restaurant-menu-item__weight {
    display: inline-block;
    margin-right: 13px
}

.restaurant-menu-item__price {
    display: inline-block
}

@media screen and (max-width:1023px) {
    .restaurant-menu-item__box-item--border {
        padding-right: 70px;
        padding-left: 70px
    }
}

@media screen and (max-width:1023px) {
    .restaurant-menu-item__body--two-column {
        grid-template-columns: repeat(1, auto);
        gap: 30px
    }
}

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

    .l-section--restaurant-menu,
    .l-section--restaurant-menu-list {
        margin: 60px auto 40px
    }

    .restaurant-menu-item:not(:first-child),
    .restaurant-menu-item__body {
        margin-top: 40px
    }

    .restaurant-menu-item__head {
        width: 100%
    }

    .restaurant-menu-item__box-item {
        padding-top: 40px
    }

    .restaurant-menu-item__box-item--border {
        padding-right: 0;
        padding-bottom: 40px;
        padding-left: 0;
        border-right: 0;
        border-left: 0
    }

    .restaurant-menu-item__extra {
        width: 100px
    }

    .restaurant-menu-item__description {
        width: calc(100% - 100px)
    }
}

.l-section--rs-contact {
    margin-top: 80px
}

.rs-contact {
    width: 100%
}

.rs-contact__main-title {
    margin-bottom: 58px;
    text-align: center
}

.rs-contact__box {
    position: relative;
    padding: 80px 0
}

.rs-contact__box-inner {
    display: flex;
    align-items: stretch;
    margin: 0 auto;
    padding: 0 115px
}

.rs-contact__text,
.rs-contact__title {
    margin-bottom: 30px
}

.rs-contact__line {
    margin-bottom: 15px
}

.rs-contact__line--tel {
    margin-bottom: 30px
}

.rs-contact__col {
    width: 100%
}

.rs-contact__col--bigger {
    width: 55%;
    padding-right: 70px
}

.rs-contact__col--smaller {
    width: 45%;
    padding-left: 70px;
    border-left-width: 1px;
    border-left-style: solid
}

.rs-contact__download {
    display: inline-block
}

@media screen and (max-width:1023px) {
    .rs-contact__box-inner {
        display: block
    }

    .rs-contact__col--bigger {
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px
    }

    .rs-contact__col--smaller {
        width: 100%;
        padding-top: 30px;
        padding-left: 0;
        border-left: 0;
        border-top-width: 1px;
        border-top-style: solid
    }
}

.l-section--rs-filter {
    height: 55px;
    margin-bottom: 40px
}

.rs-filter {
    height: 55px
}

.rs-filter__holder {
    width: 100%;
    height: 55px;
    position: absolute;
    left: 0
}

.rs-filter__holder.is-fixed {
    position: fixed;
    z-index: 100
}

.rs-filter__wrapper {
    height: 100%
}

.rs-filter__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.rs-filter__inner:after {
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.rs-filter__main-title {
    flex: 0 0 auto;
    margin-right: 30px
}

.rs-filter__dropdown-box {
    display: flex;
    align-items: center;
    height: 100%
}

.rs-filter__dropdown {
    position: relative;
    min-width: 270px;
    height: 100%
}

.rs-filter__button {
    width: 100%;
    height: 100%;
    padding: 0 12px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent
}

.rs-filter__button:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.rs-filter__button .icon {
    display: inline-block;
    transition: transform .3s
}

.is-active .rs-filter__button .icon {
    transform: rotate(180deg)
}

.rs-filter__list {
    position: absolute;
    top: 100%;
    left: 0;
    pointer-events: none;
    z-index: 3;
    width: 100%;
    max-height: 60vh;
    border-width: 0 1px 1px;
    border-style: solid;
    opacity: 0;
    overflow-y: auto;
    visibility: hidden;
    transition: opacity .2s;
    -webkit-overflow-scrolling: touch
}

.rs-filter__dropdown.is-active .rs-filter__list {
    pointer-events: auto;
    opacity: 1;
    visibility: visible
}

.rs-filter li:last-of-type .rs-filter__link {
    border-bottom-width: 0
}

.rs-filter__link {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 14px 40px;
    border-width: 0 0 1px;
    border-bottom-style: solid;
    background: none;
    cursor: pointer
}

.rs-filter__link .text {
    display: inline-block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    transition: color .3s
}

.rs-filter__contact {
    border: none;
    background: none
}

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

    .rs-filter__contact .icon,
    .rs-filter__main-title {
        display: none
    }

    .rs-filter__dropdown {
        position: relative;
        min-width: 200px;
        height: 100%
    }
}

@media screen and (max-width:767px) {
    .rs-filter__contact-title {
        display: inline-block;
        position: relative;
        visibility: hidden
    }

    .rs-filter__contact-title:before {
        content: attr(data-mobile-text);
        visibility: visible;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }

    .rs-filter__link {
        padding-right: 20px;
        padding-left: 20px
    }
}

.conference-item-hover {
    position: relative;
    overflow: hidden
}

.conference-item-hover--2 {
    width: calc(50% - 100px);
    margin: 40px 50px
}

.conference-item-hover--3 {
    width: calc(33.33333% - 40px);
    margin: 40px 20px
}

.conference-item-hover__img-hld {
    aspect-ratio: 440/342
}

.conference-item-hover__text-box {
    height: 160px;
    overflow: hidden
}

.conference-item-hover__text-box-inner {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    transform: translateY(calc(100% - 160px));
    transition: transform .3s ease
}

.conference-item-hover__text-box-inner--with-description {
    top: 0
}

.conference-item-hover:hover .conference-item-hover__text-box-inner {
    transform: translateY(0);
    display: flex;
    justify-content: center;
    flex-direction: column
}

.conference-item-hover__text-top {
    height: 160px;
    padding: 30px 20px 0
}

.conference-item-hover__text-bottom {
    padding: 24px 20px 30px
}

.conference-item-hover__title {
    display: inline-block;
    margin-bottom: 24px
}

.conference-item-hover__special-info {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 24px
}

.conference-item-hover__special-info-item {
    position: relative
}

.conference-item-hover__special-info-item .icon {
    margin-right: 6px
}

.conference-item-hover__special-info-item:after {
    content: "";
    width: 1px;
    background: #ced9e3;
    position: absolute;
    top: 0;
    right: -20px;
    bottom: 0
}

.conference-item-hover__special-info-item:last-of-type:after {
    display: none
}

.conference-item-hover__layouts {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 30px
}

.conference-item-hover__layouts-item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column
}

.conference-item-hover__layouts-item .text {
    margin-top: 10px
}

.conference-item-hover__button-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px
}

.conference-item-hover__button {
    border: none;
    background-color: initial
}

.conference-item-hover__facilities {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin: 30px 0
}

.conference-item-hover__facilities-item {
    position: relative;
    margin: 8px
}

.conference-item-hover__facilities-item .icon {
    font-size: 14px
}

.conference-item-hover__facilities-item .text {
    display: block;
    position: absolute;
    bottom: calc(100% + 10px);
    left: calc(50% - 20px);
    pointer-events: none;
    padding: 8px 12px;
    background-color: #000;
    opacity: 0;
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    transition: opacity .2s
}

.conference-item-hover__facilities-item .text:before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 18px;
    width: 6px;
    height: 6px;
    background-color: #000;
    transform: rotate(45deg)
}

.conference-item-hover__facilities-item:hover .text {
    opacity: 1
}

@media screen and (max-width:1239px) {
    .conference-item-hover--3 {
        width: calc(50% - 100px);
        margin: 20px 50px
    }
}

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

    .conference-item-hover--2,
    .conference-item-hover--3 {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }

    .conference-item-hover__text-box {
        height: unset
    }

    .conference-item-hover__text-box-inner {
        position: relative;
        transform: translateY(0)
    }

    .conference-item-hover:hover .conference-item-hover__text-box-inner {
        display: unset
    }
}

.panel-mobile-two {
    display: flex;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 60px
}

.panel-mobile-two__col {
    flex: 1;
    height: 100%
}

.panel-mobile-two__booking-btn,
.panel-mobile-two__link {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px
}

.panel-mobile-two__booking-btn .icon,
.panel-mobile-two__link .icon {
    font-size: 20px
}

.panel-mobile-two__booking-btn .icon-discount,
.panel-mobile-two__link .icon-discount {
    font-size: 25px
}

.panel-mobile-two__booking-btn .icon-camera2,
.panel-mobile-two__link .icon-camera2 {
    font-size: 22px
}

.panel-mobile-two__booking-btn .text,
.panel-mobile-two__link .text {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px
}

.panel-mobile-two__link {
    border-top: 1px solid #ced9e3;
    background: #fff
}

.panel-mobile-two__booking-btn {
    width: 100%;
    border: none;
    outline: none
}

.panel-mobile-two__booking-btn .icon {
    font-size: 25px
}

.panel-mobile-two__booking-btn .icon,
.panel-mobile-two__booking-btn .text {
    color: #fff
}

@media screen and (min-width:1239px) {
    .panel-mobile-two {
        display: none
    }
}

.details-panel-mobile {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    z-index: 200;
    height: 75px;
    padding: 6px 16px;
    background: #fbf8f4
}

.details-panel-mobile__col {
    height: 100%
}

.details-panel-mobile__col--price-info {
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.details-panel-mobile__col--price-info .from,
.details-panel-mobile__col--price-info .rate {
    font-size: 13px;
    line-height: 15px
}

.details-panel-mobile__col--price-info .value {
    font-size: 20px;
    font-weight: 300
}

.details-panel-mobile__col--price-info .currency {
    position: relative;
    left: -5px;
    font-size: 16px
}

.details-panel-mobile__col--booking {
    flex: 1
}

.details-panel-mobile__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%
}

.details-panel-mobile__booking-btn {
    width: 100%;
    height: 100%;
    padding: 10px 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

@media screen and (min-width:1023px) {
    .details-panel-mobile {
        display: none
    }
}

.loader-box {
    display: none;
    margin-top: 30px;
    text-align: center
}

.is-hidden .loader-box {
    display: block
}

.loader-box__loader {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.loader-box__loader div {
    animation: loader 1.2s linear infinite;
    transform-origin: 40px 40px
}

.loader-box__loader div:after {
    position: absolute;
    top: 3px;
    left: 37px;
    content: "";
    display: block;
    width: 6px;
    height: 18px;
    border-radius: 20%
}

.loader-box__loader div:first-child {
    animation-delay: -1.1s;
    transform: rotate(0deg)
}

.loader-box__loader div:nth-child(2) {
    animation-delay: -1s;
    transform: rotate(30deg)
}

.loader-box__loader div:nth-child(3) {
    animation-delay: -.9s;
    transform: rotate(60deg)
}

.loader-box__loader div:nth-child(4) {
    animation-delay: -.8s;
    transform: rotate(90deg)
}

.loader-box__loader div:nth-child(5) {
    animation-delay: -.7s;
    transform: rotate(120deg)
}

.loader-box__loader div:nth-child(6) {
    animation-delay: -.6s;
    transform: rotate(150deg)
}

.loader-box__loader div:nth-child(7) {
    animation-delay: -.5s;
    transform: rotate(180deg)
}

.loader-box__loader div:nth-child(8) {
    animation-delay: -.4s;
    transform: rotate(210deg)
}

.loader-box__loader div:nth-child(9) {
    animation-delay: -.3s;
    transform: rotate(240deg)
}

.loader-box__loader div:nth-child(10) {
    animation-delay: -.2s;
    transform: rotate(270deg)
}

.loader-box__loader div:nth-child(11) {
    animation-delay: -.1s;
    transform: rotate(300deg)
}

.loader-box__loader div:nth-child(12) {
    animation-delay: 0s;
    transform: rotate(330deg)
}

.slider-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.slider-video,
.slider-video__inner {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.slider-video__background {
    position: relative;
    width: 100%;
    height: 100%
}

.slider-video__background:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4)
}

.slider-video__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

html.ie .slider-video__video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.slider-video__bullet-box {
    position: absolute;
    top: 50%;
    right: 40px;
    z-index: 10;
    transform: translateY(-50%)
}

@supports (-ms-ime-align:auto) {
    .slider-video__video {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        min-width: 100%;
        height: auto;
        min-height: 100%;
        transform: translate(-50%, -50%)
    }
}

.hero {
    position: relative;
    z-index: 2;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    text-align: center;
    gap: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column
}

.page-attractions .hero,
.page-contact .hero,
.page-events .hero,
.page-gallery .hero,
.page-offers_vouchers_promotions .hero,
.page-privacy .hero,
.page-restaurant_menu .hero,
.page-rooms .hero,
.page-spa_price_list .hero {
    transform: translateY(50%)
}

.hero__title {
    align-self: flex-start;
    margin: 0;
    font-size: 75px;
    font-weight: 300;
    text-align: center
}

.page-attraction_details .hero__title,
.page-event_details .hero__title {
    color: #fbf8f4;
    font-family: City Streetwear;
    font-size: 60px;
    transform: translateY(50%)
}

.page-attractions .hero__title,
.page-contact .hero__title,
.page-events .hero__title,
.page-gallery .hero__title,
.page-offers_vouchers_promotions .hero__title,
.page-privacy .hero__title,
.page-restaurant_menu .hero__title,
.page-rooms .hero__title,
.page-spa_price_list .hero__title {
    color: #1e2635;
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%
}

.hero__subtitle {
    position: relative;
    top: -40px;
    color: #fbf8f4;
    font-family: City Streetwear;
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

.page-attractions .hero__subtitle,
.page-contact .hero__subtitle,
.page-events .hero__subtitle,
.page-gallery .hero__subtitle,
.page-offers_vouchers_promotions .hero__subtitle,
.page-privacy .hero__subtitle,
.page-restaurant_menu .hero__subtitle,
.page-rooms .hero__subtitle,
.page-spa_price_list .hero__subtitle {
    color: #a88954
}

.hero__booking-box {
    display: none;
    margin-top: 45px
}

.is-scrolled .hero__booking-box {
    opacity: 0;
    visibility: hidden
}

.hero__booking-btn {
    padding: 16px 44px
}

@media screen and (max-width:1239px) {
    .hero {
        padding-right: 15px;
        padding-left: 15px
    }

    .page-attractions .hero,
    .page-contact .hero,
    .page-events .hero,
    .page-gallery .hero,
    .page-offers_vouchers_promotions .hero,
    .page-privacy .hero,
    .page-restaurant_menu .hero,
    .page-rooms .hero,
    .page-spa_price_list .hero {
        transform: translateY(0)
    }
}

@media screen and (max-width:767px) {
    .hero {
        gap: 0
    }

    .hero__title {
        font-weight: 300
    }

    .hero__title,
    .page-attractions .hero__title,
    .page-contact .hero__title,
    .page-events .hero__title,
    .page-offers_vouchers_promotions .hero__title,
    .page-privacy .hero__title,
    .page-restaurant_menu .hero__title,
    .page-rooms .hero__title,
    .page-spa_price_list .hero__title {
        font-size: 28px
    }

    .hero__subtitle {
        top: 0;
        font-size: 40px
    }
}

.site-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 80px;
    left: 50%;
    pointer-events: none;
    z-index: 3;
    margin-top: 55px;
    transform: translate(-50%);
    transition: all transform .3s .4s
}

.site-panel__inner {
    display: flex;
    position: relative;
    pointer-events: auto;
    z-index: 2
}

.site-panel__box {
    position: relative;
    padding: 20px;
    background-color: #fff;
    cursor: pointer;
    color: #1e2635
}

.site-panel__box:before {
    content: "";
    z-index: 1;
    width: 20px;
    height: 1px;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: -5px
}

.site-panel__box--arrival,
.site-panel__box--departure {
    padding: 0 30px;
    transition: opacity .3s
}

.site-panel__box--arrival:hover,
.site-panel__box--departure:hover {
    opacity: .7
}

.site-panel__box--arrival {
    padding-right: 20px
}

.site-panel__box--departure {
    padding-right: 10px
}

.site-panel__box--reserve-btn,
.site-panel__box--voucher-btn {
    padding: 0;
    color: #fff
}

.site-panel__box--reserve-btn:after,
.site-panel__box--voucher-btn:after {
    content: unset
}

.site-panel__box--voucher-btn {
    display: flex;
    margin-left: 12px;
    border: 1px solid #fff;
    background: transparent;
    transform: translateX(12px);
    transition: border-color .3s
}

.site-panel__box--voucher-btn:hover {
    border-color: hsla(0, 0%, 100%, .6)
}

.site-panel__box--tel {
    margin-left: 0
}

.site-panel__box-inner {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.site-panel__input-title {
    text-align: left;
    justify-self: flex-start
}

.site-panel__button {
    height: 100%;
    padding: 14px 40px
}

.site-panel__button:hover {
    color: #fff
}

.site-panel__voucher {
    width: 100%;
    height: 100%;
    padding: 15px;
    border: none;
    background: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.site-panel__voucher .text {
    width: 80px;
    text-align: center;
    text-transform: uppercase
}

.site-panel__reserve-tel .text {
    width: 106px;
    line-height: 1.2;
    opacity: 1;
    transition: opacity .3s ease
}

.site-panel__reserve-tel .phone {
    position: absolute;
    top: 50%;
    right: 50%;
    opacity: 0;
    text-align: center;
    width: 100%;
    transition: opacity .3s ease;
    transform: translate(50%, -50%)
}

.editor-mode .site-panel__reserve-tel .phone {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    opacity: 1;
    transform: none
}

.site-panel__reserve-tel.active-link .text {
    opacity: 0
}

.editor-mode .site-panel__reserve-tel.active-link .text,
.site-panel__reserve-tel.active-link .phone {
    opacity: 1
}

.site-panel-input {
    display: flex;
    align-items: center;
    position: relative
}

.site-panel-input__date {
    display: flex;
    align-items: center;
    margin-right: 20px
}

.site-panel-input__month-year-box {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.site-panel-input__day-number {
    margin-right: 7px;
    font-size: 40px;
    font-style: normal;
    font-weight: 300
}

.site-panel-input__month,
.site-panel-input__year {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .3px;
    line-height: 100%;
    text-transform: capitalize
}

.site-panel-input:hover .site-panel-input__btn:before {
    opacity: 1
}

@media screen and (max-width:1239px) {
    .site-panel {
        display: none
    }
}

.panel-children {
    position: absolute;
    bottom: 100%;
    left: 0;
    pointer-events: none;
    z-index: 20;
    padding-bottom: 20px;
    opacity: 0
}

.site-panel__box--children.is-visible .panel-children {
    pointer-events: all;
    opacity: 1
}

.panel-children__inner {
    width: 185px;
    padding: 20px 15px;
    background-color: #fff
}

.panel-children__title {
    display: block;
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .02em;
    line-height: 1.3;
    text-align: center
}

.panel-children__control-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px
}

.panel-children__add,
.panel-children__subtract {
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 50%
}

.panel-children__add:before,
.panel-children__subtract:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 6px;
    pointer-events: none;
    width: 10px;
    height: 2px;
    background-color: #fff
}

.panel-children__add:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 10px;
    pointer-events: none;
    width: 2px;
    height: 10px;
    background-color: #fff
}

.panel-children__number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    font-size: 32px;
    font-weight: 500;
    line-height: .66
}

.panel-children__item-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.panel-children-item {
    position: relative;
    width: 75px;
    margin-top: 15px
}

.panel-children-item.is-hidden {
    display: none
}

.panel-children-item__title {
    display: block;
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .02em;
    line-height: 1.3;
    text-align: center;
    text-transform: lowercase
}

.panel-children-item__placeholder {
    position: relative;
    margin-top: 3px;
    padding: 6px 8px;
    border: 1px solid hsla(0, 0%, 43.9%, .2)
}

.panel-children-item__placeholder .text {
    font-size: 19px;
    font-weight: 500;
    line-height: 1
}

.panel-children-item__placeholder .icon {
    position: absolute;
    top: 13px;
    right: 6px;
    font-size: 7px
}

.panel-children-item__list {
    position: absolute;
    bottom: -50px;
    width: 65px;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    opacity: 0;
    visibility: hidden
}

.panel-children-item:nth-child(2n) .panel-children-item__list {
    left: calc(100% + 20px)
}

.panel-children-item:nth-child(2n-1) .panel-children-item__list {
    right: calc(100% + 20px)
}

.panel-children-item.is-visible .panel-children-item__list {
    opacity: 1;
    visibility: visible
}

.panel-children-item__item {
    display: block;
    padding: 4px 5px;
    border-top: 1px solid #e3e3e3;
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .02em;
    text-align: center
}

.panel-children-item__item:first-child {
    border-top: 0
}

.panel-children-item__item:hover {
    background-color: #e9e9e9
}

.site-panel-ribbon {
    padding: 7px 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.site-panel-ribbon__text {
    text-align: center
}

.site-panel-ribbon__text span {
    font-size: 13px
}

.site-panel-ribbon__text[variable] {
    min-height: auto
}

.site-panel-ribbon:after {
    content: "";
    position: absolute;
    right: 14px;
    bottom: -14px;
    border: 7px solid transparent;
    border-top-color: currentcolor
}

.l-section--banner-details {
    width: 100%;
    height: 84vh
}

.page-attraction_details .l-section--banner-details,
.page-event_details .l-section--banner-details {
    height: 66vh
}

.page-offer_details .l-section--banner-details,
.page-room_details .l-section--banner-details {
    margin-bottom: 0
}

.l-section--banner-details:after {
    content: "";
    background-color: #000;
    opacity: .2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.banner-details {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #86888c
}

.banner-details__hero {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
    height: 100%
}

.banner-details__hero .hero {
    max-width: 1100px
}

.banner-details:before {
    bottom: 0;
    background-color: rgba(30, 38, 53, .1)
}

.banner-details:after,
.banner-details:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: "";
    z-index: 2
}

.banner-details:after {
    height: 250px;
    background-image: linear-gradient(180deg, rgba(30, 38, 53, .3), transparent)
}

@media screen and (max-width:1239px) {
    .banner-details__hero {
        padding-top: 80px
    }
}

@media screen and (max-width:767px) {
    .banner-details__hero .hero__title {
        font-size: 28px;
        font-weight: 300
    }
}

.banner {
    position: relative;
    height: 84vh;
    transition: opacity 2s
}

.page-attractions .banner,
.page-contact .banner,
.page-events .banner,
.page-gallery .banner,
.page-offers_vouchers_promotions .banner,
.page-privacy .banner,
.page-restaurant_menu .banner,
.page-rooms .banner,
.page-spa_price_list .banner {
    height: 65svh
}

.page-home .banner {
    height: 100svh
}

.banner__holder {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden
}

.banner__scroll-down {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 20;
    width: 55px;
    border-radius: 100%;
    cursor: pointer;
    opacity: 1;
    color: #fff;
    transform: translateX(-50%);
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.banner__scroll-down .icon {
    display: block;
    position: relative;
    font-size: 26px;
    animation-name: arrow;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

@keyframes arrow {
    0% {
        top: -1px;
        opacity: 1
    }

    50% {
        top: -4px;
        opacity: .7
    }

    to {
        top: -1px;
        opacity: 1
    }
}

@media screen and (max-width:1239px) {
    .banner__holder {
        justify-content: center;
        padding-top: 90px;
        padding-bottom: 10px
    }
}

@media screen and (max-width:767px) {
    .banner__holder {
        padding-top: 80px;
        padding-right: 20px;
        padding-left: 20px
    }
}

.lang-horizontal {
    position: relative;
    cursor: pointer;
    color: #fff
}

.lang-horizontal,
.lang-horizontal__list-inner {
    display: flex;
    align-items: center;
    justify-content: center
}

.lang-horizontal__list-inner {
    gap: 10px
}

.lang-horizontal__list-item {
    padding: 8px 0
}

.lang-horizontal__list-link {
    position: relative;
    opacity: .4;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .28px;
    line-height: 140%;
    text-transform: uppercase;
    white-space: nowrap;
    transition: opacity .3s
}

.lang-horizontal__list-link:hover {
    opacity: .8
}

.lang-horizontal__list-link--current {
    cursor: default;
    opacity: 1
}

.lang-dropdown {
    position: relative
}

.lang-dropdown__current {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    color: #fff;
    text-align: left;
    text-transform: uppercase
}

.lang-dropdown .text {
    font-size: 11px
}

.lang-dropdown .icon {
    margin-left: 7px;
    font-size: 14px
}

.lang-dropdown__list {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    padding-top: 2px;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(-50%, 15px, 0);
    transition: transform .3s ease, opacity .3s ease
}

.lang-dropdown:hover .lang-dropdown__list {
    opacity: 1;
    visibility: visible;
    transform: translateZ(0)
}

.lang-dropdown__list-inner {
    width: 55px;
    min-height: 90px;
    padding: 10px 0
}

.lang-dropdown__item {
    text-align: left
}

.lang-dropdown__link {
    display: inline-block;
    position: relative;
    margin: 6px 0;
    overflow: hidden;
    color: #fff;
    font-size: 11px
}

.offers-item-ribbon-hld--photo {
    position: absolute;
    top: 50px;
    left: -60px;
    z-index: 10;
    width: 250px;
    transform: rotate(-45deg)
}

.offers-item--reverse .offers-item-ribbon-hld--photo {
    position: absolute;
    top: 50px;
    right: -60px;
    left: unset;
    transform: rotate(45deg)
}

.offers-item-ribbon-hld--text {
    width: fit-content
}

.offers-item-ribbon {
    padding: 6px 19px;
    text-align: center
}

.offers-item-card {
    display: block;
    position: relative;
    padding-bottom: 70px;
    overflow: hidden
}

.offers-item-card.is-hidden {
    display: none
}

.offers-item-card.no-hover {
    padding-bottom: 0
}

.offers-item-card__full-btn {
    position: absolute;
    inset: 0;
    z-index: 1;
    text-indent: -9999px
}

.editor-mode .offers-item-card__full-btn {
    pointer-events: none
}

.offers-item-card__inner {
    position: relative
}

.offers-item-card__img-hld {
    position: relative;
    width: 100%;
    overflow: hidden
}

.offers-item-card__img-outer {
    aspect-ratio: 4/3;
    transition: transform .4s
}

.offers-item-card:not(.no-hover):focus-within .offers-item-card__img-outer,
.offers-item-card:not(.no-hover):focus .offers-item-card__img-outer,
.offers-item-card:not(.no-hover):hover .offers-item-card__img-outer {
    transform: translate3d(0, -45px, 0)
}

.offers-item-card--full-hover:not(.no-hover):focus-within .offers-item-card__img-outer,
.offers-item-card--full-hover:not(.no-hover):focus .offers-item-card__img-outer,
.offers-item-card--full-hover:not(.no-hover):hover .offers-item-card__img-outer {
    transform: translate3d(0, -100%, 0)
}

.offers-item-card__img-outer-box {
    width: 100%;
    height: 100%
}

.offers-item-card__text-box {
    position: absolute;
    right: 0;
    left: 0;
    background-color: #fff;
    transition: transform .4s
}

.offers-item-card.offers-item-card.no-hover .offers-item-card__text-box {
    position: relative;
    top: 0
}

.offers-item-card--full-hover:not(.no-hover) .offers-item-card__text-box {
    height: calc(100% + 70px)
}

.offers-item-card:not(.no-hover):focus-within .offers-item-card__text-box,
.offers-item-card:not(.no-hover):focus .offers-item-card__text-box,
.offers-item-card:not(.no-hover):hover .offers-item-card__text-box {
    transform: translate3d(0, calc(-100% + 70px), 0)
}

.offers-item-card__text-box-inner {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    gap: 20px
}

.offers-item-card--full-hover .offers-item-card__text-box-inner {
    justify-content: flex-start
}

.offers-item-card__buttons {
    display: flex;
    transition: opacity .4s
}

.offers-item-card.no-hover .offers-item-card__buttons {
    opacity: 1
}

.offers-item-card__booking-btn {
    width: 50%
}

.offers-item-card__booking-btn span {
    pointer-events: none
}

.offers-item-card__special-info {
    transition: opacity .4s
}

.offers-item-card.no-hover .offers-item-card__special-info {
    opacity: 1
}

.offers-item-card__summary {
    opacity: 0;
    transition: opacity .4s
}

.offers-item-card.no-hover .offers-item-card__summary {
    opacity: 1
}

.offers-item-card__price--photo {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.offers-item-card:focus-within .offers-item-card__buttons,
.offers-item-card:focus-within .offers-item-card__special-info,
.offers-item-card:focus-within .offers-item-card__summary,
.offers-item-card:focus .offers-item-card__buttons,
.offers-item-card:focus .offers-item-card__special-info,
.offers-item-card:focus .offers-item-card__summary,
.offers-item-card:hover .offers-item-card__buttons,
.offers-item-card:hover .offers-item-card__special-info,
.offers-item-card:hover .offers-item-card__summary {
    opacity: 1
}

.offers-item-card__controls {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 10
}

.offers-item-card__swiper-button {
    width: 55px;
    height: 55px;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center
}

.offers-item-card__swiper-button .icon {
    color: #fff;
    font-size: 30px
}

@media screen and (max-width:767px) {
    .offers-item-card {
        padding-bottom: 70px
    }

    .offers-item-card:hover .offers-item-card__img-outer {
        transform: translate3d(0, -45px, 0)
    }

    .offers-item-card--full-hover .offers-item-card__text-box {
        height: calc(100% + 70px)
    }

    .offers-item-card:hover .offers-item-card__text-box {
        transform: translate3d(0, calc(-100% + 70px), 0)
    }

    .offers-item-card__buttons,
    .offers-item-card__special-info {
        opacity: 1
    }

    .offers-item-card__summary {
        display: none
    }
}

.offers-item-card {
    padding-bottom: 0;
    border: 1px solid #ced9e3
}

.offers-item-card.first-offer {
    height: 100%
}

.offers-item-card.offers-item-card--voucher:hover .offers-item-card__text-box {
    transform: translate3d(0, calc(-100% - 7px), 0)
}

.offers-item-card--listing {
    max-width: 100%
}

.offers-item-card__title {
    position: relative;
    bottom: -10px;
    transition: .3s
}

.offers-item-card--voucher .offers-item-card__title {
    line-height: normal
}

.offers-item-card:hover .offers-item-card__title {
    bottom: 0
}

.offers-item-card__inner {
    height: 100%
}

.offers-item-card__img-hld {
    height: 440px;
    transition: transform .4s
}

.offers-item-card.second-offer .offers-item-card__img-outer {
    width: 100%;
    height: 280px;
    aspect-ratio: 16/9
}

.offers-item-card .ribbon-hld {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 100%;
    left: 50%;
    z-index: 10;
    width: auto;
    transform: rotate(0deg);
    transform: translateX(-50%);
    transition: .3s
}

.offers-item-card .ribbon {
    padding: 10px 12px;
    text-align: center
}

.offers-item-card .ribbon .text {
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2.6px;
    text-transform: uppercase
}

.offers-item-card__text-box {
    top: 100%;
    padding: 20px 10px;
    text-align: center;
    transform: translateY(-100px);
    transition: all .6s
}

.page-custom .offers-item-card__text-box,
.page-home .offers-item-card__text-box {
    background: #fbf8f4
}

.offers-item-card:hover .offers-item-card__text-box {
    background: #fff;
    transform: translateY(-100%) !important
}

.offers-item-card__text-box-inner {
    gap: 0
}

.offers-item-card__special-info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 20px 0 30px;
    opacity: 0;
    transform: translateY(-130px);
    transition: all .6s;
    gap: 14px
}

.offers-item-card__special-info .icon {
    font-size: 15px
}

.offers-item-card__special-info .text {
    font-size: 14px;
    font-weight: 300
}

.offers-item-card:hover .offers-item-card__special-info {
    opacity: 1;
    transform: translateY(0)
}

.offers-item-card__buttons {
    opacity: 0;
    transform: translateY(-130px);
    transition: all .6s;
    gap: 20px
}

.offers-item-card:hover .offers-item-card__buttons {
    opacity: 1;
    transform: translateY(0)
}

.offers-item-card__booking-btn {
    width: auto
}

.offers-item-card__price {
    position: absolute;
    top: 20px;
    left: 0;
    width: fit-content;
    padding: 10px 12px;
    background: #fff;
    color: #1e2635;
    transition: all .3s
}

.offers-item-card__price .from,
.offers-item-card__price .rate {
    font-size: 13px;
    font-style: normal;
    font-weight: 300
}

.offers-item-card__price .value {
    margin: 0 5px;
    font-size: 20px;
    font-style: normal;
    font-weight: 300
}

@media screen and (max-width:767px) {
    .offers-item-card {
        padding-bottom: 0
    }

    .offers-item-card.first-offer,
    .offers-item-card.second-offer {
        display: none
    }

    .offers-item-card__buttons,
    .offers-item-card__special-info {
        opacity: 1;
        transform: translateY(0)
    }

    .offers-item-card__title {
        top: 0
    }

    .offers-item-card__text-box {
        transform: translateY(-100%)
    }
}

.voucher-item-card {
    padding-bottom: 0;
    border: 1px solid #ced9e3
}

.voucher-item-card.first-offer {
    height: 100%
}

.voucher-item-card.voucher-item-card--voucher:hover .voucher-item-card__text-box {
    transform: translate3d(0, calc(-100% - 7px), 0)
}

.voucher-item-card--listing {
    max-width: 100%
}

.voucher-item-card__title {
    position: relative;
    bottom: -10px;
    transition: .3s
}

.voucher-item-card--voucher .voucher-item-card__title {
    line-height: normal
}

.voucher-item-card:hover .voucher-item-card__title {
    bottom: 0
}

.voucher-item-card__inner {
    position: relative;
    height: 100%
}

.voucher-item-card__img-hld {
    height: 440px;
    transition: transform .4s
}

.voucher-item-card--listing .voucher-item-card__img-hld {
    height: 100%
}

.voucher-item-card__img-outer {
    aspect-ratio: 4/3
}

.voucher-item-card.second-offer .voucher-item-card__img-outer {
    width: 100%;
    height: 280px;
    aspect-ratio: 16/9
}

.voucher-item-card .ribbon-hld {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 100%;
    left: 50%;
    z-index: 10;
    width: auto;
    transform: rotate(0deg);
    transform: translateX(-50%);
    transition: .3s
}

.voucher-item-card .ribbon {
    padding: 10px 12px;
    text-align: center
}

.voucher-item-card .ribbon .text {
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2.6px;
    text-transform: uppercase
}

.voucher-item-card__text-box {
    top: 100%;
    padding: 20px 10px;
    text-align: center;
    transform: translateY(-100px);
    transition: all .6s
}

.page-custom .voucher-item-card__text-box,
.page-home .voucher-item-card__text-box {
    background: #fbf8f4
}

.voucher-item-card:hover .voucher-item-card__text-box {
    background: #fff;
    transform: translateY(-100%) !important
}

.voucher-item-card__text-box-inner {
    gap: 0
}

.voucher-item-card__special-info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 20px 0 30px;
    opacity: 0;
    transform: translateY(-130px);
    transition: all .6s;
    gap: 14px
}

.voucher-item-card__special-info .icon {
    font-size: 15px
}

.voucher-item-card__special-info .text {
    font-size: 14px;
    font-weight: 300
}

.offers-item-card:hover .voucher-item-card__special-info {
    opacity: 1;
    transform: translateY(0)
}

.voucher-item-card__buttons {
    opacity: 0;
    transition: all .6s;
    gap: 20px
}

.voucher-item-card:hover .voucher-item-card__buttons {
    opacity: 1
}

.voucher-item-card__booking-btn {
    width: auto
}

.voucher-item-card__price {
    position: absolute;
    top: 20px;
    left: 0;
    width: fit-content;
    padding: 10px 12px;
    background: #fff;
    color: #1e2635;
    transition: all .3s
}

.voucher-item-card__price .from,
.voucher-item-card__price .rate {
    font-size: 13px;
    font-style: normal;
    font-weight: 300
}

.voucher-item-card__price .value {
    margin: 0 5px;
    font-size: 20px;
    font-style: normal;
    font-weight: 300
}

@media screen and (max-width:767px) {
    .voucher-item-card {
        padding-bottom: 0
    }

    .voucher-item-card.first-offer,
    .voucher-item-card.second-offer {
        display: none
    }

    .voucher-item-card__buttons,
    .voucher-item-card__special-info {
        opacity: 1;
        transform: translateY(0)
    }

    .voucher-item-card__title {
        top: 0
    }

    .voucher-item-card__text-box {
        transform: translateY(-100%)
    }
}

.socials__list {
    display: flex;
    align-items: center;
    position: relative;
    gap: 10px
}

.socials__link {
    transition: opacity .3s
}

.socials__link:hover {
    opacity: .6
}

.socials__link .icon {
    margin: 0 3px;
    color: #fff;
    font-size: 15px
}

.socials--contact .socials__link .icon {
    color: #a88954
}

.socials--slide-menu-full-photo .socials__link .icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 50%
}

@media screen and (max-width:1023px) {
    .socials--slide-menu-full-photo .socials__link .icon {
        display: inherit;
        width: inherit;
        height: inherit;
        border: 0
    }
}

.newsletter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px
}

.newsletter__form-box {
    width: 100%;
    max-width: 550px
}

.newsletter__title .text {
    color: #c5a982;
    font-family: City Streetwear;
    font-size: 90px
}

.newsletter__description {
    display: inline-block;
    max-width: 370px;
    margin-top: 32px
}

.newsletter__description .text {
    color: #fff;
    font-size: 16px;
    line-height: 21px;
    text-transform: uppercase
}

.newsletter-form {
    margin-top: 35px
}

.newsletter-form__inner {
    position: relative
}

.newsletter-form__inner:focus:after,
.newsletter-form__inner:hover:after {
    width: 100%;
    transition: width .2s ease
}

.newsletter-form__input {
    position: relative;
    width: 100%;
    padding: 25px;
    border: 1px solid #fbf8f4;
    outline: none;
    background-color: transparent;
    box-shadow: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    transition: border-color .3s, background-color .3s;
    -webkit-appearance: none;
    -moz-appearance: none
}

.newsletter-form__input:hover {
    cursor: pointer
}

.newsletter-form__input::placeholder {
    opacity: 1;
    color: #fff
}

.newsletter-form__input:-ms-input-placeholder {
    color: #fff
}

.newsletter-form__input::-ms-input-placeholder {
    color: #fff
}

.newsletter-form__input[name=name321] {
    display: none
}

.newsletter-form__input:focus,
.newsletter-form__input:hover {
    background-color: hsla(0, 0%, 100%, .08)
}

.newsletter-form__button {
    position: absolute;
    top: 0;
    right: -60px;
    bottom: 0;
    width: 100px;
    border: 0;
    outline: 0;
    background-color: transparent;
    overflow: hidden
}

.newsletter-form__button .icon {
    display: block;
    position: relative;
    left: -40px;
    color: #fff;
    font-size: 12px
}

.newsletter-form__bottom {
    position: relative;
    z-index: 2;
    margin-top: 15px
}

.newsletter-form__agreement {
    max-width: 450px;
    line-height: 160%
}

.newsletter-form__agreement .text {
    color: hsla(0, 0%, 100%, .3)
}

.newsletter-form__agreement .text--bold {
    cursor: pointer;
    color: #fff
}

.newsletter-form__tooltip {
    position: absolute;
    right: 50%;
    bottom: calc(100% + 5px);
    pointer-events: none;
    width: 460px;
    margin-right: -230px;
    padding: 8px 12px;
    border-radius: 3px;
    background-color: #1e2635;
    opacity: 0;
    color: #fff;
    font-size: 12px;
    letter-spacing: .02em;
    line-height: 1.7;
    transform: translateY(10px);
    transition: opacity .2s ease, transform .2s ease
}

.newsletter-form__tooltip:before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 50%;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: #1e2635;
    transform: rotate(45deg)
}

.newsletter-form__tooltip.is-showed {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0);
    transition: opacity .2s ease, transform .2s ease
}

@media screen and (max-width:1023px) {
    .newsletter {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .newsletter__form-box {
        padding: 0 15px
    }

    .newsletter-form {
        margin-top: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .newsletter-form__inner,
    .newsletter-form__input {
        width: 100%
    }

    .newsletter-form__button {
        right: 0;
        width: unset
    }

    .newsletter-form__button .icon {
        left: -5px
    }

    .newsletter-form__bottom {
        text-align: left
    }

    .newsletter-form__tooltip {
        width: 300px;
        margin-right: -150px
    }

    .newsletter__text-box {
        text-align: center
    }
}

@media screen and (max-width:767px) {
    .newsletter__title .text {
        font-size: 40px
    }
}

.l-section--basic-text {
    margin: 150px 0
}

.basic-text {
    max-width: 915px;
    margin: auto
}

.basic-text .intro {
    margin: 60px 0 40px;
    font-size: 17px;
    font-weight: 600
}

.basic-text__title {
    margin-bottom: 42px
}

@media screen and (max-width:767px) {
    .l-section--basic-text {
        margin: 40px 0
    }
}

.l-section--text-and-photo {
    padding: 70px 0 150px;
    background: #fbf8f4
}

.text-and-photo__headings {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1180px;
    margin: auto auto 130px
}

.text-and-photo__titles {
    max-width: 400px;
    text-align: left
}

.text-and-photo__description {
    max-width: 540px;
    text-align: left
}

.text-and-photo__image {
    padding: 0 60px
}

.text-and-photo__top-small-photo {
    top: -60px;
    max-width: 320px;
    height: 240px
}

.text-and-photo__bottom-small-photo {
    bottom: -10%
}

.text-and-photo__big-photo img {
    aspect-ratio: 16/9;
    max-height: 650px
}

@media screen and (min-width:1721px) {
    .l-section--text-and-photo .l-wrapper {
        z-index: 10
    }

    .text-and-photo__headings {
        justify-content: space-between;
        max-width: 1520px
    }

    .text-and-photo__titles {
        max-width: 600px
    }
}

@media screen and (max-width:1239px) {
    .text-and-photo__top-small-photo {
        top: -260px;
        right: 10%;
        left: unset
    }

    .text-and-photo__headings {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px
    }

    .text-and-photo__description {
        margin-bottom: 20px
    }

    .text-and-photo__titles {
        padding-right: 0
    }

    .text-and-photo__image {
        padding: 50px
    }
}

@media screen and (max-width:1023px) {
    .l-section--text-and-photo {
        padding: 40px 0
    }

    .text-and-photo {
        align-items: unset
    }

    .text-and-photo__headings {
        margin-bottom: 30px
    }

    .text-and-photo__bottom-small-photo,
    .text-and-photo__top-small-photo {
        display: none
    }

    .text-and-photo__image {
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .l-section--text-and-photo {
        overflow: hidden
    }

    .text-and-photo {
        align-items: unset
    }

    .text-and-photo__headings {
        align-items: flex-start;
        text-align: left
    }
}

.booking-box-top {
    position: relative;
    padding: 40px 30px;
    border: 4px solid #fff;
    text-align: center
}

.booking-box-top__title {
    display: block;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.3
}

.booking-box-top__price {
    margin-top: 20px
}

.booking-box-top__price .from,
.booking-box-top__price .rate {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    text-transform: uppercase
}

.booking-box-top__price .rate {
    opacity: .5
}

.booking-box-top__price .value {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: normal
}

.booking-box-top__price .currency {
    font-size: 26px
}

.booking-box-top__price-btn {
    width: 100%;
    max-width: 400px;
    margin-top: 30px;
    text-transform: uppercase
}

.booking-box-top__icon-box {
    z-index: 10;
    margin-top: 30px
}

.booking-box-top__icon-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 30px
}

.booking-box-top__icon-item .icon {
    font-size: 36px
}

.booking-box-top__icon-item .text {
    margin-top: 15px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    text-align: center
}

.room-item-ribbon-hld--photo {
    position: absolute;
    top: 50px;
    left: -60px;
    z-index: 10;
    width: 250px;
    transform: rotate(-45deg)
}

.room-item--reverse .room-item-ribbon-hld--photo {
    position: absolute;
    top: 50px;
    right: -60px;
    left: unset;
    transform: rotate(45deg)
}

.room-item-ribbon-hld--text {
    width: fit-content
}

.room-item-ribbon {
    padding: 6px 19px;
    text-align: center
}

.room-item-card {
    display: block;
    position: relative;
    padding-bottom: 70px;
    overflow: hidden
}

.room-item-card.is-hidden {
    display: none
}

.room-item-card.no-hover {
    padding-bottom: 0
}

.room-item-card__full-btn {
    position: absolute;
    inset: 0;
    z-index: 1;
    text-indent: -9999px
}

.editor-mode .room-item-card__full-btn {
    pointer-events: none
}

.room-item-card__inner {
    position: relative
}

.room-item-card__img-box {
    position: relative;
    width: 100%;
    overflow: hidden
}

.room-item-card__img-outer {
    aspect-ratio: 4/3;
    transition: transform .4s
}

.room-item-card:not(.no-hover):focus-within .room-item-card__img-outer,
.room-item-card:not(.no-hover):focus .room-item-card__img-outer,
.room-item-card:not(.no-hover):hover .room-item-card__img-outer {
    transform: translate3d(0, -45px, 0)
}

.room-item-card.full-hover:not(.no-hover):focus-within .room-item-card__img-outer,
.room-item-card.full-hover:not(.no-hover):focus .room-item-card__img-outer,
.room-item-card.full-hover:not(.no-hover):hover .room-item-card__img-outer {
    transform: translate3d(0, -100%, 0)
}

.room-item-card__swiper-container {
    height: 100%
}

.room-item-card__text-box {
    position: absolute;
    right: 0;
    left: 0;
    padding: 40px;
    background-color: #fff;
    transition: transform .4s
}

.room-item-card.full-hover .room-item-card__text-box {
    height: calc(100% + 70px)
}

.room-item-card.room-item-card.no-hover .room-item-card__text-box {
    position: relative;
    top: 0
}

.room-item-card:not(.no-hover):focus-within .room-item-card__text-box,
.room-item-card:not(.no-hover):focus .room-item-card__text-box,
.room-item-card:not(.no-hover):hover .room-item-card__text-box {
    transform: translate3d(0, calc(-100% + 70px), 0)
}

.room-item-card__text-box-inner {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    gap: 20px
}

.room-item-card.full-hover .room-item-card__text-box-inner {
    justify-content: flex-start
}

.room-item-card__controls {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 10;
    transition: .4s
}

.room-item-card__swiper-button {
    width: 55px;
    height: 55px;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center
}

.room-item-card__swiper-button .icon {
    color: #fff;
    font-size: 30px
}

.room-item-card__gallery-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 55px;
    height: 55px;
    padding: 0;
    border: 0;
    background-color: rgba(0, 0, 0, .5);
    transition: .4s;
    display: flex;
    align-items: center;
    justify-content: center
}

.room-item-card__gallery-btn .icon {
    color: #fff;
    font-size: 20px
}

.room-item-card__buttons {
    display: flex;
    transition: opacity .4s
}

.room-item-card.no-hover .room-item-card__buttons {
    opacity: 1
}

.room-item-card__special-info {
    gap: 20px;
    transition: opacity .4s
}

.room-item-card.no-hover .room-item-card__special-info {
    opacity: 1
}

.room-item-card__special-info-item {
    display: flex;
    align-items: center;
    gap: 10px
}

.room-item-card__description {
    opacity: 0;
    transition: opacity .4s
}

.room-item-card.no-hover .room-item-card__description {
    opacity: 1
}

.room-item-card:focus-within .room-item-card__buttons,
.room-item-card:focus-within .room-item-card__description,
.room-item-card:focus-within .room-item-card__special-info,
.room-item-card:focus .room-item-card__buttons,
.room-item-card:focus .room-item-card__description,
.room-item-card:focus .room-item-card__special-info,
.room-item-card:hover .room-item-card__buttons,
.room-item-card:hover .room-item-card__description,
.room-item-card:hover .room-item-card__special-info {
    opacity: 1
}

.room-item-card__price--photo {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.room-item-card {
    width: calc(33.3% - 10px);
    height: 510px;
    padding-bottom: 0;
    border: 1px solid #ced9e3
}

.room-item-card.room-item-card--listing:not(.is-hidden):first-child,
.room-item-card.room-item-card--listing:not(.is-hidden):nth-child(4n+4),
.room-item-card.room-item-card--listing:not(.is-hidden):nth-child(5n+5),
.room-item-card.room-item-card--listing:not(.is-hidden):nth-child(9n+9) {
    width: calc(66.6% - 10px)
}

.room-item-card.room-item-card--listing:not(.is-hidden):nth-child(10) {
    width: calc(33.3% - 10px)
}

.room-item-card.room-item-card--listing:not(.is-hidden):nth-child(13) {
    width: calc(66.6% - 10px)
}

.room-item-card:not(.no-hover):hover .room-item-card__text-box {
    transform: translate3d(0, -100%, 0)
}

.room-item-card__title {
    position: relative;
    bottom: -10px;
    font-size: 16px;
    line-height: 1.1;
    text-align: left;
    transition: .3s
}

.rooms-item-card:hover .room-item-card__title {
    bottom: 0
}

.room-item-card__inner {
    height: 100%
}

.room-item-card__img-box {
    height: 405px
}

.room-item-card__gallery-btn {
    bottom: 15px;
    left: 15px;
    transition: .5s cubic-bezier(.72, .38, .52, .84)
}

.room-item-card__gallery-btn .icon {
    font-size: 25px
}

.room-item-card:hover .room-item-card__gallery-btn {
    transform: translateY(-100px)
}

.room-item-card--slider .room-item-card__gallery-btn {
    display: none
}

.room-item-card__img-hld {
    height: 405px;
    transition: transform .4s
}

.room-item-card .ribbon-hld {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 10;
    width: auto;
    transform: rotate(0)
}

.room-item-card .ribbon {
    padding: 14px 22px;
    text-align: center
}

.room-item-card .ribbon .text {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .2em;
    line-height: 13px;
    text-align: center;
    text-transform: uppercase
}

.room-item-card__price-hld,
.room-item-card__title-hld {
    width: 50%;
    min-width: 130px
}

.room-item-card__price-hld {
    align-self: flex-end;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.room-item-card__text-box {
    top: 100%;
    padding: 10px 10px 20px 25px;
    background: transparent;
    background: #fff;
    text-align: center;
    transform: translateY(-100px);
    transition: .5s cubic-bezier(.72, .38, .52, .84)
}

.rooms-item-card:hover .room-item-card__text-box {
    transform: translateY(0)
}

.room-item-card__text-box-inner {
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0
}

.room-item-card__price {
    width: fit-content;
    padding: 10px 0;
    background: #fff;
    color: #1e2635;
    transition: all .3s
}

.room-item-card__price .from,
.room-item-card__price .rate {
    font-size: 13px;
    font-style: normal;
    font-weight: 300
}

.room-item-card__price .value {
    margin: 0 5px;
    font-size: 20px;
    font-style: normal;
    font-weight: 300
}

.room-item-card__special-info {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 20px 0 30px;
    opacity: 0;
    transition: .5s cubic-bezier(.72, .38, .52, .84);
    gap: 14px
}

.room-item-card__special-info .icon {
    font-size: 15px
}

.room-item-card__special-info .text {
    font-size: 14px;
    font-weight: 300
}

.rooms-item-card:hover .room-item-card__special-info {
    opacity: 1;
    transform: translateY(0)
}

.room-item-card__buttons {
    justify-content: flex-end;
    opacity: 0;
    transition: all .5s;
    gap: 20px
}

.rooms-item-card:hover .room-item-card__buttons {
    opacity: 1
}

.room-item-card__booking-btn {
    width: auto;
    margin: 0;
    background: transparent
}

.room-item-card__booking-btn--details {
    padding-right: 0;
    padding-left: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    background: transparent;
    color: #1e2635
}

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

    .room-item-card,
    .room-item-card.room-item-card--listing:not(.is-hidden):first-child,
    .room-item-card.room-item-card--listing:not(.is-hidden):nth-child(4n+4),
    .room-item-card.room-item-card--listing:not(.is-hidden):nth-child(5n+5),
    .room-item-card.room-item-card--listing:not(.is-hidden):nth-child(9n+9),
    .room-item-card.room-item-card--listing:not(.is-hidden):nth-child(10),
    .room-item-card.room-item-card--listing:not(.is-hidden):nth-child(13) {
        width: 100%
    }

    .room-item-card__text-box-inner {
        align-items: flex-end
    }

    .room-item-card__price-hld,
    .room-item-card__title-hld {
        justify-content: flex-start;
        width: 100%
    }

    .room-item-card__special-info {
        justify-content: flex-start;
        margin: 25px 0 0;
        opacity: 1;
        transform: translateY(0)
    }

    .room-item-card__gallery-btn {
        top: 20px;
        bottom: unset;
        transform: translateY(0)
    }

    .room-item-card__buttons {
        flex-wrap: wrap;
        justify-content: flex-start;
        opacity: 1
    }

    .room-item-card__text-box {
        transform: translateY(-100%)
    }
}

@media screen and (max-width:767px) {
    .rooms-item-card {
        padding-bottom: 0
    }

    .rooms-item-card.first-offer,
    .rooms-item-card.second-offer {
        display: none
    }

    .rooms-item-card__buttons,
    .rooms-item-card__special-info {
        opacity: 1;
        transform: translateY(0)
    }

    .rooms-item-card__title {
        top: 0
    }
}

.l-section--photo-text-cards-slider {
    margin: 50px 0 120px;
    overflow: hidden
}

.l-section--photo-text-cards-slider--dark {
    margin: 0;
    padding: 30px 0;
    background: #fbf8f4
}

.l-section--photo-text-cards-slider .l-wrapper {
    padding-left: 0
}

.photo-text-cards-slider {
    position: relative;
    left: -30px;
    margin: 0 auto;
    padding-right: 30px
}

.photo-text-cards-slider__items {
    display: flex;
    gap: 20px
}

.photo-text-cards-slider__holder {
    position: relative;
    min-width: 0
}

.photo-text-cards-slider__text {
    margin-top: 30px
}

.editor-mode .photo-text-cards-slider__item>div {
    padding: 20px
}

.photo-text-cards-slider__container {
    max-width: 1280px
}

.photo-text-cards-slider__button-holder {
    margin-top: 50px;
    position: absolute;
    right: 50%;
    bottom: 0;
    transform: translate(50%, 100%)
}

.photo-text-cards-slider__swiper-button-and-bullet-box {
    position: absolute;
    top: 50%;
    right: -100px;
    transform: translateY(-50%)
}

.photo-text-cards-slider__swiper-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse
}

.photo-text-cards-slider__swiper-button {
    right: 0
}

.photo-text-cards-slider__swiper-button--prev {
    margin-top: 20px
}

.photo-text-cards-slider-item__image {
    overflow: hidden;
    transition: transform .3s;
    aspect-ratio: .76
}

.photo-text-cards-slider-item__image img {
    transition: transform .3s
}

.photo-text-cards-slider-item__title {
    margin: 0;
    padding-top: 30px;
    color: #1e2635;
    text-transform: uppercase
}

.editor-mode .photo-text-cards-slider-item__title {
    text-transform: none
}

.editor-mode .photo-text-cards-slider-item__link {
    padding: 20px
}

.photo-text-cards-slider-item__link:hover img {
    transform: scale(1.1)
}

@media screen and (min-width:1721px) {
    .photo-text-cards-slider__container {
        max-width: 1550px
    }
}

@media screen and (max-width:1239px) {
    .photo-text-cards-slider-item__description {
        max-width: none
    }
}

@media screen and (max-width:1023px) {
    .photo-text-cards-slider__swiper-button-and-bullet-box {
        right: -75px
    }
}

@media screen and (max-width:767px) {
    .l-section--photo-text-cards-slider {
        margin: 35px 0 0;
        overflow: hidden
    }

    .l-section--photo-text-cards-slider .l-wrapper {
        padding-right: 0
    }

    .photo-text-cards-slider {
        left: 15px;
        padding-right: 0
    }

    .photo-text-cards-slider__swiper-button-and-bullet-box {
        display: none
    }
}

.l-section--images-with-socials {
    margin: 60px auto 120px
}

.images-with-socials__content-box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1100px;
    margin: 0 auto 55px
}

.images-with-socials__intro {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column
}

.images-with-socials__title {
    margin-bottom: 40px;
    color: #183651;
    font-family: City Streetwear;
    font-size: 90px;
    font-style: normal;
    font-weight: 400;
    line-height: 70%
}

.images-with-socials__reviews {
    display: flex;
    flex-wrap: wrap;
    gap: 28px
}

.images-with-socials__review {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 5px
}

.images-with-socials__review .score {
    font-size: 35px
}

.editor-mode .images-with-socials__review .score[data-gjs-type=text][variable] {
    min-width: 50px
}

.images-with-socials__review .max {
    font-size: 26px;
    white-space: nowrap
}

.images-with-socials__review .from {
    text-transform: none
}

.images-with-socials__link,
.images-with-socials__review .from,
.images-with-socials__review .max {
    color: #5d7d9a
}

.images-with-socials__link .text {
    letter-spacing: 1.4px
}

.editor-mode .images-with-socials__link {
    padding: 15px
}

.images-with-socials__mosaic {
    display: grid;
    grid-template-columns: 420px 305px 530px;
    justify-content: center;
    gap: 30px
}

.images-with-socials__col-one {
    display: grid;
    grid-template-rows: 195px auto;
    gap: 30px
}

.images-with-socials__col-one-top {
    display: grid;
    grid-template-columns: 195px 195px;
    gap: 30px
}

.images-with-socials__image-first,
.images-with-socials__image-fourth,
.images-with-socials__image-second,
.images-with-socials__image-third,
.images-with-socials__img-hld {
    width: 100%;
    height: 100%
}

.images-with-socials__col-three,
.images-with-socials__col-two {
    display: grid;
    grid-template-rows: 310px 179px;
    gap: 30px
}

.images-with-socials__col-three-bottom {
    display: grid;
    grid-template-columns: 180px 310px;
    gap: 30px
}

.images-with-socials__image-fourth {
    height: 179px
}

.images-with-socials__icon {
    color: #fff
}

.images-with-socials__social-link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.images-with-socials__opinion-box {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    min-height: 295px;
    padding: 20px 60px;
    background: #fbf8f4;
    overflow: hidden
}

.images-with-socials__opinion-box .icon {
    display: inline-block;
    transform: translate(-150%)
}

.images-with-socials__opinion-box--right {
    height: 310px
}

.images-with-socials__opinion-describe {
    margin-bottom: 20px
}

.images-with-socials__opinion-author .where {
    padding-left: 20px;
    font-size: 13px;
    letter-spacing: 2.6px;
    line-height: 100%;
    text-transform: uppercase
}

.edito-mode .images-with-socials__opinion-author .where {
    text-transform: none
}

.images-with-socials__image-second {
    position: relative
}

.l-section--images-with-socials--editor-mode .images-with-socials__image-text {
    height: 100px
}

@media screen and (min-width:1721px) {
    .l-section--images-with-socials .l-wrapper {
        display: flex;
        justify-content: center
    }
}

@media screen and (max-width:1239px) {
    .images-with-socials__mosaic {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        justify-content: center
    }

    .images-with-socials__col-one,
    .images-with-socials__col-three-bottom,
    .images-with-socials__col-three-top,
    .images-with-socials__col-two {
        width: 100%
    }

    .images-with-socials__col-three {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .images-with-socials__col-one-top {
        grid-template-columns: 1fr 1fr
    }

    .images-with-socials__col-one {
        grid-template-rows: 1fr auto
    }

    .images-with-socials__image-fourth {
        height: 100%
    }

    .images-with-socials__col-three-bottom {
        grid-template-columns: 1fr 2fr
    }

    .images-with-socials__col-two {
        grid-template-rows: 1fr
    }

    .images-with-socials__col-two-bottom {
        display: none
    }
}

@media screen and (max-width:1023px) {
    .images-with-socials__mosaic {
        gap: 15px
    }

    .images-with-socials__reviews {
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin-top: 30px;
        overflow-x: scroll;
        overflow-y: hidden
    }

    .images-with-socials__col-one,
    .images-with-socials__col-three-bottom,
    .images-with-socials__col-three-top,
    .images-with-socials__col-two {
        flex-basis: 100%;
        gap: 15px
    }

    .images-with-socials__col-one-top,
    .images-with-socials__col-three,
    .images-with-socials__col-two {
        gap: 15px
    }

    .images-with-socials__opinion-box {
        max-height: unset;
        padding: 30px 20px
    }

    .images-with-socials__opinion-box .icon {
        transform: translateY(-100%)
    }

    .images-with-socials__col-one,
    .images-with-socials__col-three {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .l-section--images-with-socials {
        margin-bottom: 50px
    }

    .images-with-socials__title {
        font-size: 50px
    }

    .images-with-socials__opinion-title {
        text-align: center
    }
}

.l-section--gallery-filter {
    margin: 90px 0
}

.l-section--gallery-mosaic {
    margin-top: 80px;
    margin-bottom: 120px
}

.gallery-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1060px;
    margin: 0 auto;
    gap: 35px
}

.gallery-filter__item:before {
    bottom: -25px
}

.gallery-mosaic--editor-mode {
    margin: 15px
}

.gallery-mosaic hidden-elements {
    display: none;
    height: 0
}

.is-hidden .gallery-mosaic__box-holder {
    display: none
}

.gallery-mosaic__block {
    cursor: pointer
}

.gallery-mosaic__block.is-hidden {
    display: none
}

.gallery-mosaic__img-hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 10;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: opacity .3s;
    display: flex;
    align-items: center;
    justify-content: center
}

.gallery-mosaic__img-hover .icon {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 50px;
    height: 50px;
    background-color: hsla(0, 0%, 100%, .9);
    transform: translate(50%, -50%) rotate(45deg)
}

.gallery-mosaic__img-hover .icon:before {
    position: absolute;
    top: 50%;
    right: 50%;
    content: "+";
    font-size: 40px;
    transform: translate(50%, -50%) rotate(-45deg)
}

.gallery-mosaic__block:hover .gallery-mosaic__img-hover {
    opacity: 1
}

.gallery-mosaic__block:nth-child(3n+1) {
    height: 800px
}

.gallery-mosaic__block:nth-child(3n+2) {
    height: 300px
}

.gallery-mosaic__block:nth-child(3n+3) {
    height: 420px
}

.gallery-mosaic .gallery-mosaic__holder {
    height: 100%
}

@media screen and (max-width:767px) {
    .l-section--gallery-filter {
        display: none
    }

    .l-section--gallery-mosaic {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .gallery-mosaic__block,
    .gallery-mosaic__block:nth-child(3n+1),
    .gallery-mosaic__block:nth-child(3n+2),
    .gallery-mosaic__block:nth-child(3n+3) {
        height: 230px
    }
}

.conference-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 80px;
    left: 50%;
    pointer-events: none;
    z-index: 2;
    z-index: 3;
    width: fit-content;
    margin-top: 55px;
    background: #fff;
    transform: translate(-50%);
    transition: transform .3s .4s
}

.editor-mode .conference-panel {
    position: relative
}

.conference-panel__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    position: relative;
    pointer-events: auto;
    padding: 20px 30px
}

.conference-panel__contact-info {
    text-align: left
}

.conference-panel__box {
    font-family: Arial;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
    text-align: left
}

.editor-mode .conference-panel__box--first-line {
    text-transform: none
}

.conference-panel__box--first-line p {
    margin: 0
}

.conference-panel__box--second-line {
    position: relative;
    margin-top: 8px;
    white-space: nowrap
}

.conference-panel__box--second-line p {
    margin: 0
}

.conference-panel__button {
    background: transparent
}

@media screen and (max-width:1239px) {
    .conference-panel {
        display: none
    }
}

.l-section--default-form {
    margin: 120px 0
}

.default-form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px
}

.default-form__box {
    width: 100%
}

.default-form__title {
    margin-bottom: 85px;
    font-family: City Streetwear;
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    text-align: center
}

@media screen and (max-width:1023px) {
    .l-section--default-form {
        margin: 40px 0
    }

    .default-form {
        flex-wrap: wrap;
        justify-content: center
    }

    .default-form__title {
        text-align: center
    }

    .default-form__box {
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    .default-form__title {
        margin-bottom: 40px;
        font-size: 40px
    }
}

.l-section--photos-slider {
    margin: 140px 0
}

.page-restaurant_menu .l-section--photos-slider {
    margin-bottom: 50px
}

.l-section--photos-slider .l-wrapper {
    max-width: 1250px
}

.photos-slider {
    position: relative;
    margin-left: auto
}

.photos-slider__title {
    display: inline-block;
    position: relative;
    z-index: 10;
    padding: 0 120px
}

.photos-slider__item {
    position: relative
}

.photos-slider .swiper-slide,
.photos-slider img {
    aspect-ratio: 1.78;
    min-height: 0
}

.photos-slider .swiper-wrapper {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.72, .38, .52, .84)
}

.photos-slider__container.swiper-container {
    max-width: 1150px;
    padding: 50px 0;
    overflow: visible
}

.photos-slider__swiper-button {
    position: absolute;
    top: 50%;
    z-index: 10;
    background: #fff;
    transform: translateY(-50%)
}

.photos-slider__swiper-button--prev {
    left: 60px
}

.photos-slider__swiper-button--next {
    right: 60px
}

@media screen and (min-width:1721px) {
    .l-section--photos-slider .l-wrapper {
        max-width: 1920px;
        margin: 0 auto
    }
}

@media screen and (max-width:1239px) {
    .l-section--photos-slider {
        margin-top: 100px;
        margin-bottom: 80px;
        overflow: hidden
    }

    .photos-slider__item {
        position: relative
    }
}

@media screen and (max-width:767px) {
    .l-section--photos-slider {
        margin-top: 50px;
        margin-bottom: 70px
    }

    .l-section--photos-slider .l-wrapper {
        padding: 0
    }

    .photos-slider__swiper-button {
        top: 90%;
        transform: translateY(-100%)
    }

    .photos-slider__container.swiper-container {
        padding: 25px 0
    }
}

.l-section--highlighters {
    margin: 0 auto;
    padding-bottom: 115px
}

.page-offers_vouchers_promotions .l-section--highlighters {
    padding-top: 110px
}

.page-custom .l-section--highlighters,
.page-weddings_and_conferences .l-section--highlighters {
    margin: 120px 0;
    padding: 0;
    background: none
}

.page-offers_vouchers_promotions .l-section--highlighters,
.page-rooms .l-section--highlighters {
    margin-bottom: 0
}

.highlighters {
    margin: 0 auto
}

.highlighters__title {
    margin-bottom: 80px;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    text-align: center
}

.page-offers_vouchers_promotions .highlighters__title,
.page-rooms .highlighters__title {
    margin-bottom: 0;
    padding-left: 100px;
    font-size: 56px;
    font-weight: 300;
    line-height: 67.2px;
    text-align: left
}

.highlighters__item-list {
    align-items: center;
    flex-direction: row;
    max-width: 1120px;
    margin: 0 auto;
    gap: 30px
}

.page-offers_vouchers_promotions .highlighters__item-list,
.page-rooms .highlighters__item-list {
    margin-top: 120px;
    margin-left: 0;
    padding-left: 100px
}

.highlighters__item {
    min-width: 145px;
    aspect-ratio: 1;
    text-align: center
}

.highlighters__icons-wrapper {
    transform: rotate(-110deg)
}

.editor-mode .highlighters__icons-wrapper {
    padding: 20px;
    transform: rotate(0)
}

.highlighters__icons-wrapper .letter {
    display: inline-block;
    color: #5d7d9a;
    font-size: 17px;
    font-weight: 400;
    transition: all .5s cubic-bezier(0, 0, 0, 1);
    font-stretch: extra-condensed;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.editor-mode .highlighters__icons-wrapper .letter {
    position: static
}

.page-custom .highlighters__icons-wrapper .letter {
    color: #5d7d9a
}

.highlighters-item__icon-hld {
    display: grid;
    margin: auto;
    aspect-ratio: 1;
    place-items: center
}

.highlighters-item__icon-hld .icon {
    z-index: 10;
    margin-bottom: 0;
    color: #5d7d9a;
    font-size: 50px;
    transform: rotate(110deg)
}

.page-custom .highlighters-item__icon-hld .icon {
    color: #5d7d9a
}

.editor-mode .highlighters-item__icon-hld .icon {
    transform: rotate(0)
}

@media screen and (min-width:1721px) {
    .highlighters__item-list {
        max-width: 1590px
    }
}

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

    .page-offers_vouchers_promotions .highlighters__title,
    .page-rooms .highlighters__title {
        width: auto;
        padding-left: 0
    }

    .highlighters-item__title {
        margin: 15px auto
    }
}

@media screen and (max-width:767px) {
    .l-section--highlighters {
        padding-bottom: 30px
    }

    .page-offers_vouchers_promotions .l-section--highlighters,
    .page-rooms .l-section--highlighters {
        padding-top: 40px
    }

    .page-custom .l-section--highlighters,
    .page-weddings_and_conferences .l-section--highlighters {
        margin: 40px 0
    }

    .l-section--highlighters .l-wrapper {
        padding-right: 0
    }

    .highlighters__title {
        padding-right: 20px
    }

    .highlighters__item-list {
        justify-content: flex-start;
        overflow-x: scroll;
        overflow-y: hidden;
        gap: 50px
    }

    .page-rooms .highlighters__item-list {
        margin-top: 20px;
        padding-left: 0
    }

    .highlighters__item {
        width: auto
    }
}

.map-point-legend {
    display: none;
    padding-left: 30px
}

.editor-mode .map-point-legend,
.map-point-legend--editor-mode {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 360px;
    gap: 10px;
    padding-left: 0
}

.map-point-legend__link {
    padding: 10px 10px 10px 5px
}

.map-point-legend__link-text {
    display: inline-block
}

.map-point-legend__item:not(:first-child) {
    margin-top: 15px
}

.editor-mode .map-point-legend__item {
    padding-top: 10px;
    background: rgba(30, 144, 255, .08)
}

.map-point-legend__icon-hld,
.map-point-legend__top {
    display: flex;
    align-items: center
}

.map-point-legend__icon-hld {
    justify-content: center;
    width: 25px;
    height: 25px;
    margin-right: 5px
}

.map-point-legend__icon-hld[data-gjs-type=text][variable] {
    min-height: 5px
}

.map-point-legend__position-item {
    display: flex;
    align-items: center
}

.map-point-legend__position-item[data-gjs-type=text][variable] {
    min-height: 5px
}

.map-point-legend__position-label {
    font-size: 14px
}

.map-point-legend__position-label[data-gjs-type=text][variable] {
    min-height: 5px
}

.map-point-legend__position-text {
    margin: 0 0 0 10px;
    font-size: 14px
}

.map-point-legend__position-text[data-gjs-type=text][variable] {
    min-width: 20px;
    min-height: 5px
}

.l-section--map-point {
    position: relative;
    padding: 80px 0 100px;
    background: #fbf8f4
}

.l-section--map-point .decor {
    pointer-events: none;
    z-index: 1
}

.l-section--map-point .decor svg {
    width: 117%;
    height: auto
}

.editor-mode .l-wrapper--map-point {
    padding-left: 30px
}

.map-point {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row-reverse;
    margin-top: 30px
}

.editor-mode .map-point {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start
}

.map-point__accent-box,
.map-point__title {
    text-align: center
}

.map-point-content {
    padding-right: 30px
}

.map-point-content__title {
    font-size: 64px
}

.map-point-content__subtitle {
    margin: 35px 0;
    color: #5d7d9a
}

.map-point-content__text {
    margin-bottom: 45px
}

.map-point-image {
    position: relative
}

.map-point-image__close {
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 3px;
    right: 5px;
    left: ull;
    transition: opacity .3s
}

.map-point-image__close:hover {
    opacity: .4
}

.map-point-image__box {
    min-width: 885px
}

.map-point-image__box,
.map-point-image__box svg {
    width: 100%;
    height: 100%
}

.editor-mode .map-point-image__box {
    border: 1px solid #1e90ff
}

.map-point-image__hidden-box {
    display: flex;
    justify-content: flex-start;
    position: fixed;
    top: 50%;
    right: 50%;
    z-index: 1;
    min-width: 350px;
    padding: 6px;
    background: #183651;
    opacity: 0;
    visibility: hidden;
    transform: translate(50%, -50%);
    transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.72, .38, .52, .84)
}

.map-point-image__hidden-box.is-active {
    opacity: 1;
    visibility: visible
}

.map-point-image__photo {
    width: 100%
}

.map-point-image__image-modal-hld {
    min-width: 50%
}

.map-point-image__image-box {
    width: 100px;
    aspect-ratio: 1;
    border-radius: 50%
}

.map-point-image__image-box img {
    border-radius: 50%
}

.map-point-image__image-hld {
    width: 45px;
    height: 45px;
    transition: transform .3s cubic-bezier(.72, .38, .52, .84)
}

.map-point-image__image-hld img {
    border-radius: 50%
}

.map-point-image__image-hld:hover {
    transform: scale(2)
}

.map-point-image__item {
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
    transform: translate(-50%, -50%);
    transition: .3s
}

.map-point-image__text-box {
    padding: 20px
}

.map-point-image__text {
    white-space: nowrap
}

.map-point-image__title {
    font-size: 21px;
    line-height: 1.29
}

.map-point-image__link {
    margin: 0
}

.editor-mode .map-point-image__link {
    padding: 10px 20px
}

.map-point-image__link:hover {
    color: #5d7d9a
}

.map-point-image__link .text {
    padding: 0
}

.map-point-image__description {
    margin-top: 3px;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.2
}

@media screen and (min-width:1721px) {
    .l-section--map-point .decor {
        position: absolute;
        top: -100px;
        right: 0;
        left: 0
    }
}

@media screen and (max-width:1239px) {
    .map-point {
        flex-direction: column-reverse
    }

    .map-point-image__box {
        min-width: 0
    }
}

@media screen and (max-width:1239px) {
    .map-point-legend__item {
        width: 25%
    }
}

@media screen and (max-width:1023px) {
    .l-section--map-point {
        margin: 40px 0;
        padding-top: 50px;
        overflow-x: hidden
    }

    .l-section--map-point .decor {
        display: none;
        top: -120px;
        left: -400px;
        opacity: .4
    }
}

@media screen and (max-width:767px) {
    .l-section--map-point {
        margin-bottom: 0;
        padding-bottom: 60px
    }

    .l-wrapper--map-point {
        padding-right: 2px;
        padding-left: 2px
    }

    .map-point {
        margin-top: 0
    }

    .map-point-content {
        padding-right: 20px;
        padding-left: 20px
    }

    .map-point-content__title {
        font-size: 36px
    }

    .map-point-image__item {
        display: none
    }
}

.l-section--photo-mosaic-text {
    position: relative;
    padding: 78px 0 120px;
    background: #fbf8f4;
    overflow: hidden
}

.l-section--photo-mosaic-text .l-wrapper {
    z-index: 1
}

.l-section--photo-mosaic-text .decor {
    position: absolute;
    top: -95px;
    right: -8%;
    z-index: -1;
    width: 116%
}

.l-section--photo-mosaic-text .decor svg {
    width: 100%;
    height: 100%
}

.photo-mosaic-text {
    margin-top: 40px
}

.photo-mosaic-text__content {
    margin-bottom: 60px;
    text-align: left
}

.photo-mosaic-text__title {
    margin-bottom: 25px
}

.photo-mosaic-text__text {
    max-width: 450px
}

.photo-mosaic-text__mosaic {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-template-areas: "one two";
    gap: 30px
}

.photo-mosaic-text__gallery {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-template-areas: "one one" "two three";
    gap: 30px
}

.editor-mode .photo-mosaic-text__link {
    padding: 20px
}

.photo-mosaic-text__img-hld--one {
    grid-area: one
}

.photo-mosaic-text__img-hld--four,
.photo-mosaic-text__img-hld--three {
    height: calc(100% - 60px)
}

.photo-mosaic-text__img-hld img {
    transition: transform .3s
}

.photo-mosaic-text__img-hld:hover {
    cursor: pointer
}

.photo-mosaic-text__img-hld:hover img {
    transform: scale(1.1)
}

.photo-mosaic-text__link {
    padding: 1px
}

.photo-mosaic-text__link--two {
    grid-area: one
}

.photo-mosaic-text__link--three {
    grid-area: two
}

.photo-mosaic-text__link--four {
    grid-area: three
}

.photo-mosaic-text__img-title {
    padding: 20px 0;
    border: 1px solid #ced9e3;
    border-top: 0;
    text-align: center
}

@media screen and (max-width:1023px) {
    .photo-mosaic-text__mosaic {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px
    }

    .photo-mosaic-text__img-hld {
        display: flex;
        flex-direction: column
    }

    .photo-mosaic-text__img-hld--four,
    .photo-mosaic-text__img-hld--three,
    .photo-mosaic-text__img-hld--two {
        height: 220px
    }

    .photo-mosaic-text__link {
        flex-basis: 220px
    }

    .photo-mosaic-text__img-title {
        padding: 10px 0
    }

    .photo-mosaic-text__gallery {
        display: flex !important;
        justify-content: center
    }
}

@media screen and (max-width:767px) {
    .l-section--photo-mosaic-text {
        margin: 60px 0 0;
        padding-top: 40px;
        padding-bottom: 80px
    }

    .l-section--photo-mosaic-text .decor {
        top: auto;
        right: -15px;
        bottom: -50vw;
        width: 250%
    }

    .photo-mosaic-text__img-hld {
        display: flex;
        flex-direction: column
    }

    .photo-mosaic-text__img-hld--four,
    .photo-mosaic-text__img-hld--three,
    .photo-mosaic-text__img-hld--two {
        height: auto;
        aspect-ratio: 1/1
    }

    .photo-mosaic-text__link {
        display: block;
        flex-basis: auto;
        padding: 0
    }

    .photo-mosaic-text__img-title {
        padding: 10px 0
    }

    .photo-mosaic-text__content {
        position: relative;
        margin-bottom: 100px
    }

    .photo-mosaic-text__gallery {
        justify-content: start;
        gap: 0
    }

    .photo-mosaic-text__img-inner {
        aspect-ratio: 1/1
    }

    .photo-mosaic-text__media-container {
        width: 100%;
        min-width: 0;
        max-width: 100%
    }

    .photo-mosaic-text__holder {
        min-width: 0
    }

    .photo-mosaic-text__mosaic {
        gap: 33px
    }
}

.l-section--mosaic-offers-slider {
    padding: 50px 0 100px;
    background: #fbf8f4
}

.mosaic-offers-slider__mosaic {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 30px
}

.mosaic-offers-slider__col--left {
    max-width: 545px;
    margin-right: auto
}

.mosaic-offers-slider__col--right {
    flex-shrink: 1;
    max-width: 645px;
    margin-right: 115px
}

.mosaic-offers-slider__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    margin-right: 115px;
    margin-bottom: 45px
}

.mosaic-offers-slider__slider-box {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.mosaic-offers-slider__swiper {
    position: relative
}

.mosaic-offers-slider__container.swiper-container {
    max-width: 645px
}

.mosaic-offers-slider__controls {
    position: absolute;
    top: 50%;
    right: -120px;
    transform: translateY(-50%)
}

.mosaic-offers-slider__swiper-button {
    background: transparent
}

.mosaic-offers-slider__swiper-button--next {
    margin-bottom: 20px
}

@media screen and (min-width:1721px) {
    .mosaic-offers-slider__col--left {
        max-width: 850px;
        height: 755px
    }
}

@media screen and (max-width:1370px) {
    .mosaic-offers-slider__mosaic {
        flex-direction: column
    }

    .mosaic-offers-slider__col--left {
        max-width: 645px;
        margin: 0 auto
    }

    .mosaic-offers-slider__col--right {
        flex-shrink: 1;
        max-width: 645px;
        margin: 0 auto
    }

    .mosaic-offers-slider__content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        gap: 20px;
        margin-right: auto
    }

    .mosaic-offers-slider__controls {
        right: -80px
    }
}

@media screen and (max-width:1023px) {
    .mosaic-offers-slider__controls {
        display: none
    }
}

@media screen and (max-width:767px) {
    .l-section--mosaic-offers-slider {
        padding: 50px 0
    }

    .l-section--mosaic-offers-slider .l-wrapper {
        padding-right: 0
    }

    .mosaic-offers-slider__mosaic {
        display: block
    }

    .mosaic-offers-slider__col--right {
        margin-left: 0
    }

    .mosaic-offers-slider__container.swiper-container {
        max-width: none
    }

    .mosaic-offers-slider__content {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start column;
        gap: 20px;
        margin-right: auto
    }
}

.l-section--intro-text {
    padding: 110px 0 80px;
    background: #fbf8f4;
    overflow: hidden
}

.l-section--intro-text .l-wrapper {
    position: static;
    padding: 50px 40px
}

.l-section--intro-text .decor {
    position: absolute;
    top: 0;
    right: -200px;
    bottom: 0;
    pointer-events: none;
    z-index: 1
}

.l-section--intro-text .decor svg {
    width: 100%
}

.intro-text {
    position: relative;
    z-index: 100;
    max-width: 880px;
    margin: 0 auto 0 80px;
    background: #fbf8f4
}

.intro-text__title {
    font-size: 32px
}

@media screen and (max-width:1239px) {
    .l-section--intro-text .l-wrapper {
        padding: 30px 20px
    }

    .l-section--intro-text .decor {
        right: -30px;
        z-index: 100
    }

    .intro-text {
        max-width: none;
        margin: 0 auto
    }
}

@media screen and (max-width:767px) {
    .l-section--intro-text {
        padding: 0
    }

    .l-section--intro-text .decor {
        opacity: .5
    }

    .l-section--intro-text .l-wrapper {
        padding: 30px 20px
    }

    .intro-text__title {
        margin-bottom: 0
    }
}

.l-section--photo-text-with-icons {
    margin: 120px 0 60px;
    padding-top: 100px;
    overflow: hidden
}

.l-section--photo-text-with-icons .decor {
    position: absolute;
    top: -93px;
    right: -8%;
    pointer-events: none;
    z-index: 10
}

.l-section--photo-text-with-icons--left {
    margin-bottom: 0;
    background: #fbf8f4
}

.l-section--photo-text-with-icons--left .decor {
    top: -95px;
    left: -8%;
    width: 116%
}

.l-section--photo-text-with-icons--left .decor svg {
    width: 100%;
    height: auto
}

.photo-text-with-icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 120px
}

.photo-text-with-icons__video-hld {
    position: relative;
    width: 100%;
    height: 100%
}

.photo-text-with-icons__video-hld:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: #000;
    opacity: .25
}

.photo-text-with-icons__inner {
    width: 100%;
    height: 100%;
    background-color: #86888c
}

.photo-text-with-icons__play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transform: translate(-50%, -50%)
}

.photo-text-with-icons__button {
    width: 70px;
    height: 70px;
    border: 1px solid #000;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    font-size: 27px;
    transition: filter .3s cubic-bezier(.72, .38, .52, .84)
}

.photo-text-with-icons__button .icon {
    position: relative;
    right: -3px;
    bottom: -2px
}

.photo-text-with-icons__button:hover {
    filter: invert(1)
}

.photo-text-with-icons--right {
    flex-direction: row-reverse
}

.photo-text-with-icons--top {
    margin-bottom: 150px
}

.photo-text-with-icons--bottom {
    margin-bottom: 50px
}

.photo-text-with-icons__col--media {
    position: relative;
    width: 70%;
    max-width: 650px;
    margin-right: auto
}

.photo-text-with-icons--left .photo-text-with-icons__col--media {
    margin-right: 0;
    margin-left: auto
}

.photo-text-with-icons__col--content {
    position: static;
    width: 100%;
    max-width: 35%;
    margin-right: auto
}

.photo-text-with-icons--left .photo-text-with-icons__col--content {
    margin-right: 0;
    margin-left: auto
}

.photo-text-with-icons__main-title {
    display: inline;
    position: absolute;
    top: unset;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: calc(100% + 77px);
    font-family: City Streetwear;
    font-size: 90px;
    transform: translateY(80%)
}

.photo-text-with-icons--left .photo-text-with-icons__main-title {
    right: unset;
    bottom: -22px;
    left: -77px;
    transform: translateY(30%)
}

.photo-text-with-icons--right .photo-text-with-icons__main-title {
    right: -90px;
    bottom: -17px;
    left: auto;
    text-align: right
}

.photo-text-with-icons__subtitle {
    margin: 35px 0;
    color: #5d7d9a
}

.photo-text-with-icons__text {
    margin-bottom: 50px
}

.photo-text-with-icons__first-box {
    width: 100%;
    height: 100%;
    background-color: #86888c
}

.photo-text-with-icons__media-box {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column-reverse
}

.photo-text-with-icons__first-box-media,
.photo-text-with-icons__first-box .photo-text-with-icons,
.photo-text-with-icons__item {
    aspect-ratio: .81
}

.photo-text-with-icons__content-box {
    margin-right: auto;
    padding-left: 0
}

.photo-text-with-icons__links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    max-width: 1090px;
    margin: 0 auto
}

.photo-text-with-icons__item-box {
    min-width: 145px;
    aspect-ratio: 1;
    text-align: center
}

.photo-text-with-icons__icons-wrapper {
    transform: rotate(-110deg)
}

.editor-mode .photo-text-with-icons__icons-wrapper {
    transform: rotate(0)
}

.photo-text-with-icons__icons-wrapper .letter {
    display: inline-block;
    color: #5d7d9a;
    font-size: 17px;
    font-weight: 400;
    transition: all .5s cubic-bezier(0, 0, 0, 1);
    font-stretch: extra-condensed;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.l-section--photo-text-with-icons--left .photo-text-with-icons__icons-wrapper .letter {
    color: #a88954
}

.editor-mode .photo-text-with-icons__icons-wrapper .letter {
    position: static
}

.photo-text-with-icons__icon-hld {
    display: grid;
    margin: auto;
    aspect-ratio: 1;
    place-items: center
}

.photo-text-with-icons__icon-hld .icon {
    z-index: 10;
    margin-bottom: 0;
    color: #5d7d9a;
    font-size: 50px;
    transform: rotate(110deg)
}

.l-section--photo-text-with-icons--left .photo-text-with-icons__icon-hld .icon {
    color: #a88954
}

.editor-mode .photo-text-with-icons__icon-hld .icon {
    transform: rotate(0)
}

@media screen and (min-width:1721px) {
    .photo-text-with-icons {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .photo-text-with-icons__col--media {
        width: auto;
        max-width: 790px
    }

    .photo-text-with-icons__col--content {
        width: auto;
        max-width: 650px;
        margin-right: 0;
        margin-left: auto
    }
}

@media screen and (max-width:1023px) {
    .l-section--photo-text-with-icons {
        padding-top: 72px
    }

    .l-section--photo-text-with-icons--right .decor {
        top: -72px
    }

    .photo-text-with-icons {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 20px
    }

    .photo-text-with-icons--top {
        margin-bottom: 70px
    }

    .photo-text-with-icons__main-title {
        width: auto
    }

    .photo-text-with-icons--left .photo-text-with-icons__main-title {
        left: 0;
        width: 100%
    }

    .photo-text-with-icons--right .photo-text-with-icons__main-title {
        right: 0;
        width: 100%
    }

    .photo-text-with-icons__col--media {
        width: 100%;
        max-width: 100%;
        margin-bottom: 135px
    }

    .photo-text-with-icons--left .photo-text-with-icons__col--media {
        max-width: 100%;
        margin-left: 0
    }

    .photo-text-with-icons__col--content {
        width: 100%;
        max-width: 100%;
        padding-left: 0
    }

    .photo-text-with-icons__first-box-media,
    .photo-text-with-icons__first-box .photo-text-with-icons,
    .photo-text-with-icons__item {
        aspect-ratio: 1/1
    }

    .photo-text-with-icons__main-title {
        left: 0
    }

    .photo-text-with-icons__content-box {
        padding-left: 0
    }
}

@media screen and (max-width:767px) {
    .l-section--photo-text-with-icons {
        margin: 30px 0;
        padding-top: 40px
    }

    .l-section--photo-text-with-icons .decor {
        position: static
    }

    .l-section--photo-text-with-icons--left .decor {
        position: absolute;
        top: -55vw;
        right: auto;
        bottom: auto;
        left: 80%;
        width: 300%;
        transform: translateX(-50%)
    }

    .l-section--photo-text-with-icons--right .decor {
        position: absolute;
        top: -32vw;
        right: -150px;
        bottom: auto;
        left: auto;
        width: 400%
    }

    .l-section--photo-text-with-icons--right .decor svg {
        width: 100%;
        height: auto
    }

    .photo-text-with-icons--left .photo-text-with-icons__col--media,
    .photo-text-with-icons--right .photo-text-with-icons__col--media {
        margin-bottom: 0
    }

    .photo-text-with-icons--left .photo-text-with-icons__col--content,
    .photo-text-with-icons--right .photo-text-with-icons__col--content {
        position: relative;
        margin-top: 130px
    }

    .photo-text-with-icons__main-title {
        font-size: 50px;
        line-height: 45px;
        transform: translateY(0)
    }

    .photo-text-with-icons--left .photo-text-with-icons__main-title,
    .photo-text-with-icons--right .photo-text-with-icons__main-title {
        position: static;
        width: auto;
        margin-bottom: 25px;
        padding-left: 12px;
        transform: translate(0) !important
    }

    .photo-text-with-icons__media-box {
        flex-direction: column
    }

    .photo-text-with-icons__first-box-media,
    .photo-text-with-icons__first-box .photo-text-with-icons,
    .photo-text-with-icons__item {
        aspect-ratio: .8
    }

    .photo-text-with-icons__wrapper {
        padding: 20px
    }

    .photo-text-with-icons__links {
        align-items: flex-start;
        padding: 0;
        overflow-x: scroll;
        overflow-y: hidden;
        gap: 50px
    }

    .photo-text-with-icons__icons-wrapper {
        transform: rotate(-110deg)
    }
}

.l-section--photo-text {
    position: relative;
    margin: 90px 0;
    overflow: hidden
}

.l-section--photo-text:has(.decor) {
    margin: 0 0 10px;
    padding-top: 115px
}

.l-section--photo-text .decor {
    position: absolute;
    top: -93px;
    right: -8%;
    left: -8%;
    pointer-events: none;
    z-index: 10;
    width: 116%
}

.l-section--photo-text .decor svg {
    width: 100%;
    height: auto
}

.popupSimple {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .65);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility .2s
}

.popupSimple.is-visible {
    opacity: 1;
    visibility: visible
}

.popupSimple__inner {
    position: relative;
    width: 90%
}

.popupSimple__item {
    height: 95vh;
    padding: 30px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility .2s
}

.popupSimple__item.is-visible {
    opacity: 1;
    visibility: visible
}

.popupSimple__iframe,
.popupSimple__video {
    width: 100%;
    height: 100%
}

.popupSimple__close {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 0;
    background-color: transparent;
    transition: background-color .2s
}

.popupSimple__close .icon {
    font-size: 18px;
    transition: color .3s
}

.popupSimple__close:hover .icon {
    color: #fff
}

.photo-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 160px
}

.photo-text.is-visible {
    opacity: 1;
    visibility: visible
}

.photo-text__video-hld {
    position: relative;
    width: 100%;
    height: 100%
}

.photo-text__video-hld:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: #000;
    opacity: .25
}

.photo-text__inner {
    width: 100%;
    height: 100%;
    background-color: #86888c
}

.photo-text__play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transform: translate(-50%, -50%)
}

.photo-text__button {
    width: 70px;
    height: 70px;
    border: 1px solid #000;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    font-size: 27px;
    transition: filter .3s cubic-bezier(.72, .38, .52, .84)
}

.photo-text__button .icon {
    position: relative;
    right: -3px;
    bottom: -2px
}

.photo-text__button:hover {
    filter: invert(1)
}

.photo-text__image {
    width: 100%;
    height: 100%
}

.photo-text--left {
    flex-direction: row;
    padding-bottom: 75px
}

.photo-text__first-box {
    max-width: 650px;
    aspect-ratio: .82
}

.photo-text__first-box-media img {
    object-fit: cover
}

.photo-text iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.editor-mode .photo-text iframe {
    padding: 20px
}

.photo-text__main-title {
    max-width: 560px;
    margin: 70px 0 30px
}

.photo-text__text {
    max-width: 420px;
    margin: 40px 0 50px
}

.photo-text__col--media {
    display: block;
    position: relative;
    width: 100%;
    max-width: 650px
}

.photo-text__col--content {
    max-width: 500px;
    margin-right: auto
}

.photo-text--left .photo-text__col--content {
    margin-right: 0;
    margin-left: auto
}

.photo-text__btn {
    flex-direction: row-reverse
}

.photo-text__main-title {
    display: inline;
    position: absolute;
    top: unset;
    bottom: -50px;
    left: -150px;
    z-index: 10;
    width: 770px;
    font-family: City Streetwear;
    font-size: 90px
}

@media screen and (min-width:1721px) {
    .photo-text--left {
        flex-direction: row
    }

    .photo-text__text {
        max-width: 650px
    }

    .photo-text__col--content {
        max-width: none;
        margin-left: 0
    }

    .photo-text__col--media {
        max-width: 750px
    }

    .photo-text__first-box {
        max-width: 750px;
        aspect-ratio: .82
    }
}

@media screen and (max-width:1239px) {
    .photo-text {
        gap: 30px
    }

    .photo-text__main-title {
        left: 20px
    }

    .photo-text__col--content {
        min-width: 340px
    }

    .photo-text .swiper-container {
        height: auto
    }

    .photo-text__media-box {
        width: auto;
        height: auto
    }
}

@media screen and (max-width:1023px) {
    .l-section--photo-text .decor {
        right: -100px;
        z-index: -1;
        opacity: .5
    }

    .photo-text {
        flex-direction: column;
        justify-content: flex-start;
        gap: 30px
    }

    .photo-text__col {
        width: 100%
    }

    .photo-text__col--content {
        position: static;
        max-width: 640px;
        margin: auto;
        padding-top: 40px;
        padding-left: 0;
        background: transparent;
        transform: translateY(0)
    }

    .photo-text--left .photo-text__col--content {
        margin-right: auto;
        margin-left: auto
    }

    .photo-text__text {
        max-width: 750px
    }
}

@media screen and (max-width:767px) {
    .l-section--photo-text {
        margin: 10px 0
    }

    .l-section--photo-text .decor {
        position: absolute;
        top: -13vw;
        right: auto;
        bottom: auto;
        left: 80%;
        width: 300%;
        transform: translateX(-50%)
    }

    .photo-text {
        flex-direction: column-reverse
    }

    .photo-text--left {
        padding-bottom: 0
    }

    .photo-text__col--content {
        position: relative;
        padding: 40px 0 0
    }

    .photo-text__main-title {
        top: -80px;
        bottom: auto;
        width: fit-content;
        margin: 0
    }

    .photo-text__button-holder,
    .photo-text__text {
        margin-bottom: 30px
    }
}

.conference-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px
}

.conference-item-hover {
    max-width: 420px;
    margin: 0;
    border: 1px solid transparent;
    transition: .3s cubic-bezier(.72, .38, .52, .84)
}

.conference-item-hover:hover {
    border-color: #ced9e3
}

.conference-item-hover__title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    text-align: left
}

.conference-item-hover__text-top {
    padding: 30px 30px 0 0;
    transition: padding .3s cubic-bezier(.72, .38, .52, .84)
}

.conference-item-hover:hover .conference-item-hover__text-top {
    padding-top: 10px;
    padding-left: 30px
}

.conference-item-hover__facilities {
    margin: 15px 0
}

.conference-item-hover__text-box {
    height: 190px
}

.conference-item-hover__text-bottom {
    padding: 0 30px 10px
}

.conference-item-hover__description {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0;
    text-align: left
}

.conference-item-hover__button-box {
    gap: 15px
}

.conference-item-hover__button {
    margin: 0
}

@media screen and (max-width:1023px) {
    .conference-item-hover:hover {
        border-color: transparent
    }

    .conference-item-hover__text-top {
        padding-top: 10px
    }

    .conference-item-hover:hover .conference-item-hover__text-top,
    .conference-item-hover__text-bottom {
        padding-left: 0
    }
}

.l-section--conference-facilities {
    margin: 110px 0 140px
}

.conference-facilities__title {
    margin-bottom: 25px;
    font-size: 38px;
    font-weight: 400;
    text-align: center
}

.conference-facilities__holder {
    display: flex;
    flex-wrap: wrap;
    max-width: 1130px;
    margin: 0 auto;
    gap: 45px
}

.conference-facilities__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    gap: 20px;
    margin-top: 40px;
    padding-right: 0
}

.conference-facilities__item:nth-child(5n) {
    padding-right: 0
}

.conference-facilities__item .icon {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 40px;
    height: 30px;
    font-size: 30px
}

.conference-facilities__item .icon.icon-projector-stroke {
    position: relative;
    top: 6px;
    font-size: 22px
}

.conference-facilities__item .icon.icon-air-conditioning-stroke,
.conference-facilities__item .icon.icon-daylight-stroke,
.conference-facilities__item .icon.icon-dvd-player-stroke {
    font-size: 32px
}

.conference-facilities__item .icon.icon-microphone-stroke {
    position: relative;
    top: -1px;
    font-size: 36px
}

.conference-facilities__item .text {
    width: calc(100% - 60px);
    font-size: 15px
}

@media screen and (max-width:1239px) {
    .l-section--conference-facilities {
        margin: 60px 0
    }

    .conference-facilities__item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex: 0 0 33.3%;
        width: 33.3%;
        padding-right: 30px;
        text-align: left
    }

    .conference-facilities__item .text {
        margin-left: 15px
    }
}

@media screen and (max-width:767px) {
    .conference-facilities__item {
        flex-direction: column;
        width: 100%;
        margin-top: 20px;
        text-align: center
    }

    .conference-facilities__item .text {
        width: 100%;
        margin-top: 15px;
        margin-right: 0;
        margin-left: 0
    }

    .conference-facilities__item .icon {
        font-size: 28px
    }

    .conference-facilities__item:nth-child(4n) {
        width: 50%
    }

    .conference-facilities__item:nth-child(2n) {
        padding-right: 0
    }

    .conference-facilities__title {
        font-size: 30px
    }
}

@media screen and (max-width:374px) {
    .conference-facilities__item {
        width: 100%;
        padding-right: 0
    }
}

.conference-details-panel {
    z-index: 10;
    border: 1px solid #ced9e3;
    background-color: #fff;
    transform: translateX(50%);
    position: absolute;
    top: -160px;
    right: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.conference-details-panel__icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    min-width: 130px;
    padding: 20px 30px
}

.conference-details-panel__icon-box:before {
    position: absolute;
    top: 30%;
    right: 0;
    content: "";
    width: 1px;
    height: 50px;
    background-color: #a88954
}

.conference-details-panel__icon-box:first-child,
.conference-details-panel__icon-box:nth-child(2) {
    min-width: 160px
}

.conference-details-panel .icon {
    font-size: 20px
}

.conference-details-panel .text {
    margin-top: 15px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .01733em
}

.conference-details-panel .count {
    margin-top: 7px;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: .02em;
    line-height: 1.4
}

.conference-details-panel .count--bold {
    font-weight: 600
}

@media screen and (max-width:1239px) {
    .conference-details-panel {
        display: none
    }
}

.conference-details-box {
    padding: 40px;
    text-align: left
}

.conference-details-box a[href^="mailto:"] {
    display: block;
    position: relative;
    margin-bottom: 20px;
    margin-left: 35px;
    transition: color .3s ease
}

.conference-details-box a[href^="mailto:"]:before {
    position: absolute;
    top: 0;
    left: -20px;
    content: "E:";
    color: #fff;
    font-size: 14px
}

.conference-details-box a[href^="tel:"] {
    display: block;
    position: relative;
    margin-bottom: 20px;
    margin-left: 35px
}

.conference-details-box a[href^="tel:"]:before {
    position: absolute;
    top: 0;
    left: -20px;
    content: "T:";
    color: #fff;
    font-size: 14px
}

.conference-details-box__title {
    margin-bottom: 36px;
    text-align: center
}

.conference-details-box__subtitle {
    margin-bottom: 20px;
    font-size: 15px
}

.conference-details-box__first-text {
    margin-bottom: 5px;
    font-size: 21px
}

.conference-details-box__btn {
    width: 100%;
    margin: 30px 0;
    border-color: #fff
}

.conference-details-box__small-title {
    margin-bottom: 25px;
    font-size: 20px;
    letter-spacing: .01em
}

@media screen and (max-width:1239px) {
    .conference-details-box {
        margin-top: 40px
    }
}

.conference-room-facilities {
    margin-top: 80px;
    margin-bottom: 80px
}

.conference-room-facilities__title {
    font-size: 23px;
    letter-spacing: .01913em;
    line-height: 1.38
}

.conference-room-facilities__list {
    display: flex;
    flex-wrap: wrap
}

.conference-room-facilities__list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 33.3%;
    margin-top: 40px;
    padding-right: 45px
}

.conference-room-facilities__list-item .icon {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 25px
}

.conference-room-facilities__list-item .icon.icon-projector-stroke {
    position: relative;
    top: 2px;
    font-size: 17px
}

.conference-room-facilities__list-item .icon.icon-air-conditioning-stroke {
    font-size: 33px
}

.conference-room-facilities__list-item .icon.icon-daylight-stroke,
.conference-room-facilities__list-item .icon.icon-dvd-player-stroke {
    font-size: 31px
}

.conference-room-facilities__list-item .icon.icon-microphone-stroke {
    position: relative;
    top: -4px;
    font-size: 28px
}

.conference-room-facilities__list-item .text {
    width: calc(100% - 60px);
    opacity: .7
}

@media screen and (max-width:1023px) {
    .conference-room-facilities__list-item {
        width: 33.3%;
        padding-right: 30px
    }
}

@media screen and (max-width:767px) {
    .l-section--conference-room-facilities {
        padding-top: 30px;
        padding-bottom: 80px
    }

    .conference-room-facilities {
        margin-top: 40px
    }

    .conference-room-facilities__list-item {
        width: 50%;
        margin-top: 20px
    }
}

@media screen and (max-width:374px) {
    .conference-room-facilities__list-item {
        width: 100%;
        padding-right: 0
    }
}

.l-section--conference-gallery-content {
    padding-bottom: 180px
}

.conference-gallery-content__wrapper {
    position: relative;
    padding-top: 120px
}

.conference-gallery-content__wrapper:before {
    position: absolute;
    top: 0;
    right: 120px;
    content: "";
    width: 200vw;
    height: 585px
}

.conference-gallery-content__slider {
    position: relative;
    margin-left: -8vw
}

.l-section--conference-gallery-content--editor-mode .conference-gallery-content__slider {
    margin-left: 0
}

.conference-gallery-content__container.swiper-container {
    overflow: hidden
}

.l-section--conference-gallery-content--editor-mode .conference-gallery-content__container {
    height: 625px;
    padding: 15px
}

.conference-gallery-content__item {
    position: relative;
    z-index: 2;
    cursor: pointer
}

.conference-gallery-content__item.swiper-slide {
    width: 63.55vw
}

.l-section--conference-gallery-content--editor-mode .conference-gallery-content__item.swiper-slide {
    width: 915px
}

.conference-gallery-content__item.swiper-slide-active .conference-gallery-content__item-inner,
.conference-gallery-content__item.swiper-slide-prev .conference-gallery-content__item-inner {
    transform: scale(.75)
}

.conference-gallery-content__item-inner {
    width: 100%;
    height: 0;
    padding-top: 65.1%;
    transform-origin: center right;
    transition: transform .75s
}

.conference-gallery-content__item-img-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: #86888c
}

.conference-gallery-content__controls {
    position: absolute;
    top: 50%;
    right: 30px;
    left: 30px;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between
}

.conference-gallery-content__item:hover .conference-gallery-content__img-hover {
    opacity: 1
}

@media screen and (max-width:1239px) {
    .conference-gallery-content__swiper-button--next {
        right: calc(100% - 80vw)
    }
}

@media screen and (max-width:1023px) {
    .l-section--conference-gallery-content {
        padding-bottom: 100px
    }

    .conference-gallery-content__wrapper {
        position: relative;
        padding-top: 60px;
        padding-bottom: 60px
    }

    .conference-gallery-content__wrapper:before {
        right: 0;
        z-index: -1;
        width: 200vw;
        height: 100%
    }

    .conference-gallery-content__pagination {
        display: none
    }

    .conference-gallery-content__swiper-button--next {
        right: calc(100% - 70vw)
    }

    .conference-gallery-content__swiper-button--prev {
        left: calc(5vw + 10px)
    }
}

@media screen and (max-width:767px) {
    .l-section--conference-gallery-content {
        padding-bottom: 60px
    }

    .conference-gallery-content__wrapper {
        padding-right: 20px;
        padding-left: 20px
    }

    .conference-gallery-content__slider {
        margin-left: 0
    }

    .conference-gallery-content__item.swiper-slide-active .conference-gallery-content__item-inner,
    .conference-gallery-content__item.swiper-slide-prev .conference-gallery-content__item-inner {
        transform: scale(1)
    }

    .conference-gallery-content__swiper-button {
        position: absolute;
        top: 50%;
        z-index: 6;
        width: 44px;
        height: 44px;
        border: 0;
        border-radius: 100%;
        outline: 0;
        background-color: #fff;
        transform: translateY(-50%);
        transition: opacity .3s
    }

    .conference-gallery-content__swiper-button:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #fff;
        transition: transform .8s cubic-bezier(.5, 0, .1, 1)
    }

    .conference-gallery-content__swiper-button .dashed-circle {
        display: inline-block;
        width: 38px;
        height: 38px
    }

    .conference-gallery-content__swiper-button:hover:before {
        transform: scale(1.5)
    }

    .conference-gallery-content__swiper-button:hover .dashed-circle {
        transform: scale(1.1)
    }

    .conference-gallery-content__swiper-button:hover .dashed-circle circle {
        animation-play-state: running
    }

    .conference-gallery-content__swiper-button.swiper-button-disabled {
        opacity: 0
    }

    .conference-gallery-content__swiper-button:not(.swiper-button-disabled) {
        cursor: pointer
    }

    .conference-gallery-content__swiper-button--prev {
        left: -8px
    }

    .conference-gallery-content__swiper-button--prev .icon {
        transform: rotate(180deg)
    }

    .conference-gallery-content__swiper-button--next {
        right: -8px;
        left: auto
    }

    .conference-gallery-content__swiper-button .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        color: currentColor;
        font-size: 13px;
        transition: color .3s ease
    }

    .conference-gallery-content__swiper-button .icon:before {
        content: "\e92d"
    }
}

.conference-extra-teal {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.conference-extra-teal__icon {
    font-size: 20px
}

.conference-extra-teal__size {
    margin-top: 15px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .02em
}

.conference-extra-teal__value {
    margin-top: 7px;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: .02em;
    line-height: 1.4
}

.highlighters-box {
    margin-top: 30px;
    padding: 30px;
    background: #dcebf8;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 1px 1px 14px rgba(0, 0, 0, .1);
    overflow: hidden
}

.highlighters-box__title {
    font-size: 20px;
    font-weight: 300
}

.highlighters-box__icons-box {
    margin-top: 70px;
    display: flex;
    flex-direction: column;
    gap: 55px
}

.highlighters-box__icon-hld {
    flex-shrink: 0;
    width: 33px;
    height: 33px;
    border-radius: 100%;
    background-color: #5d7d9a;
    display: flex;
    align-items: center;
    justify-content: center
}

.highlighters-box__icon-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    position: relative
}

.highlighters-box__icon-item:not(:last-child):before {
    position: absolute;
    right: -200px;
    bottom: -28px;
    left: -200px;
    content: "";
    pointer-events: none;
    border-bottom: 1px solid #ced9e3
}

.highlighters-box__icon-item:first-child:after {
    position: absolute;
    top: -28px;
    right: -200px;
    left: -200px;
    content: "";
    border-top: 1px solid #ced9e3
}

.highlighters-box__icon-item .text {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: .02em
}

.highlighters-box__icon-item .icon {
    color: #dcebf8;
    font-size: 18px
}

@media screen and (max-width:767px) {
    .highlighters-box {
        box-shadow: none
    }
}

.l-section--content-accordions {
    margin: 80px 0 160px
}

.content-accordions {
    max-width: 915px;
    margin: auto
}

.content-accordions__title {
    margin-bottom: 40px;
    font-size: 32px;
    font-style: normal;
    font-weight: 400
}

.content-accordions__item {
    margin: 0;
    border-bottom: 1px solid #ced9e3
}

.content-accordions__item:first-child {
    border-top: 1px solid #ced9e3
}

.editor-mode .content-accordions__item-list {
    padding: 40px 20px
}

.content-accordions-item {
    border: 0
}

.content-accordions-item__title {
    margin: auto 0 auto 20px
}

.content-accordions-item__title-box {
    height: 110px;
    transition: background-color .3s
}

.is-active-accordion .content-accordions-item__title-box {
    background: #fbf8f4
}

.content-accordions-item__text-box-inner {
    padding: 40px;
    background: #fbf8f4
}

.content-accordions-item__icon {
    color: #5d7d9a;
    font-size: 12px
}

.is-active-accordion .content-accordions-item__icon {
    color: #a88954
}

@media (max-width:1023px) {
    .l-section--content-accordions {
        margin: 70px 0 60px
    }

    .content-accordions-item__title-box {
        height: 90px
    }

    .content-accordions-item__text-box-inner {
        padding: 20px
    }

    .content-accordions-item__icon-box {
        width: 50px
    }

    .content-accordions-item__title {
        width: 85%;
        margin-left: 0
    }
}

.opinion {
    margin: 30px 0
}

.opinion__holder {
    gap: 30px
}

.opinion__title {
    font-size: 38px;
    font-weight: 400;
    line-height: 42px
}

.opinion__description,
.opinion__title {
    margin-bottom: 40px;
    letter-spacing: 0;
    text-align: left
}

.opinion__description {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

.opinion__where,
.opinion__who {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left
}

.opinion__icon-box {
    margin-bottom: 20px
}

.opinion__icon-box .icon {
    font-size: 20px
}

.opinion__text-box-inner {
    padding: 60px 40px;
    background: #fbf8f4
}

.opinion-small-photo-text__text-box-inner {
    background: transparent
}

.opinion-small-photo-text__photo-box {
    max-height: 410px;
    aspect-ratio: 1
}

.opinion-big-photo-text__photo-box {
    max-width: 780px
}

.opinion-double-text__text-box {
    flex-direction: row
}

.opinion-double-text__text-box--big {
    flex: initial
}

.opinion-double-text__text-box--big .opinion-double-text__text-box-inner {
    background: transparent
}

.opinion-double-text__text-box--small {
    flex: initial;
    aspect-ratio: initial
}

.opinion-image__photo-box {
    aspect-ratio: 1320/530
}

@media screen and (max-width:1023px) {
    .opinion-one__text-box-inner {
        max-width: 80%
    }
}

@media screen and (max-width:767px) {
    .opinion__holder {
        gap: 20px
    }

    .opinion__text-box-inner {
        padding: 20px 20px 25px
    }
}

.l-section--intro-and-map {
    margin: 130px 0 120px
}

.l-section--intro-and-map .l-wrapper {
    max-width: 1090px;
    margin: auto
}

.intro-and-map {
    align-items: center;
    font-size: 16px;
    gap: 40px
}

.intro-and-map,
.intro-and-map__row {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap
}

.intro-and-map__row {
    align-items: flex-start;
    width: 50%;
    gap: 50px
}

.intro-and-map__col {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 20px
}

.intro-and-map__socials {
    margin-top: 10px
}

.intro-and-map__btn {
    position: relative;
    margin-top: 10px;
    padding-bottom: 15px;
    white-space: nowrap
}

.intro-and-map__btn:before {
    transform: scaleX(1);
    transform-origin: right;
    transition: all .3s
}

.intro-and-map__btn:after,
.intro-and-map__btn:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    height: 1px
}

.intro-and-map__btn:after {
    width: 100%;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 1s
}

.intro-and-map__btn:hover:before {
    transform: scaleX(0);
    transform-origin: right
}

.intro-and-map__btn:hover:after {
    transform: scaleX(1)
}

.intro-and-map__btn .text {
    margin-right: 15px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase
}

.editor-mode .intro-and-map__btn .text {
    text-transform: none
}

.intro-and-map__btn .icon {
    font-size: 15px
}

@media screen and (max-width:767px) {
    .l-section--intro-and-map {
        margin: 40px 0
    }

    .intro-and-map__row {
        width: auto
    }
}

.l-section--nav-tabs {
    margin: 120px 0 140px
}

.nav-tabs {
    padding-bottom: 60px
}

.nav-tabs__tab-list {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #ced9e3
}

.editor-mode .nav-tabs__tab-list {
    padding: 15px
}

.nav-tabs__box-item {
    flex: 1;
    position: relative
}

.nav-tabs__box-item:not(:last-child):before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    border-right: 1px solid #ced9e3
}

.nav-tabs__item-description a[href^="tel:"]:before {
    content: "T:";
    padding-right: 3px;
    color: #a88954;
    transform: translateY(-50%)
}

.nav-tabs__item-description a[href^="mailto:"]:before {
    content: "E:";
    padding-right: 3px;
    color: #a88954;
    transform: translateY(-50%)
}

.nav-tabs__tab-item {
    position: relative;
    width: 100%;
    padding: 35px;
    border-bottom: 3px solid transparent;
    text-align: center;
    transition: border .3s cubic-bezier(.72, .38, .52, .84);
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.nav-tabs__tab-item.is-active {
    border-bottom: 3px solid #a88954 !important
}

.editor-mode .nav-tabs__tab-item {
    padding: 15px
}

.nav-tabs__tab-item:after,
.nav-tabs__tab-item:before {
    content: unset
}

.nav-tabs__tab-item:first-of-type,
.nav-tabs__tab-item:nth-child(n+1) {
    border: 0
}

.nav-tabs__item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    padding: 65px 35px 0;
    text-align: center
}

.nav-tabs__item-title {
    margin-bottom: 20px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase
}

.editor-mode .nav-tabs__item-title {
    text-transform: none
}

.nav-tabs__box-wrapper {
    display: flex
}

.nav-tabs__box-wrapper--editor-mode {
    padding: 15px
}

.nav-tabs__element {
    padding: 0
}

.nav-tabs__title-tab .text {
    position: relative;
    white-space: nowrap;
    transition: color .3s
}

.nav-tabs__title-tab .text:before {
    content: "";
    height: 2px;
    opacity: 0;
    transition: opacity .3s;
    position: absolute;
    top: unset;
    right: 0;
    bottom: -32px;
    left: 0
}

.nav-tabs__tab-item.is-active .nav-tabs__title-tab .text:before {
    opacity: 1
}

@media screen and (max-width:1239px) {
    .nav-tabs__tab-item {
        padding: 15px 20px
    }
}

@media screen and (max-width:1023px) {
    .l-section--nav-tabs {
        margin: 60px 0
    }

    .nav-tabs__box-item:not(:last-child):before {
        content: unset
    }

    .nav-tabs__item {
        padding: 25px 30px
    }
}

.l-section--awards {
    position: relative;
    margin: 120px 0;
    padding: 100px 0 120px;
    overflow: hidden
}

.l-section--awards:before {
    position: absolute;
    top: 0;
    right: -150vw;
    bottom: 0;
    left: -150vw;
    content: "";
    background: #112e48
}

.awards {
    position: relative
}

.awards__intro {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 60px;
    gap: 60px
}

.awards__logo-img {
    transform: scale(2)
}

.awards__title {
    color: #fff;
    font-size: 32px;
    font-weight: 400;
    line-height: 35.2px;
    text-align: center
}

.awards__list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin: auto;
    gap: 60px
}

.editor-mode .awards__item>div {
    padding: 10px
}

.awards-item {
    display: inline-block;
    color: #5d7d9a;
    transition: color .3s
}

.awards-item:hover {
    color: #fff
}

.awards-item__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    text-align: center
}

.editor-mode .awards-item {
    padding: 20px
}

@media screen and (min-width:1721px) {
    .l-section--awards .l-wrapper {
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .l-section--awards {
        margin: 20px 0
    }

    .awards__intro {
        gap: 20px
    }

    .awards__list {
        gap: 30px
    }
}

.l-section--double-photo-text {
    margin: 0;
    padding-top: 80px;
    overflow: hidden
}

.page-custom .l-section--double-photo-text {
    background: transparent
}

.l-section--double-photo-text .decor {
    position: absolute;
    top: 10px;
    left: -200px;
    pointer-events: none;
    z-index: -1
}

.l-section--double-photo-text .l-wrapper {
    z-index: 10;
    padding: 120px 50px 50px
}

.page-custom .l-section--double-photo-text .l-wrapper {
    padding-top: 0
}

.double-photo-text-top-section {
    display: flex;
    align-items: center;
    justify-content: center row;
    gap: 80px
}

.page-custom .double-photo-text-top-section {
    gap: 30px
}

.double-photo-text-top-section__media-box {
    width: auto;
    padding-right: 0
}

.double-photo-text-top-section__image-holder {
    aspect-ratio: 1.58
}

.page-custom .double-photo-text-top-section__image-holder {
    aspect-ratio: .8;
    max-width: 600px
}

.double-photo-text-top-section__text-box {
    max-width: 450px;
    padding-top: 0
}

.page-custom .double-photo-text-top-section__text-box {
    margin-bottom: 150px;
    padding-left: 100px
}

.double-photo-text-top-section__title {
    margin-bottom: 30px
}

.double-photo-text-top-section__subtitle-top {
    color: #5d7d9a
}

.double-photo-text-top-section__description {
    margin: 25px 0 40px
}

.double-photo-text-bottom-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

.page-custom .double-photo-text-bottom-section {
    align-items: flex-end;
    justify-content: space-around;
    position: relative;
    top: -150px;
    gap: 30px
}

.double-photo-text-bottom-section .media-box-two-photos {
    position: static;
    gap: 20px;
    margin-top: 80px
}

.double-photo-text-bottom-section__subtitle-top {
    text-transform: uppercase
}

.double-photo-text-bottom-section__description {
    margin: 25px 0 40px
}

.double-photo-text-bottom-section__text-box {
    max-width: 460px;
    padding-left: 115px
}

.page-custom .double-photo-text-bottom-section__text-box {
    max-width: 500px;
    padding-right: 0;
    background: #fff
}

.double-photo-text-bottom-section__image-holder {
    width: 100%;
    aspect-ratio: .7
}

.page-custom .double-photo-text-bottom-section__image-holder {
    aspect-ratio: 1.38
}

.page-custom .double-photo-text-bottom-section__button {
    padding-right: 0;
    padding-left: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    color: #1e2635
}

.page-custom .double-photo-text-bottom-section__media-box {
    top: auto
}

@media screen and (min-width:1721px) {
    .l-section--double-photo-text .decor {
        position: absolute;
        top: 0;
        right: 0;
        left: 0
    }

    .double-photo-text-bottom-section__text-box {
        align-self: center
    }
}

@media screen and (max-width:1239px) {
    .l-section--double-photo-text .decor {
        top: -100px
    }

    .l-section--double-photo-text .decor svg {
        width: 100%
    }

    .double-photo-text-bottom-section,
    .double-photo-text-top-section {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        text-align: center
    }

    .double-photo-text-top-section {
        gap: 30px
    }

    .double-photo-text-top-section__image-holder {
        margin: auto
    }

    .double-photo-text-top-section__text-box {
        max-width: none;
        padding-top: 0;
        padding-right: 0
    }

    .page-custom .double-photo-text-top-section__text-box {
        margin-bottom: 0;
        padding-left: 0
    }

    .double-photo-text-top-section__description {
        margin: 30px auto
    }

    .double-photo-text-top-section__button {
        justify-content: center;
        margin-bottom: 30px
    }

    .double-photo-text-bottom-section {
        margin-top: 30px
    }

    .page-custom .double-photo-text-bottom-section {
        align-items: center;
        top: auto
    }

    .double-photo-text-bottom-section__text-box {
        max-width: none;
        margin-top: 30px;
        padding-right: 0;
        padding-left: 0
    }

    .double-photo-text-bottom-section__description {
        margin: 30px auto
    }

    .double-photo-text-bottom-section__button {
        justify-content: center;
        margin: auto auto 30px
    }
}

@media screen and (max-width:767px) {
    .l-section--double-photo-text {
        margin: 47px 0 0;
        padding-top: 0
    }

    .l-section--double-photo-text .decor {
        top: -200px;
        right: -100px;
        left: auto;
        width: 200%;
        opacity: 1
    }

    .page-custom .l-section--double-photo-text {
        margin-top: 30px;
        padding-top: 0
    }

    .l-section--double-photo-text .l-wrapper {
        padding: 0 15px
    }

    .double-photo-text-top-section {
        flex-direction: column
    }

    .double-photo-text-top-section__image-holder {
        position: relative
    }

    .double-photo-text-top-section__text-box {
        position: relative;
        margin-top: 40px
    }

    .double-photo-text-bottom-section {
        margin-top: 30px
    }

    .double-photo-text-bottom-section .media-box-two-photos {
        margin: auto
    }

    .double-photo-text-bottom-section .media-box-two-photos .double-photo-text-bottom-section__image-holder {
        max-width: 360px;
        margin: auto
    }

    .double-photo-text-bottom-section__media-box {
        margin-bottom: 20px
    }

    .double-photo-text-bottom-section__text-box {
        width: 100%
    }

    .page-custom .double-photo-text-bottom-section__text-box {
        margin-top: 0
    }

    .double-photo-text-bottom-section__description {
        margin: 10px auto 20px
    }
}

.l-wrapper--events {
    max-width: 1170px
}

.event-item {
    max-width: none
}

.event-item--slider {
    border: 1px solid #ced9e3
}

.event-item__date-hld {
    text-align: left
}

.event-item__date-item {
    font-size: 15px;
    font-style: normal;
    font-weight: 300
}

.event-item--slider .event-item__date-item {
    display: none
}

.event-item__text-hld {
    padding: 50px 80px 50px 60px;
    border-color: #ced9e3
}

.event-item--slider .event-item__text-hld {
    height: 120px;
    padding: 30px
}

.event-item--slider .event-item__description {
    display: none
}

.event-item__btn .text:before {
    content: unset
}

.event-item img {
    transition: transform .3s cubic-bezier(.72, .38, .52, .84)
}

.event-item:hover img {
    transform: scale(1.05)
}

.events-filter__item {
    padding: 20px 40px;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    transition: .3s cubic-bezier(.72, .38, .52, .84)
}

.events-filter__item:hover {
    background: #a88954;
    color: #fff
}

.events-filter__inner:after {
    position: absolute;
    right: -50vw;
    bottom: 0;
    left: -50vw;
    border-color: #ced9e3
}

.events-filter__dropdown {
    border-bottom: 2px solid #a88954
}

.events-filter__year {
    padding-bottom: 10px;
    border-color: #ced9e3;
    font-size: 20px;
    font-style: normal;
    font-weight: 500
}

.events-filter__button .text {
    font-size: 16px;
    font-style: normal;
    font-weight: 600
}

.events-filter__button .icon {
    font-size: 9px
}

.is-active .events-filter__button .icon {
    transform: rotateX(180deg)
}

@media screen and (max-width:767px) {
    .event-item {
        max-width: 500px
    }

    .event-item__title {
        text-align: center
    }

    .event-item__btn {
        display: none
    }

    .event-item__text-hld {
        border: none
    }
}

.l-section--event-others {
    margin-bottom: 160px
}

.event-others__title-hld {
    padding-bottom: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap
}

.event-others__title {
    padding: 0
}

.event-others__arrow-btn-box {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center
}

.event-others__arrow.swiper-button-disabled {
    pointer-events: none;
    opacity: .5
}

.event-others__arrow--next-slider {
    order: 2;
    margin-left: 20px
}

.event-others__btn-hld {
    order: -1
}

.event-others .event-others__btn {
    width: auto;
    margin: auto 50px auto auto;
    padding-right: 0;
    padding-left: 0;
    border: 0;
    border-bottom: 1px solid #a88954;
    background: transparent
}

.event-others .event-others__btn:hover {
    border-color: #1e2635;
    opacity: .6;
    color: #a88954
}

@media screen and (max-width:1023px) {
    .event-others__title-hld {
        gap: 20px;
        justify-content: center
    }

    .event-others__btn-hld {
        margin-left: 0
    }

    .event-others__btn {
        margin: 0 auto
    }
}

.l-section--info-and-map {
    margin: 120px 0
}

.info-and-map-item__description {
    margin-top: 25px;
    font-size: 17px;
    font-weight: 600;
    text-align: left
}

.info-and-map-top {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 110px;
    max-width: 1100px;
    margin: auto
}

.info-and-map-top__title {
    margin: 0;
    color: #1e2635;
    font-size: 56px;
    font-weight: 300
}

.info-and-map-top__description {
    margin-top: 0;
    font-size: 16px;
    font-weight: 500;
    text-align: left
}

.info-and-map-top__description a:before {
    color: #a88954
}

.info-and-map-top__col--left {
    min-width: 300px;
    max-width: 420px;
    margin-left: auto
}

.info-and-map-top__col--right {
    width: 100%;
    max-width: 650px
}

.info-and-map-top__item--two .info-and-map-top__description {
    margin-bottom: 40px
}

.info-and-map-top__item--three .info-and-map-top__title,
.info-and-map-top__item--two .info-and-map-top__title {
    font-size: 16px;
    font-weight: 300;
    text-align: left
}

.info-and-map-top__item p {
    margin: 5px 0
}

.info-and-map-top__description {
    margin-top: 20px
}

.info-and-map-top__right-box {
    aspect-ratio: 1.31
}

.info-and-map-top__map {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.info-and-map-bottom {
    padding-left: 115px
}

.info-and-map-bottom__item-list {
    max-width: 1220px;
    margin-top: 150px;
    gap: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap
}

@media screen and (min-width:1721px) {
    .info-and-map-top__col--left {
        margin-left: 0
    }
}

@media screen and (max-width:1023px) {
    .l-section--info-and-map .pattern {
        left: 0
    }

    .info-and-map-top {
        display: block
    }

    .info-and-map-top__title {
        margin-top: 0
    }

    .info-and-map-top__col {
        position: relative;
        z-index: 2;
        width: 100%
    }

    .info-and-map-top__col--left {
        margin-right: auto;
        margin-left: 0;
        padding-left: 0
    }

    .info-and-map-top__col--right {
        margin-top: 20px
    }

    .info-and-map-top__left-box {
        max-width: 100%;
        margin: 0 auto
    }

    .info-and-map-top__right-box {
        margin-right: auto;
        margin-left: auto
    }

    .info-and-map-bottom {
        padding-left: 0
    }

    .info-and-map-bottom__item-list {
        margin-top: 50px;
        gap: 20px
    }
}

@media screen and (max-width:767px) {
    .l-section--info-and-map {
        margin-bottom: 40px
    }

    .l-section--info-and-map .pattern {
        right: 0
    }
}

.l-section--highlighters {
    overflow: hidden
}

.l-section--highlighters .l-wrapper {
    text-align: center
}

.highlighters__subtitle,
.highlighters__title {
    width: 50%
}

.page-weddings_and_conferences .highlighters__subtitle,
.page-weddings_and_conferences .highlighters__title {
    width: auto
}

.highlighters__subtitle {
    font-family: City Streetwear;
    font-size: 60px;
    font-weight: 400;
    line-height: 72px;
    text-align: right;
    text-transform: none
}

.highlighters__description {
    position: absolute;
    top: 0;
    right: 100px
}

.highlighters__item-list {
    margin-top: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.highlighters__item {
    padding: 0
}

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

    .highlighters__subtitle,
    .highlighters__title {
        width: auto;
        text-align: left
    }

    .highlighters__description {
        position: static;
        text-align: left
    }
}

.gallery-content {
    position: relative;
    margin-top: 50px
}

.gallery-content__item-inner {
    z-index: 2;
    width: 100%;
    aspect-ratio: 16/9
}

.gallery-content__item-img-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: #86888c
}

.gallery-content__item:hover .gallery-content__img-hover {
    opacity: .3
}

.gallery-content__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 100;
    transform: translate(150%, -50%);
    gap: 14px;
    position: absolute;
    top: 85%;
    right: 0
}

.l-section--details-description {
    margin: 40px 0
}

.l-section--details-description .l-wrapper {
    padding: 0
}

.details-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    padding: 40px 0;
    gap: 25px
}

.details-info__text {
    color: #1a4160
}

.details-info__item {
    display: flex;
    align-items: center;
    gap: 25px
}

.details-info__item .text {
    color: #1a4160
}

.details-info__item .icon {
    font-size: 50px
}

.details-info__item .icon-user {
    font-size: 35px
}

.details-info__item .icon-size {
    font-size: 32px
}

@media screen and (max-width:1023px) {
    .l-section--details-info {
        margin: 0
    }

    .details-info {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        position: relative;
        padding: 40px 0;
        gap: 25px
    }

    .details-info__text {
        color: #1a4160
    }

    .details-info__item {
        display: flex;
        align-items: center
    }

    .details-info__item .icon {
        font-size: 20px
    }
}

.details-panel--inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 10
}

.details-panel--inline.is-fixed {
    position: fixed;
    bottom: unset;
    transform: translateX(-50%) translateY(0)
}

.details-panel .details-info__item {
    display: flex;
    align-items: center
}

.details-panel .details-info__item:last-child,
.details-panel__item:last-child {
    margin: 0
}

.details-panel .details-panel-item {
    display: flex;
    align-items: center
}

@media screen and (max-width:767px) {
    .details-panel--inline {
        display: none
    }
}

.details-panel {
    padding: 40px 30px 0;
    background: #f9f6f1;
    box-shadow: 1px 1px 14px rgba(0, 0, 0, .2);
    overflow: hidden
}

.details-panel--inline {
    width: 850px;
    transform: translateX(-50%) translateY(50px)
}

.details-panel__title {
    margin: 0 0 20px;
    text-align: center
}

.details-panel__price {
    margin: 0 0 35px;
    color: #1a4160;
    font-size: 20px;
    font-weight: 300;
    text-align: center
}

.details-panel__price .value {
    font-size: 38px;
    font-style: normal;
    font-weight: 400
}

.details-panel__btn {
    position: relative;
    z-index: 10;
    width: 100%;
    margin-bottom: 40px
}

.details-panel__btn .extra-text {
    text-transform: lowercase
}

.details-panel__btn .text {
    transition: .3s cubic-bezier(.72, .38, .52, .84)
}

.details-panel__inline-item {
    flex: 1;
    margin: 0
}

.details-panel__item-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    widows: 100%
}

.details-panel__item {
    width: 100%
}

.details-panel__item:first-child,
.details-panel__item:nth-child(2) {
    width: 50%
}

.details-panel__item:first-child {
    position: relative
}

.details-panel__item:first-child:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    border-right: 1px solid rgba(168, 137, 84, .5)
}

.details-panel__item:nth-child(3) {
    position: relative;
    z-index: 10;
    margin: 40px auto auto;
    padding: 15px 40px
}

.details-panel__item:nth-child(3):before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: -200px;
    bottom: 0;
    left: -200px;
    background: #dcebf8
}

.details-panel__item:nth-child(3) .details-panel-item {
    flex-direction: row;
    align-self: center;
    justify-content: center
}

.details-panel__item:nth-child(3) .details-panel-item .icon {
    color: #5d7d9a;
    font-size: 15px
}

.details-panel .details-panel-item {
    gap: 10px;
    flex-direction: column
}

.details-panel .details-panel-item .icon {
    color: #a88954;
    font-size: 45px
}

@media screen and (max-width:767px) {
    .details-panel {
        box-shadow: none
    }

    .details-panel__item-list {
        display: none
    }
}

.policies-dropdown__col--small {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: relative
}

.policies-dropdown__text-wrapper .text {
    display: flex
}

.policies-dropdown__schedule {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.policies-dropdown__item:last-child {
    margin-bottom: 0
}

.policies-dropdown__title-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.is-active-accordion .policies-dropdown__title-box .icon {
    transform: rotateX(180deg)
}

.policies-dropdown__text-box {
    height: 0;
    overflow: hidden
}

.policies-dropdown__text-box--inner {
    overflow: hidden;
    display: flex
}

.policies-dropdown__credit-cards {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap
}

.policies-dropdown__credit-cards-img {
    width: 39px;
    height: 24px
}

@media screen and (max-width:767px) {
    .policies-dropdown__col {
        flex-direction: column;
        align-items: flex-start
    }
}

.policies-dropdown {
    position: relative;
    padding: 50px 30px
}

.policies-dropdown:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1;
    background: #fbf8f4
}

.policies-dropdown__col--small {
    width: 100%;
    gap: 60px;
    margin: 45px 0
}

.policies-dropdown__text-wrapper .text {
    gap: 5px;
    align-items: center
}

.policies-dropdown__schedule .icon {
    margin-right: 20px;
    font-size: 30px
}

.policies-dropdown__schedule .label {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px
}

.policies-dropdown__schedule .text-label {
    display: none
}

.policies-dropdown__main-title {
    margin-bottom: 30px;
    font-size: 38px;
    font-weight: 400
}

.policies-dropdown__item {
    width: 100%;
    margin: 0;
    border-right: 0;
    border-bottom: 1px solid #ced9e3;
    border-left: 0
}

.policies-dropdown__item:first-child {
    border-top: 1px solid #ced9e3
}

.policies-dropdown__title-box {
    padding: 30px;
    font-family: Figtree;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.4px;
    text-transform: uppercase
}

.policies-dropdown__title-box .icon {
    color: #5d7d9a;
    font-size: 11px;
    transition: transform .3s
}

.policies-dropdown__text-box--inner {
    padding: 0 30px 20px
}

.policies-dropdown__credit-cards-img {
    margin-right: 10px
}

@media screen and (max-width:767px) {
    .policies-dropdown {
        padding-right: 0;
        padding-left: 0
    }

    .policies-dropdown:before {
        right: -20vw;
        left: -20vw
    }

    .policies-dropdown__main-title {
        text-align: center
    }

    .policies-dropdown__col--small {
        flex-direction: row;
        justify-content: center
    }

    .policies-dropdown__schedule,
    .policies-dropdown__text-wrapper {
        flex-direction: column
    }
}

.room-facilities__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 40px;
    column-gap: 20px
}

.room-facilities__item {
    display: flex
}

.room-facilities__btn {
    display: flex;
    align-items: center;
    margin: 20px 0
}

.room-facilities__btn.is-hidden {
    display: none
}

@media screen and (max-width:767px) {
    .room-facilities__list {
        grid-template-columns: 1fr;
        overflow: hidden;
        transition: max-height .6s
    }
}

.room-facilities {
    margin: 60px 0
}

.room-facilities__title {
    margin: 0 0 30px
}

.room-facilities__item {
    gap: 10px
}

.room-facilities__item .icon {
    font-size: 25px
}

.room-others__btn-hld {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.room-others__controls {
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:1023px) {
    .l-section--room-others {
        overflow: hidden
    }

    .room-others__controls {
        display: none
    }

    .room-others__btn-hld {
        justify-content: center
    }

    .room-others-slider .room-others-slider__container {
        overflow: visible
    }

    .room-others-slider__container {
        clip-path: inset(-100vw -100vw -100vw -1px)
    }
}

.l-section--room-others {
    margin: 120px 0
}

.room-others__btn-hld {
    gap: 30px
}

.room-others__title-hld {
    text-align: center
}

.room-others__swiper-button {
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 50px;
    background: #fff;
    font-size: 20px;
    transition: .3s
}

.room-others__swiper-button .icon {
    position: relative;
    font-size: 8px
}

.room-others__swiper-button:hover {
    background: #fbf8f4
}

.room-others__swiper-button--prev {
    left: 100px
}

.room-others__swiper-button--prev .icon {
    left: -2px
}

.room-others__swiper-button--next {
    right: 100px
}

.room-others__swiper-button--next .icon {
    right: -2px
}

.room-others-slider {
    margin-top: 40px
}

@media screen and (max-width:1023px) {
    .l-section--room-others {
        margin: 60px 0
    }

    .room-others__title-hld {
        margin-bottom: 20px
    }

    .room-others-slider {
        margin-top: 20px
    }
}

@media screen and (max-width:767px) {
    .l-section--room-others {
        margin: 40px 0
    }
}

.offers-accordions {
    margin: 60px 0
}

.offers-accordions__main-title {
    margin: 0 0 30px
}

.offers-accordions__item {
    border-right: 0;
    border-bottom: 1px solid #ced9e3;
    border-left: 0
}

.offers-accordions__item:first-child {
    border-top: 1px solid #ced9e3
}

.offers-accordions-item__title-box {
    padding: 20px 40px;
    cursor: pointer
}

.offers-accordions-item__title {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .05em;
    line-height: 22px;
    text-transform: uppercase
}

.offers-accordions-item__icon {
    font-size: 30px
}

.offers-accordions-item__arrow-box {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.offers-accordions-item__text-box-inner {
    padding: 30px 40px;
    background: #fbf8f4;
    line-height: 1.56
}

.offers-accordions-item__text-box-inner p {
    margin: 0
}

.offers-accordions-item__arrow {
    width: 30px;
    height: 30px;
    color: #5d7d9a;
    font-size: 11px;
    transition: .5s;
    display: flex;
    align-items: center;
    justify-content: center
}

.is-active-accordion .offers-accordions-item__arrow {
    transform: scaleY(-1)
}

@media screen and (max-width:767px) {
    .offers-accordions-item__title-box {
        padding: 20px 15px
    }

    .offers-accordions-item__arrow-box {
        right: 0
    }

    .offers-accordions-item__text-box-inner {
        padding: 20px 15px
    }
}

.l-section--offer-summary {
    margin: 60px 0 40px
}

.l-section--offer-summary .l-wrapper {
    padding: 0
}

.offer-others__btn-hld {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.offer-others__controls {
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:1023px) {
    .l-section--offer-others {
        overflow: hidden
    }

    .offer-others__controls {
        display: none
    }

    .offer-others__btn-hld {
        justify-content: center
    }

    .offer-others-slider .offer-others-slider__container {
        overflow: visible
    }

    .offer-others-slider__container {
        clip-path: inset(-100vw -100vw -100vw -1px)
    }
}

.l-section--offer-others {
    margin: 120px 0
}

.offer-others__btn-hld {
    gap: 30px;
    flex-direction: row-reverse;
    justify-content: flex-start
}

.offer-others__title-hld {
    text-align: left;
    transform: translateY(70%)
}

.offer-others__controls {
    gap: 20px;
    z-index: 10
}

.offer-others__swiper-button.swiper-button-disabled {
    pointer-events: none;
    opacity: .5
}

.offer-others__swiper-button--next-slider {
    order: 2;
    margin-left: 20px
}

.offer-others .offer-others__btn {
    width: auto;
    margin: auto 50px auto auto;
    padding-right: 0;
    padding-left: 0;
    border: 0;
    border-bottom: 1px solid #a88954;
    background: transparent
}

.offer-others .offer-others__btn:hover {
    border-color: #1e2635;
    opacity: .6;
    color: #a88954
}

.offer-others-slider {
    margin-top: 40px
}

@media screen and (max-width:1023px) {
    .l-section--offer-others {
        margin: 60px 0
    }

    .offer-others__title-hld {
        margin-bottom: 20px;
        transform: none
    }

    .offer-others-slider {
        margin-top: 20px
    }
}

@media screen and (max-width:767px) {
    .l-section--offer-others {
        margin: 40px 0
    }
}

.l-section--attraction-details {
    margin: 80px auto 120px
}

.attraction-details__box {
    max-width: 800px;
    margin: 0 auto
}

.attraction-details__content {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%
}

.attraction-details__contact-title {
    margin-top: 40px;
    font-size: 38px;
    font-weight: 400
}

.attraction-details__contact-box {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 20px
}

.attraction-details__link {
    font-size: 15px;
    font-style: normal;
    font-weight: 300
}

.attraction-details__link .icon {
    margin-right: 10px
}

.attraction-others__title-hld {
    display: flex;
    flex-wrap: wrap;
    text-align: left
}

.attraction-others__arrow-btn-box {
    position: static;
    margin-bottom: 30px;
    margin-left: auto;
    gap: 20px;
    display: flex
}

.attraction-others__btn-hld {
    order: -1
}

.attraction-others__arrow--next-slider {
    order: 2
}

@media screen and (max-width:767px) {
    .l-section--attraction-others {
        overflow: hidden
    }

    .attraction-others__arrow {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .attraction-others__arrow-btn-box {
        margin-left: 0;
        gap: 10px
    }

    .attraction-others__btn-hld {
        margin-right: 10px;
        margin-left: 0
    }
}

.attractions-filters {
    gap: 25px
}

.attraction-item {
    border-bottom: 1px solid #ced9e3
}

.attraction-item__text-hld {
    padding: 0 30px;
    border: 1px solid #ced9e3;
    border-top: none;
    border-bottom: none;
    transition: transform .3s cubic-bezier(.72, .38, .52, .84)
}

.attraction-item:hover .attraction-item__text-hld {
    transform: translateY(10%)
}

.attraction-item__description {
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .26px;
    line-height: 100%
}

@media screen and (max-width:767px) {
    .attraction-item {
        max-width: 500px;
        margin: auto
    }
}

.hamburger {
    display: none;
    padding: 0 10px;
    border: 0;
    outline: 0;
    background-color: transparent;
    gap: 5px
}

.hamburger,
.hamburger__icon-hld {
    align-items: center;
    position: relative
}

.hamburger__icon-hld {
    display: block;
    pointer-events: none;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: border-color .3s;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.is-scrolled .hamburger__icon-hld,
.page-attractions .hamburger__icon-hld,
.page-contact .hamburger__icon-hld,
.page-events .hamburger__icon-hld,
.page-offers_vouchers_promotions .hamburger__icon-hld,
.page-privacy .hamburger__icon-hld,
.page-restaurant_menu .hamburger__icon-hld,
.page-rooms .hamburger__icon-hld,
.page-spa_price_list .hamburger__icon-hld {
    border-color: #183651
}

.hamburger__icon {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    width: 24px
}

.hamburger__icon span {
    height: 1px;
    background-color: #fff;
    transition: all .2s
}

.is-scrolled .hamburger__icon span,
.page-attractions .hamburger__icon span,
.page-contact .hamburger__icon span,
.page-events .hamburger__icon span,
.page-offers_vouchers_promotions .hamburger__icon span,
.page-privacy .hamburger__icon span,
.page-restaurant_menu .hamburger__icon span,
.page-rooms .hamburger__icon span,
.page-spa_price_list .hamburger__icon span {
    background: #183651
}

.hamburger__icon span:first-child {
    width: 50%
}

.hamburger:hover .hamburger__icon span:first-child,
.hamburger__icon span:nth-child(2) {
    width: 100%
}

.hamburger__icon span:nth-child(3) {
    width: 50%;
    margin-left: auto
}

.hamburger:hover .hamburger__icon span:nth-child(3) {
    width: 100%
}

.hamburger__text {
    display: block;
    position: relative;
    pointer-events: none;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    transition: color .3s
}

.hamburger__text .page-attractions,
.is-scrolled .hamburger__text,
.page-contact .hamburger__text,
.page-events .hamburger__text,
.page-offers_vouchers_promotions .hamburger__text,
.page-privacy .hamburger__text,
.page-restaurant_menu .hamburger__text,
.page-rooms .hamburger__text,
.page-spa_price_list .hamburger__text {
    color: #183651
}

.site-top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .28px;
    line-height: 140%;
    transform: translateY(40px);
    transition: 1s ease
}

.page-attractions .site-top,
.page-contact .site-top,
.page-events .site-top,
.page-gallery .site-top,
.page-offers_vouchers_promotions .site-top,
.page-privacy .site-top,
.page-restaurant_menu .site-top,
.page-rooms .site-top,
.page-spa_price_list .site-top,
.site-top.is-scrolled {
    opacity: 0;
    transform: translateY(calc(-100% - 25px))
}

.site-top__top-panel {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px
}

.site-top__main {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.site-top__right {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto
}

.site-top__logo {
    position: absolute;
    top: -40px;
    left: 60px;
    padding: 20px;
    transition: .3s
}

.site-top__bordered-item {
    display: none;
    padding-right: 60px;
    padding-left: 60px
}

.site-top__bordered-item:not(:first-child) {
    position: relative
}

.site-top__bordered-item:not(:first-child):after {
    content: "";
    width: 1px;
    height: 20px;
    background-color: hsla(0, 0%, 100%, .5);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0
}

.site-top__booking-btn {
    height: 50px;
    margin-right: 30px
}

.site-top .site-top__header-navigation {
    padding-left: 0
}

.site-top .site-top__header-navigation:after {
    content: unset
}

@media screen and (max-width:1239px) {
    .site-top {
        padding: 0 15px
    }

    .site-top--scroll {
        padding: 10px 15px
    }

    .site-top__left {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%)
    }

    .site-top__right {
        justify-content: flex-end;
        width: 100%
    }

    .site-top__extras,
    .site-top__navigation,
    .site-top__socials,
    .site-top__top-panel {
        display: none
    }

    .site-top__bordered-item {
        padding: 0
    }

    .site-top__bordered-item:after {
        display: none
    }

    .hamburger {
        display: flex
    }
}

@media screen and (max-width:1023px) {
    .hamburger__text {
        display: none
    }

    .site-top__hamburger {
        transform: translateY(-25%)
    }

    .site-top__booking-btn {
        display: none
    }

    .site-top__logo {
        top: -60px;
        left: 50%;
        padding: 10px;
        transform: translateX(-50%) scale(.8)
    }

    .site-top--scroll .site-top__logo {
        display: none
    }
}

.site-top-scroll {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    height: 80px;
    background: #fbf8f4;
    transform: translateY(calc(-100% - 20px));
    transition: transform 1s ease, background-color .3s ease
}

.page-attractions .site-top-scroll,
.page-contact .site-top-scroll,
.page-events .site-top-scroll,
.page-gallery .site-top-scroll,
.page-offers_vouchers_promotions .site-top-scroll,
.page-privacy .site-top-scroll,
.page-restaurant_menu .site-top-scroll,
.page-rooms .site-top-scroll,
.page-spa_price_list .site-top-scroll,
.site-top-scroll.is-scrolled {
    opacity: 1;
    transform: translateZ(0)
}

.site-top-scroll__logo {
    padding-left: 20px
}

.site-top-scroll__logo img {
    transform: scale(1.5)
}

.site-top-scroll__navigation {
    margin-right: 40px;
    margin-left: auto
}

.site-top-scroll__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 100%
}

.site-top-scroll__right {
    display: flex;
    align-items: center;
    width: 95%;
    height: 100%
}

.site-top-scroll__booking-btn {
    height: 100%;
    padding: 14px 40px
}

.site-top-scroll__booking-btn:hover {
    color: #fff
}

.site-top-scroll__language {
    display: none
}

@media screen and (max-width:1239px) {
    .site-top-scroll__right {
        justify-content: flex-end
    }

    .site-top-scroll__navigation {
        display: none
    }
}

@media screen and (max-width:1023px) {
    .site-top-scroll__language {
        display: block
    }

    .site-top-scroll__booking-btn {
        display: none
    }

    .site-top-scroll__logo {
        position: absolute;
        top: 50%;
        left: 50%;
        padding-left: 0;
        transform: translateX(-50%) translateY(-50%)
    }
}

.nav-primary {
    display: flex;
    position: relative;
    gap: 40px;
    transition: .3s
}

.is-scrolled .nav-primary,
.page-attractions .nav-primary,
.page-contact .nav-primary,
.page-events .nav-primary,
.page-gallery .nav-primary,
.page-offers_vouchers_promotions .nav-primary,
.page-privacy .nav-primary,
.page-restaurant_menu .nav-primary,
.page-rooms .nav-primary,
.page-spa_price_list .nav-primary {
    padding-top: 0
}

.nav-primary__item {
    position: relative;
    margin: auto;
    cursor: pointer
}

.is-scrolled .nav-primary__item,
.page-attractions .nav-primary__item,
.page-contact .nav-primary__item,
.page-events .nav-primary__item,
.page-offers_vouchers_promotions .nav-primary__item,
.page-privacy .nav-primary__item,
.page-restaurant_menu .nav-primary__item,
.page-rooms .nav-primary__item,
.page-spa_price_list .nav-primary__item {
    padding: 0
}

.nav-primary__item:hover .nav-primary__subnav {
    pointer-events: unset;
    opacity: 1;
    visibility: visible;
    transform: translateY(0) translateX(-50%)
}

.nav-primary__link {
    display: flex;
    align-items: center;
    color: #fff;
    text-align: center;
    gap: 10px;
    transition: color .3s
}

.is-scrolled .nav-primary__link,
.page-attractions .nav-primary__link,
.page-contact .nav-primary__link,
.page-events .nav-primary__link,
.page-gallery .nav-primary__link,
.page-offers_vouchers_promotions .nav-primary__link,
.page-privacy .nav-primary__link,
.page-restaurant_menu .nav-primary__link,
.page-rooms .nav-primary__link,
.page-spa_price_list .nav-primary__link {
    color: #1e2635
}

.nav-primary__link:after {
    content: "";
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: -5px;
    left: 0;
    opacity: 0;
    transition: .5s ease-in-out
}

.is-scrolled .nav-primary__link:after,
.page-attractions .nav-primary__link:after,
.page-contact .nav-primary__link:after,
.page-events .nav-primary__link:after,
.page-gallery .nav-primary__link:after,
.page-offers_vouchers_promotions .nav-primary__link:after,
.page-privacy .nav-primary__link:after,
.page-restaurant_menu .nav-primary__link:after,
.page-rooms .nav-primary__link:after,
.page-spa_price_list .nav-primary__link:after {
    background-color: #1e2635
}

.nav-primary__link.is-active:after,
.nav-primary__link:hover:after {
    opacity: 1
}

.nav-primary__link .icon {
    font-size: 15px
}

.nav-primary__text {
    position: relative;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .3px;
    line-height: 140%;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

.nav-primary__text.custom-span {
    display: flex;
    color: initial;
    font-weight: 600;
    letter-spacing: 1px
}

.nav-primary__subnav-inner {
    position: relative;
    bottom: -30px;
    padding: 20px 0;
    border: 1px solid #ced9e3;
    background-color: #fff
}

.nav-primary__subnav {
    position: absolute;
    top: 100%;
    left: 50%;
    pointer-events: none;
    min-width: 220px;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 15px);
    transition: all .6s ease
}

.is-scrolled .nav-primary__subnav {
    top: 97%;
    padding-top: 0
}

.nav-primary__subnav:after {
    content: "";
    z-index: -1;
    width: 0;
    height: 0;
    border-right: 15px solid transparent;
    border-bottom: 25px solid #ced9e3;
    border-left: 15px solid transparent;
    opacity: .8;
    transform: translateX(50%);
    position: absolute;
    top: 15px;
    right: 50%;
    left: unset
}

.nav-subnav__item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: .3s
}

.nav-subnav__item:last-child {
    border-bottom: 0
}

.nav-subnav__item:hover .nav-subnav__child-subnav {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, -20px, 0)
}

.nav-subnav__link {
    position: relative;
    width: 100%;
    padding: 10px 30px
}

.nav-subnav__text {
    display: block;
    width: 100%;
    text-align: center;
    transition: .2s
}

.nav-subnav__child-subnav {
    position: absolute;
    top: 0;
    right: 100%;
    min-width: 200px;
    border: 1px solid #ced9e3;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 15px, 0);
    transition: all .2s
}

.nav-subnav__child-subnav-inner {
    position: relative;
    padding: 10px 0
}

.nav-subnav-child__item {
    padding: 0 20px
}

.nav-subnav-child__item:last-child {
    border-bottom: 0
}

.nav-subnav-child__text {
    display: block;
    padding: 10px 0;
    border-bottom: 2px solid transparent;
    text-align: center;
    transition: .5s ease-in-out
}

.nav-subnav-child__link {
    width: 100%
}

.header-extras {
    display: flex;
    align-items: center;
    gap: 20px
}

.header-extras__item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    transition: opacity .3s
}

.header-extras__item:hover {
    opacity: .6
}

.header-navigation {
    color: #fff
}

.header-navigation__items {
    display: flex;
    gap: 20px
}

.header-navigation-item {
    display: inline-block;
    transition: opacity .3s
}

.header-navigation-item:hover {
    opacity: .6
}

.editor-mode .header-navigation-item {
    margin: 0 10px;
    padding: 0 10px
}

.slide-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    max-width: 500px;
    height: auto;
    background: #183651;
    opacity: 0;
    transform: translate3d(150%, 0, 0);
    transition: transform .4s, opacity .2s
}

.slide-menu.is-open {
    opacity: 1;
    transform: translateZ(0)
}

.slide-menu__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px
}

.slide-menu__outer {
    position: relative;
    height: 100vh
}

.slide-menu__inner {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 60vh;
    margin-top: 40px;
    padding: 0 40px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.slide-menu__inner::-webkit-scrollbar {
    display: none
}

.slide-menu__inner {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.slide-menu__bottom {
    position: absolute;
    right: 0;
    bottom: 70px;
    left: 0;
    padding-top: 30px;
    border-top: 1px solid #fff
}

.slide-menu__bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px
}

.slide-menu__menu {
    max-width: 800px;
    margin-right: 50px
}

.slide-menu-icon {
    display: flex;
    align-items: center;
    padding: 0;
    border: none;
    gap: 10px;
    background-color: transparent
}

.slide-menu-icon__icon-hld {
    width: 42px;
    height: 42px;
    border: 1px solid #fff;
    border-radius: 50%
}

.slide-menu-icon__icon {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform .3s
}

.slide-menu-icon:hover .slide-menu-icon__icon {
    transform: rotate(90deg)
}

.slide-menu-icon__icon span {
    display: inline-block;
    width: 25px;
    height: 1px;
    background-color: #fff;
    transform-origin: top left;
    position: absolute;
    top: 50%;
    left: 50%
}

.slide-menu-icon__icon span:first-child {
    transform: rotate(45deg) translateX(-50%) translateY(-50%)
}

.slide-menu-icon__icon span:nth-child(2) {
    transform: rotate(-45deg) translateX(-50%) translateY(-50%)
}

.slide-menu__li {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 35px;
    color: #fff
}

.slide-menu__li:hover .slide-menu__subnav {
    max-height: 0
}

.slide-menu__li.active-mobile-subnav .icon {
    font-size: 10px;
    transform: rotateX(180deg);
    transition: transform .3s cubic-bezier(.72, .38, .52, .84)
}

.slide-menu__li.active-mobile-subnav .slide-menu__subnav {
    max-height: 700px;
    margin-bottom: 30px;
    opacity: 1
}

.slide-menu__subnav {
    margin-bottom: 0;
    opacity: 0;
    transition: .3s ease-in-out
}

.slide-menu__link {
    display: block;
    position: relative;
    margin: 0 0 30px;
    cursor: pointer;
    user-select: none;
    font-weight: 700;
    text-align: left
}

.slide-menu__link .icon {
    position: absolute;
    top: 7px;
    left: -30px;
    font-size: 10px;
    transition: transform .3s cubic-bezier(.72, .38, .52, .84)
}

.slide-menu__link .text {
    position: relative;
    font-size: 24px
}

.slide-menu__subnav {
    max-height: 0;
    overflow: hidden
}

.slide-menu__subnav li {
    margin-bottom: 20px;
    padding-left: 35px;
    color: #fff;
    font-size: 16px;
    text-align: left;
    text-transform: none
}

.slide-menu__subnav li ul {
    margin: 15px 0
}

.slide-menu__subnav li ul li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 35px;
    color: #fff;
    font-size: 16px;
    text-align: left;
    text-transform: none
}

.slide-menu__subnav li ul li:before {
    content: "";
    width: 20px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.slide-menu__subnav li a {
    display: inline-block;
    text-align: left
}

.contact-form__holder {
    width: 100%;
    max-width: 1015px;
    margin: 0 auto
}

.contact-form__row {
    display: flex;
    gap: 10px
}

.contact-form__row:first-child {
    position: relative
}

.contact-form__row:first-child .contact-form__item {
    margin: 10px 0
}

.contact-form__row:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px
}

.contact-form__col:nth-child(2) {
    width: 100%
}

.contact-form__bottom .contact-form__col {
    width: auto
}

.contact-form__input,
.contact-form__textarea {
    position: relative;
    padding: 22px 30px;
    border: 1px solid #ced9e3;
    outline: 0;
    background: transparent;
    color: #5d7d9a;
    font-size: 14px;
    letter-spacing: .84px;
    line-height: 1;
    transition: border .3s ease;
    font-stretch: normal;
    transition: .3s cubic-bezier(.72, .38, .52, .84)
}

.contact-form__input::placeholder,
.contact-form__textarea::placeholder {
    font-size: 14px
}

.contact-form__input:focus,
.contact-form__input:hover,
.contact-form__textarea:focus,
.contact-form__textarea:hover {
    border-color: #1e2635;
    cursor: pointer;
    color: #1e2635
}

.contact-form__button {
    background: none
}

.contact-form__textarea {
    width: 100%;
    height: 210px;
    resize: none
}

.contact-form__required {
    opacity: .3;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .06em;
    line-height: 1.73
}

.contact-form__required:first-letter {
    text-transform: uppercase
}

@media screen and (min-width:1721px) {
    .contact-form__holder {
        width: 750px
    }
}

@media screen and (max-width:1023px) {
    .contact-form__holder {
        width: auto
    }
}

@media screen and (max-width:767px) {
    .contact-form__input {
        width: 100%
    }

    .contact-form__row {
        flex-direction: column;
        gap: 0
    }

    .contact-form__row:last-child {
        align-items: flex-start
    }

    .contact-form__row .contact-form__item:last-child {
        margin-bottom: 0
    }
}

.page-weddings_and_conferences .contact-form__holder {
    width: 100%;
    max-width: 650px;
    margin: 0
}

.page-weddings_and_conferences .contact-form__row {
    flex-direction: column;
    gap: 0
}

.page-weddings_and_conferences .contact-form__row:first-child {
    position: relative
}

.page-weddings_and_conferences .contact-form__row:first-child .contact-form__col {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.page-weddings_and_conferences .contact-form__row:first-child .contact-form__item {
    width: 100%;
    margin: 10px 0
}

.page-weddings_and_conferences .contact-form__row:first-child .contact-form__item:nth-child(2) {
    width: calc(50% - 5px)
}

.page-weddings_and_conferences .contact-form__row:first-child .contact-form__item:nth-child(3) {
    order: 3;
    width: calc(50% - 5px)
}

.page-weddings_and_conferences .contact-form__row:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    margin-top: 20px
}

.page-weddings_and_conferences .contact-form__textarea {
    position: relative;
    height: 170px;
    resize: none
}

.page-weddings_and_conferences .contact-form__input,
.page-weddings_and_conferences .contact-form__textarea {
    position: relative;
    width: 100%;
    padding: 22px 30px;
    border: 1px solid #ced9e3;
    outline: 0;
    background: transparent;
    color: #5d7d9a;
    font-size: 14px;
    letter-spacing: .84px;
    line-height: 1;
    transition: border .3s ease;
    font-stretch: normal;
    transition: .3s cubic-bezier(.72, .38, .52, .84)
}

.page-weddings_and_conferences .contact-form__input::placeholder,
.page-weddings_and_conferences .contact-form__textarea::placeholder {
    font-size: 14px
}

.page-weddings_and_conferences .contact-form__input:focus,
.page-weddings_and_conferences .contact-form__input:hover,
.page-weddings_and_conferences .contact-form__textarea:focus,
.page-weddings_and_conferences .contact-form__textarea:hover {
    border-color: #1e2635;
    cursor: pointer;
    color: #1e2635
}

.page-weddings_and_conferences .contact-form__button {
    background: none
}

.page-weddings_and_conferences .contact-form__textarea {
    height: 225px
}

.page-weddings_and_conferences .contact-form__required {
    opacity: .3;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .06em;
    line-height: 1.73
}

.page-weddings_and_conferences .contact-form__required:first-letter {
    text-transform: uppercase
}

@media screen and (min-width:1721px) {
    .page-weddings_and_conferences .contact-form__holder {
        width: 750px
    }
}

@media screen and (max-width:1023px) {
    .page-weddings_and_conferences .contact-form__holder {
        width: auto
    }
}

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

    .page-weddings_and_conferences .contact-form__row:first-child .contact-form__item:nth-child(2),
    .page-weddings_and_conferences .contact-form__row:first-child .contact-form__item:nth-child(3) {
        width: 100%
    }

    .page-weddings_and_conferences .contact-form__row:last-child {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px
    }
}

.l-section--offers-listing {
    margin-top: 100px;
    margin-bottom: 120px
}

.offers-filter {
    gap: 20px
}

.offers-filter.is-fixed {
    padding: 10px 20px
}

.offers-filter__voucher {
    padding-left: 0
}

.offers-filter .icon {
    pointer-events: none;
    margin-right: 10px;
    font-size: 20px;
    transition: .3s cubic-bezier(.72, .38, .52, .84)
}

.offers-listing {
    position: relative
}

.offers-listing__holder {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 20px;
    position: relative
}

.offers-listing.is-hidden .offers-listing__holder {
    opacity: 0;
    visibility: hidden
}

.l-section--offers-filter {
    margin: 100px 0
}

@media screen and (max-width:1239px) {
    .offers-listing__holder {
        grid-template-columns: repeat(auto-fit, minmax(auto, 460px));
        grid-gap: 40px 20px
    }
}

.l-section--details {
    position: relative
}

.l-section--details:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1;
    height: 130px;
    background: #fbf8f4
}

.details-summary {
    font-size: 17px;
    font-weight: 600
}

@media screen and (max-width:1239px) {
    .l-section--details:before {
        content: unset
    }
}

.l-section--rooms-listing {
    position: relative;
    margin-top: 20px;
    margin-bottom: 100px
}

.rooms-listing {
    margin: 0 auto
}

.rooms-listing,
.rooms-listing__wrap {
    position: relative
}

.rooms-listing__holder {
    display: flex;
    flex-wrap: wrap;
    gap: 70px 20px;
    position: relative
}

.rooms-listing.is-hidden .rooms-listing__holder {
    opacity: 0;
    visibility: hidden
}

.l-section--rooms-filter {
    margin: 60px 0
}

.rooms-filter {
    gap: 20px;
    padding: 10px 20px
}

@media screen and (max-width:1023px) {
    .rooms-listing__holder {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

@media screen and (max-width:767px) {
    .rooms-listing__holder {
        gap: 20px
    }
}

.l-section--privacy-page {
    margin-top: 200px;
    margin-bottom: 140px
}

.privacy-page__title {
    text-align: center
}

.privacy-page__btn-hld {
    margin-top: 30px
}

.privacy-page__btn {
    margin: auto
}

.privacy-page__text {
    margin-top: 40px
}

@media screen and (max-width:1023px) {
    .l-section--privacy-page {
        margin-top: 150px;
        margin-bottom: 60px
    }
}

.l-section--rs-contact {
    margin: 0 0 120px
}

.l-section--restaurant-menu-list,
.l-section--spa {
    margin: 40px auto;
    overflow: hidden
}

.l-section--spa {
    padding: 0 20px
}

.rs-filter {
    margin: 20px 0
}

.page-restaurant_menu .rs-filter {
    margin-top: 100px
}

.rs-filter__button {
    padding-left: 0
}

.rs-filter__wrapper {
    max-width: 1145px;
    padding: 0 15px
}

.rs-filter__holder.is-fixed {
    background: #fff
}

.rs-filter__main-title {
    font-size: 15px;
    font-weight: 275
}

.rs-filter__button .icon {
    color: #1e2635;
    font-size: 9px
}

.is-active .rs-filter__button .icon {
    transform: rotateX(180deg)
}

.rs-filter__button .text {
    color: #1e2635;
    font-size: 16px;
    font-weight: 600
}

.rs-filter__link {
    padding: 20px 40px;
    border-color: #ced9e3;
    transition: .33s
}

.rs-filter__link:hover .text {
    color: #fff
}

.rs-filter__link .text {
    font-size: 14px;
    font-style: normal;
    font-weight: 300
}

.rs-filter__inner {
    position: relative
}

.rs-filter__inner:before {
    position: absolute;
    top: 0;
    right: -50vw;
    bottom: 0;
    left: -50vw;
    content: "";
    border-bottom: 1px solid #ced9e3
}

.rs-filter__dropdown {
    min-width: 330px;
    border-bottom: 2px solid #a88954
}

.rs-filter__list {
    top: 102%;
    border-color: #ced9e3;
    background: #fff
}

.rs-filter__contact-title {
    font-size: 15px;
    font-weight: 275
}

.rs-filter__contact {
    display: flex;
    align-items: center;
    z-index: 1;
    transition: opacity .3s;
    gap: 15px
}

.rs-filter__contact:hover {
    opacity: .7
}

.rs-filter__contact .icon {
    font-size: 20px
}

.rs-filter__item .text {
    font-size: 15px;
    font-style: normal;
    font-weight: 300
}

.spa-item-treatment:before {
    border-bottom: 0;
    border-color: #ced9e3
}

.spa-item-treatment__top {
    transition: background-color .3s
}

.is-active-accordion .spa-item-treatment__top {
    background: #fbf8f4
}

.spa-item-treatment__bottom {
    border-top: 1px solid #ced9e3;
    background: #fbf8f4
}

.spa-item-treatment.is-active-accordion .spa-item-treatment__bottom {
    border-bottom: 1px solid #ced9e3
}

.spa-item-treatment__price,
.spa-item-treatment__ribbon,
.spa-item-treatment__time {
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%
}

.spa-item-treatment__icon {
    top: 50%;
    right: 10px;
    font-size: 14px;
    transform: translateY(-50%);
    transition: transform .3s
}

.is-active-accordion .spa-item-treatment__icon {
    transform: translateY(-50%) rotateX(180deg)
}

.spa-item {
    max-width: 1140px;
    margin: 50px auto 0;
    padding: 0 20px
}

.spa-item:before {
    border: none
}

.spa-item__top {
    align-items: center;
    justify-content: center;
    gap: 60px
}

.spa-item__image-box {
    width: 100%;
    max-width: 530px;
    aspect-ratio: 530/322
}

.spa-item__category-title {
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%
}

.spa-item__category-description {
    max-width: 500px;
    margin-top: 40px;
    font-weight: 300
}

.restaurant-menu-item:not(:last-child) {
    margin-bottom: 100px
}

.restaurant-menu-item__category-title {
    margin: 0;
    font-size: 56px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    text-align: left
}

.restaurant-menu-item__head {
    width: auto;
    margin: 60px auto 30px
}

.restaurant-menu-item__body {
    margin: 0;
    gap: 15px
}

.restaurant-menu-item__inner .l-wrapper {
    max-width: 1920px;
    padding: 0
}

.restaurant-menu-item__box-item {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
    border: none
}

.restaurant-menu-item__image-holder {
    max-height: 650px
}

.restaurant-menu-item__ribbon {
    font-size: 15px;
    font-style: normal;
    font-weight: 300
}

.restaurant-menu-item__title {
    margin: 10px 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%
}

.restaurant-menu-item__description {
    font-size: 14px;
    font-weight: 300;
    line-height: 150%
}

.restaurant-menu-item__extra-item {
    text-align: initial;
    white-space: nowrap;
    display: flex;
    align-items: baseline
}

.restaurant-menu-item__price {
    font-size: 15px;
    font-style: normal;
    font-weight: 500
}

.restaurant-menu-item__weight {
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%
}

.rs-contact {
    position: relative;
    z-index: 10;
    max-width: 1130px;
    margin: 0 auto;
    padding: 30px 0 0
}

.rs-contact .l-wrapper {
    padding: 0
}

.rs-contact__box-inner {
    justify-content: space-between;
    position: relative;
    max-width: 900px;
    padding: 0
}

.rs-contact__box-inner:before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    border-right: 1px solid #ced9e3
}

.rs-contact__col {
    width: 50%
}

.rs-contact__col--bigger {
    position: relative
}

.rs-contact__col--smaller {
    border: none
}

.rs-contact__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%
}

.rs-contact__title {
    margin-bottom: 25px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%
}

.rs-contact__main-title {
    position: relative;
    margin-top: 0;
    padding-bottom: 0;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    line-height: 120%
}

.rs-contact__box {
    padding: 80px 100px 70px;
    background: #fbf8f4
}

.rs-contact a[href$=".pdf"]:not(.wa-button-link-primary),
.rs-contact a[href$=".PDF"]:not(.wa-button-link-primary) {
    display: flex;
    padding: 0;
    border: none;
    color: #a88954;
    letter-spacing: 4.8px;
    text-transform: uppercase;
    gap: 20px
}

.rs-contact a[href$=".pdf"]:not(.wa-button-link-primary):before,
.rs-contact a[href$=".PDF"]:not(.wa-button-link-primary):before {
    position: relative;
    top: 10px;
    left: 0
}

.rs-contact__link {
    display: flex;
    align-items: center;
    transition: opacity .3s;
    gap: 7px
}

.rs-contact__link:hover {
    opacity: .6
}

.rs-contact__link .text {
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%
}

.rs-contact__link--mail {
    font-size: 10px
}

.rs-contact__link--tel .icon {
    font-size: 16px
}

.rs-contact__hours-item {
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%
}

.rs-contact__download {
    color: #a88954;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 4.8px;
    line-height: 120%;
    text-transform: uppercase
}

@media screen and (max-width:1023px) {
    .rs-contact {
        padding-top: 0
    }

    .rs-contact__box-inner:before {
        content: unset
    }

    .rs-contact__box {
        padding: 30px 20px
    }

    .rs-contact__col {
        width: auto
    }

    .rs-contact__col--bigger:before {
        content: unset
    }

    .rs-filter__inner {
        padding: 0 10px
    }

    .rs-filter__contact .icon {
        display: initial
    }
}

@media screen and (max-width:767px) {
    .l-section--rs-contact {
        margin-bottom: 30px
    }

    .spa-item__top {
        gap: 20px
    }

    .spa-item__category-title {
        font-size: 32px
    }

    .spa-item__category-description {
        margin-top: 20px
    }

    .spa-item__text-box {
        padding: 0
    }

    .restaurant-menu-item:not(:last-child) {
        margin-bottom: 20px
    }

    .restaurant-menu-item__description {
        width: calc(100% - 10px)
    }

    .restaurant-menu-item__inner .l-wrapper {
        padding: 0 20px
    }

    .restaurant-menu-item__body {
        gap: 0
    }

    .restaurant-menu-item__head {
        margin: 40px auto
    }

    .restaurant-menu-item__category-title {
        font-size: 30px
    }

    .restaurant-menu-item__title {
        margin: 10px 0;
        text-align: left
    }

    .restaurant-menu-item__box-item {
        padding: 0
    }

    .restaurant-menu-item__dish {
        flex-direction: column;
        align-items: flex-start
    }

    .restaurant-menu-item__extra {
        flex: 0 0 40px;
        justify-content: flex-start;
        margin-left: 0
    }

    .restaurant-menu-item__col--second {
        flex-direction: column;
        align-self: flex-start;
        gap: 10px
    }

    .restaurant-menu-item__extra-item {
        justify-content: flex-start
    }

    .rs-filter__inner {
        padding-right: 10px
    }

    .rs-filter__button .icon,
    .rs-filter__contact .icon {
        display: none
    }

    .rs-contact__box-inner,
    .rs-contact__col--bigger,
    .rs-contact__col--smaller {
        padding: 0
    }
}