/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    margin: 0
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block
}

figure {
    margin: 1em 40px
}

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

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

abbr[title] {
    border-bottom: none;
    text-decoration: underline
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: a;
    animation-name: a
}

@-webkit-keyframes a {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes a {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.datepicker-container {
    background-color: #f5f3f1;
    direction: ltr;
    font-size: 13px;
    left: 0;
    line-height: 30px;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 251px;
    z-index: -1;
    color: #6d6d6d
}

.datepicker-container:after,
.datepicker-container:before {
    border: 5px solid transparent;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.datepicker-dropdown {
    border: 1px solid rgba(126, 109, 91, .12);
    box-shadow: 0 3px 6px rgba(126, 109, 91, .12);
    box-sizing: content-box;
    position: absolute;
    z-index: 1
}

.datepicker-inline {
    position: static
}

.datepicker-top-left:after,
.datepicker-top-left:before,
.datepicker-top-right:after,
.datepicker-top-right:before {
    border-top: 0;
    left: 10px;
    top: -5px
}

.datepicker-top-left:before,
.datepicker-top-right:before {
    border-bottom-color: #f4f1ee
}

.datepicker-top-left:after,
.datepicker-top-right:after {
    border-bottom-color: #f5f3f1;
    top: -4px
}

.datepicker-bottom-left,
.datepicker-bottom-right {
    border-bottom-color: #39f
}

.datepicker-bottom-left:after,
.datepicker-bottom-left:before,
.datepicker-bottom-right:after,
.datepicker-bottom-right:before {
    border-bottom: 0;
    bottom: -5px;
    left: 10px
}

.datepicker-bottom-left:before,
.datepicker-bottom-right:before {
    border-top-color: #39f
}

.datepicker-bottom-left:after,
.datepicker-bottom-right:after {
    border-top-color: #fff;
    background-image: pic("bg-2.jpg");
    bottom: -4px
}

.datepicker-bottom-right:after,
.datepicker-bottom-right:before,
.datepicker-top-right:after,
.datepicker-top-right:before {
    left: auto;
    right: 10px
}

.datepicker-panel>ul {
    margin: 0;
    padding: 0;
    width: 102%
}

.datepicker-panel>ul:after,
.datepicker-panel>ul:before {
    content: " ";
    display: table
}

.datepicker-panel>ul:after {
    clear: both
}

.datepicker-panel>ul>li {
    cursor: pointer;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 36px;
    color: var(--brand-secondary)
}

.datepicker-panel>ul>li.muted {
    color: #bebebe
}

.datepicker-panel>ul>li:hover {
    background-color: rgba(126, 109, 91, .12);
    color: #7e6d5b
}

.datepicker-panel>ul>li.muted,
.datepicker-panel>ul>li.muted:hover {
    color: #999
}

.datepicker-panel>ul>li.highlighted {
    background-color: rgba(126, 109, 91, .12)
}

.datepicker-panel>ul>li.highlighted:hover {
    background-color: rgba(126, 109, 91, .25)
}

.datepicker-panel>ul>li.picked,
.datepicker-panel>ul>li.picked:hover {
    color: var(--white);
    background-color: var(--gold)
}

.datepicker-panel>ul>li.disabled,
.datepicker-panel>ul>li.disabled:hover {
    background-image: pic("bg-2.jpg");
    color: #ccc;
    cursor: default
}

.datepicker-panel>ul>li.disabled.highlighted,
.datepicker-panel>ul>li.disabled:hover.highlighted {
    background-color: rgba(0, 0, 0, .025)
}

.datepicker-panel>ul>li[data-view="month next"],
.datepicker-panel>ul>li[data-view="month prev"],
.datepicker-panel>ul>li[data-view="year next"],
.datepicker-panel>ul>li[data-view="year prev"],
.datepicker-panel>ul>li[data-view="years next"],
.datepicker-panel>ul>li[data-view="years prev"],
.datepicker-panel>ul>li[data-view=next] {
    font-size: 18px
}

.datepicker-panel>ul>li[data-view="month current"],
.datepicker-panel>ul>li[data-view="year current"],
.datepicker-panel>ul>li[data-view="years current"] {
    width: 178px
}

.datepicker-panel>ul>li[data-view="month current"] {
    font-size: 14px
}

.datepicker-panel>ul[data-view=months]>li,
.datepicker-panel>ul[data-view=years]>li {
    height: 52.5px;
    line-height: 52.5px;
    width: 52.5px
}

.datepicker-panel>ul[data-view=week]>li,
.datepicker-panel>ul[data-view=week]>li:hover {
    background-image: pic("bg-2.jpg");
    cursor: default
}

.datepicker-hide {
    display: none
}

.datepicker-panel ul:first-child {
    padding-top: 6px;
    padding-bottom: 6px
}

.datepicker-panel>ul[data-view=week]>li {
    text-transform: uppercase;
    font-size: 11px;
    color: var(--brand-secondary);
    background-color: rgba(126, 109, 91, .12)
}

.bx-wrapper {
    position: relative;
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bxslider {
    margin: 0;
    padding: 0;
    -webkit-perspective: 1000
}

ul.bxslider {
    list-style: none
}

.bx-viewport {
    -webkit-transform: translateZ(0)
}

.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    display: none
}

.bx-wrapper .bx-prev {
    left: 10px
}

.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next {
    right: 10px
}

.bx-wrapper .bx-next:focus,
.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow-column>.swiper-wrapper,
.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

:root {
    --brand-main: #f3eee9;
    --brand-secondary: #202020;
    --black-bg: #232323;
    --dark: #000;
    --light: #000;
    --black: #000;
    --black-light: #070707;
    --white: #fff;
    --gold: #d1b274;
    --gold-light: #d2ae6d;
    --gray: #949494;
    --gray-light: silver;
    --gray-darker: #6c6c6c;
    --green: #318477;
    --green-light: #bad655;
    --green-dark: #3e5828;
    --orange: #f67e1f;
    --font-family-base: "Canela-Thin", sans-serif;
    --font-family-sec: "Publica-Sans-Light";
    --mullerlight: "mullerlight";
    --font-base: 16px;
    --line-height-base: 1.5rem;
    --font-size-h1: 2.5rem;
    --font-size-h2: 2rem;
    --font-size-h3: 1.75rem;
    --font-size-h4: 1.5rem;
    --font-size-h5: 1.25rem;
    --font-size-h6: 1rem;
    --font-weight-h1: 500;
    --font-weight-h2: 500;
    --font-weight-h3: 500;
    --font-weight-h4: 500;
    --font-weight-h5: 500;
    --font-weight-h6: 500;
    --text-base-size: 1em;
    --text-scale-ratio: 1.2;
    --text-xs: calc((1em / var(--text-scale-ratio)) / var(--text-scale-ratio));
    --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
    --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
    --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
    --breakpoint-xs: 375px;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1440px;
    --wrap-space: 15px;
    --wrap-width-xs: 100%;
    --wrap-width-sm: 540px;
    --wrap-width-md: 720px;
    --wrap-width-lg: 960px;
    --wrap-width-xl: 1140px;
    --col-space: 30px;
    --border-radius: 0;
    --spacer: 20px;
    --cubic-bezier: cubic-bezier(.3, .86, .36, .95);
    --cubic-bezier2: cubic-bezier(.4, 0, 0, 1);
    --mobile-height: 100vh;
    --padding-mobile: 0 7.291666666666667vw
}

@font-face {
    font-family: Canela-Thin;
    src: url(../fonts/Canela-Thin.eot?#iefix) format("embedded-opentype"), url(../fonts/Canela-Thin.otf) format("opentype"), url(../fonts/Canela-Thin.woff) format("woff"), url(../fonts/Canela-Thin.ttf) format("truetype"), url(../fonts/Canela-Thin.svg#Canela-Thin) format("svg");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Publica-Sans-Light;
    src: url(../fonts/publicasans-light.eot);
    src: url(../fonts/publicasans-light.eot?#iefix) format("embedded-opentype"), url(../fonts/publicasans-light.woff2) format("woff2"), url(../fonts/publicasans-light.woff) format("woff"), url(../fonts/publicasans-light.ttf) format("truetype"), url(../fonts/publicasans-light.svg#publica_sanslight) format("svg");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: mullerlight;
    src: url(../fonts/mullerlight.eot);
    src: url(../fonts/mullerlight.eot?#iefix) format("embedded-opentype"), url(../fonts/mullerlight.woff2) format("woff2"), url(../fonts/mullerlight.woff) format("woff"), url(../fonts/mullerlight.ttf) format("truetype"), url(../fonts/mullerlight.svg#camptonlight) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot?iplb7q);
    src: url(../fonts/icomoon.eot?iplb7q#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?iplb7q) format("truetype"), url(../fonts/icomoon.woff?iplb7q) format("woff"), url(../fonts/icomoon.svg?iplb7q#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

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

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

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

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

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

.icon-arrow:before {
    content: "\e902"
}

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

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

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

.icon-star:before {
    content: "\e900"
}

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

ul {
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0
}

li {
    list-style-type: none
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0
}

button,
iframe {
    border: none
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-before: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0;
    min-width: auto
}

body:before {
    content: "(xs: 375px, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1440px)";
    display: none
}

html {
    scroll-behavior: smooth
}

body,
html {
    background-color: var(--brand-main)
}

body {
    box-sizing: border-box;
    font-family: var(--font-family-base);
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat;
    overflow-x: hidden;
    width: 100%
}

::selection {
    color: var(--white);
    background: rgba(32, 32, 32, .5)
}

::-moz-selection {
    color: var(--white);
    background: rgba(32, 32, 32, .5)
}

.body__fixed {
    overflow-y: hidden
}

.body__black {
    background-color: var(--black-bg);
    background-image: none
}

.body__green,
.body__green-dark,
.body__green-light,
.body__orange {
    background-color: var(--black-bg);
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-3.jpg)
}

.clearfix {
    clear: both
}

.cll-container {
    padding: 0 7.291666666666667vw
}

.cll-text-center {
    text-align: center
}

.cll-center,
.loader svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cll-fit,
.conference__img img,
.kitchen__block-img img,
.main__slider img,
.section-menu__img img,
.spa__box>div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center
}

.cll-clearfix:after {
    display: block;
    content: "";
    clear: both
}

.arrows {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.arrows a {
    position: relative;
    margin-left: 5vw;
    display: inline-block;
    width: 30px;
    height: 24px
}

.arrows a:first-child {
    margin-left: 0
}

.arrows a span {
    display: block;
    width: 30px;
    height: 1px;
    background-color: var(--gray);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.arrows a span:after,
.arrows a span:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 14px;
    background-color: var(--gray)
}

.arrows a.arrow__left span:after {
    top: -14px;
    left: 0;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.arrows a.arrow__left span:before {
    top: 1px;
    left: 0;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.arrows a.arrow__right span:after {
    top: -14px;
    right: 0;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.arrows a.arrow__right span:before {
    top: 1px;
    right: 0;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.title {
    font-size: 35px;
    line-height: 46px;
    letter-spacing: .04em
}

.title,
.title.title-reverse,
.title span {
    color: var(--brand-secondary)
}

.title.title-reverse span {
    color: var(--gold)
}

.title.title-center {
    margin: 0 auto;
    text-align: center
}

.title.title-gold {
    color: var(--gold)
}

.subtitle {
    font-size: 38px;
    line-height: 54px
}

.link,
.subtitle {
    color: var(--gold);
    letter-spacing: .05em
}

.link {
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer
}

.link,
.link--box {
    position: relative
}

.link--box {
    font-size: 15px;
    line-height: 18px;
    color: var(--white);
    border: 1px solid var(--gold);
    padding: 22px 45px;
    letter-spacing: .05em
}

.link--box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: var(--gold);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    transition: -webkit-transform .55s var(--cubic-bezier);
    transition: transform .55s var(--cubic-bezier);
    transition: transform .55s var(--cubic-bezier), -webkit-transform .55s var(--cubic-bezier)
}

.link--box span {
    position: relative;
    z-index: 2;
    color: var(--brand-secondary);
    transition: color .55s var(--cubic-bezier)
}

.link--box.link--box-green {
    border-color: var(--green)
}

.link--box.link--box-green:after {
    background-color: var(--green)
}

.link--box.link--box-green-light {
    border-color: var(--green-light)
}

.link--box.link--box-green-light:after {
    background-color: var(--green-light)
}

.text--gold {
    color: var(--gold)
}

.text--white {
    color: var(--white)
}

.text--black {
    color: var(--brand-secondary)
}

.text--brown {
    color: rgba(126, 109, 91, .12)
}

input:focus,
select:focus,
textarea:focus {
    outline: 0
}

.wpcf7-response-output {
    width: 100%;
    margin: 50px 0 0 !important;
    padding: 15px !important;
    text-align: center;
    border-width: 1px !important;
    border-color: var(--gold) !important;
    font-size: 18px;
    display: inline-block
}

.book__form .wpcf7-response-output {
    display: none !important
}

.grecaptcha-badge {
    opacity: 0 !important;
    visibility: hidden !important
}

.wpcf7-form label.error {
    font-size: 16px;
    letter-spacing: 1px
}

a {
    color: inherit
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family-base)
}

h1 {
    font-size: var(--font-size-h1);
    font-weight: var(--font-weight-h1)
}

h2 {
    font-size: var(--font-size-h2);
    font-weight: var(--font-weight-h2)
}

h3 {
    font-size: var(--font-size-h3);
    font-weight: var(--font-weight-h3)
}

h4 {
    font-size: var(--font-size-h4);
    font-weight: var(--font-weight-h4)
}

h5 {
    font-size: var(--font-size-h5);
    font-weight: var(--font-weight-h5)
}

h6 {
    font-size: var(--font-size-h6);
    font-weight: var(--font-weight-h6)
}

p {
    font-size: var(--font-base);
    line-height: var(--line-height-base)
}

.wrap {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: var(--wrap-width-xs)
}

.wrap,
.wrap-fluid {
    position: relative;
    padding-left: var(--wrap-space);
    padding-right: var(--wrap-space)
}

.wrap-fluid {
    width: 100%;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    max-width: 100% !important
}

.wrap.remove-gutter-left .cll-col {
    margin-left: 0 !important
}

.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex,
.flex .cll-col {
    box-sizing: border-box
}

.flex .cll-col {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 var(--col-space);
    z-index: 2
}

.flex .cll-col:first-of-type {
    margin-left: 0
}

.flex .cll-col.w1 {
    -ms-flex-preferred-size: calc(100% * 1/12 - ((var(--col-space) * (12 - 1)) / 12));
    flex-basis: calc(100% * 1/12 - ((var(--col-space) * (12 - 1)) / 12));
    max-width: calc(100% * 1/12 - ((var(--col-space) * (12 - 1)) / 12))
}

.flex .cll-col.o1 {
    margin-left: calc(100% * 1/12 + ((var(--col-space) * 1) / 12))
}

.flex .cll-col.w2 {
    -ms-flex-preferred-size: calc(100% * 2/12 - ((var(--col-space) * (12 - 2)) / 12));
    flex-basis: calc(100% * 2/12 - ((var(--col-space) * (12 - 2)) / 12));
    max-width: calc(100% * 2/12 - ((var(--col-space) * (12 - 2)) / 12))
}

.flex .cll-col.o2 {
    margin-left: calc(100% * 2/12 + ((var(--col-space) * 2) / 12))
}

.flex .cll-col.w3 {
    -ms-flex-preferred-size: calc(100% * 3/12 - ((var(--col-space) * (12 - 3)) / 12));
    flex-basis: calc(100% * 3/12 - ((var(--col-space) * (12 - 3)) / 12));
    max-width: calc(100% * 3/12 - ((var(--col-space) * (12 - 3)) / 12))
}

.flex .cll-col.o3 {
    margin-left: calc(100% * 3/12 + ((var(--col-space) * 3) / 12))
}

.flex .cll-col.w4 {
    -ms-flex-preferred-size: calc(100% * 4/12 - ((var(--col-space) * (12 - 4)) / 12));
    flex-basis: calc(100% * 4/12 - ((var(--col-space) * (12 - 4)) / 12));
    max-width: calc(100% * 4/12 - ((var(--col-space) * (12 - 4)) / 12))
}

.flex .cll-col.o4 {
    margin-left: calc(100% * 4/12 + ((var(--col-space) * 4) / 12))
}

.flex .cll-col.w5 {
    -ms-flex-preferred-size: calc(100% * 5/12 - ((var(--col-space) * (12 - 5)) / 12));
    flex-basis: calc(100% * 5/12 - ((var(--col-space) * (12 - 5)) / 12));
    max-width: calc(100% * 5/12 - ((var(--col-space) * (12 - 5)) / 12))
}

.flex .cll-col.o5 {
    margin-left: calc(100% * 5/12 + ((var(--col-space) * 5) / 12))
}

.flex .cll-col.w6 {
    -ms-flex-preferred-size: calc(100% * 6/12 - ((var(--col-space) * (12 - 6)) / 12));
    flex-basis: calc(100% * 6/12 - ((var(--col-space) * (12 - 6)) / 12));
    max-width: calc(100% * 6/12 - ((var(--col-space) * (12 - 6)) / 12))
}

.flex .cll-col.o6 {
    margin-left: calc(100% * 6/12 + ((var(--col-space) * 6) / 12))
}

.flex .cll-col.w7 {
    -ms-flex-preferred-size: calc(100% * 7/12 - ((var(--col-space) * (12 - 7)) / 12));
    flex-basis: calc(100% * 7/12 - ((var(--col-space) * (12 - 7)) / 12));
    max-width: calc(100% * 7/12 - ((var(--col-space) * (12 - 7)) / 12))
}

.flex .cll-col.o7 {
    margin-left: calc(100% * 7/12 + ((var(--col-space) * 7) / 12))
}

.flex .cll-col.w8 {
    -ms-flex-preferred-size: calc(100% * 8/12 - ((var(--col-space) * (12 - 8)) / 12));
    flex-basis: calc(100% * 8/12 - ((var(--col-space) * (12 - 8)) / 12));
    max-width: calc(100% * 8/12 - ((var(--col-space) * (12 - 8)) / 12))
}

.flex .cll-col.o8 {
    margin-left: calc(100% * 8/12 + ((var(--col-space) * 8) / 12))
}

.flex .cll-col.w9 {
    -ms-flex-preferred-size: calc(100% * 9/12 - ((var(--col-space) * (12 - 9)) / 12));
    flex-basis: calc(100% * 9/12 - ((var(--col-space) * (12 - 9)) / 12));
    max-width: calc(100% * 9/12 - ((var(--col-space) * (12 - 9)) / 12))
}

.flex .cll-col.o9 {
    margin-left: calc(100% * 9/12 + ((var(--col-space) * 9) / 12))
}

.flex .cll-col.w10 {
    -ms-flex-preferred-size: calc(100% * 10/12 - ((var(--col-space) * (12 - 10)) / 12));
    flex-basis: calc(100% * 10/12 - ((var(--col-space) * (12 - 10)) / 12));
    max-width: calc(100% * 10/12 - ((var(--col-space) * (12 - 10)) / 12))
}

.flex .cll-col.o10 {
    margin-left: calc(100% * 10/12 + ((var(--col-space) * 10) / 12))
}

.flex .cll-col.w11 {
    -ms-flex-preferred-size: calc(100% * 11/12 - ((var(--col-space) * (12 - 11)) / 12));
    flex-basis: calc(100% * 11/12 - ((var(--col-space) * (12 - 11)) / 12));
    max-width: calc(100% * 11/12 - ((var(--col-space) * (12 - 11)) / 12))
}

.flex .cll-col.o11 {
    margin-left: calc(100% * 11/12 + ((var(--col-space) * 11) / 12))
}

.flex .cll-col.w12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin: 0
}

.remove-gutter-left {
    margin-left: 0;
    padding-left: 0
}

.remove-gutter-right {
    margin-right: 0;
    padding-right: 0
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--mobile-height);
    background-color: var(--black-light);
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat;
    z-index: 3
}

.loader svg {
    max-width: 16vw;
    opacity: 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(.85) translate(-50%, -50%);
    transform: scale(.85) translate(-50%, -50%);
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.loader svg path {
    fill: var(--brand-secondary)
}

.loader p {
    color: var(--gray);
    font-size: 6rem;
    position: absolute;
    right: 50px;
    bottom: 50px;
    letter-spacing: .05em;
    font-family: var(--font-family-base);
    opacity: 0
}

.loader p.active {
    opacity: .1
}

.loader p span {
    font-size: 9rem
}

.sidebar {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
    transition: all .75s var(--cubic-bezier);
    padding: 15px 15px 0
}

.sidebar img {
    position: relative;
    width: 20%;
    opacity: 0;
    transition: all .5s var(--cubic-bezier)
}

.sidebar.sidebar--scrolled img {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.sidebar__toggle {
    position: absolute;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    top: 45%;
    right: 30px
}

.sidebar__toggle,
.sidebar__toggle a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sidebar__toggle a {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.sidebar__toggle a.active span {
    position: relative
}

.sidebar__toggle a.active span:first-child {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 3px
}

.sidebar__toggle a.active span:last-child {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -4px
}

.sidebar__toggle span {
    display: block;
    width: 34px;
    height: 2px;
    background-color: var(--brand-secondary);
    transition: all .5s var(--cubic-bezier)
}

.body__green .sidebar__toggle span {
    background-color: var(--green)
}

.body__green-light .sidebar__toggle span {
    background-color: var(--green-light)
}

.body__green-dark .sidebar__toggle span {
    background-color: var(--green-dark)
}

.body__orange .sidebar__toggle span {
    background-color: var(--orange)
}

.body__black .sidebar__toggle span,
.body__white .sidebar__toggle span {
    background-color: var(--gold)
}

.sidebar__toggle span:last-child {
    margin-top: 5px
}

.sidebar__book {
    display: none;
    color: var(--brand-secondary);
    -webkit-transform: rotate(-90deg) translate(-50%, 50%);
    transform: rotate(-90deg) translate(-50%, 50%);
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
    white-space: pre;
    font-size: .9vw;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-family: var(--mullerlight);
    opacity: 0;
    transition: all .5s var(--cubic-bezier);
    padding-bottom: 3.065825067628494vh
}

.body__green .sidebar__book {
    color: var(--green)
}

.body__green-light .sidebar__book {
    color: var(--green-light)
}

.body__green-dark .sidebar__book {
    color: var(--green-dark)
}

.body__orange .sidebar__book {
    color: var(--orange)
}

.body__black .sidebar__book,
.body__white .sidebar__book {
    color: var(--gold)
}

.sidebar-right {
    display: none;
    position: fixed;
    text-align: right;
    top: 50%;
    right: 1.85vw;
    height: 90vh;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 5
}

.sidebar-right .search-toggle {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--brand-secondary);
    font-size: 24px;
    opacity: 0
}

.body__green .sidebar-right .search-toggle {
    color: var(--green)
}

.body__green-light .sidebar-right .search-toggle {
    color: var(--green-light)
}

.body__green-dark .sidebar-right .search-toggle {
    color: var(--green-dark)
}

.body__orange .sidebar-right .search-toggle {
    color: var(--orange)
}

.body__black .sidebar-right .search-toggle,
.body__white .sidebar-right .search-toggle {
    color: var(--gold)
}

.languages {
    -webkit-transform: translate(50%) rotate(-90deg);
    transform: translate(50%) rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    right: 0
}

.languages li:first-child {
    margin-right: 16px;
    padding-right: 16px;
    position: relative
}

.languages li:first-child:after {
    content: "";
    position: absolute;
    right: 0;
    top: -2px;
    width: 1px;
    height: 100%;
    opacity: .75;
    background-color: var(--brand-secondary)
}

.body__green-dark .languages li:first-child:after,
.body__green-light .languages li:first-child:after,
.body__green .languages li:first-child:after,
.body__orange .languages li:first-child:after {
    background-color: var(--white)
}

.languages li a {
    font-size: 12px;
    line-height: 12px;
    color: var(--brand-secondary);
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .75
}

.body__black .languages li a,
.body__green-dark .languages li a,
.body__green-light .languages li a,
.body__green .languages li a,
.body__orange .languages li a,
.body__white .languages li a {
    color: var(--white)
}

.languages li.active a {
    opacity: 1;
    color: var(--gold)
}

.body__green .languages li.active a {
    color: var(--green)
}

.body__green-light .languages li.active a {
    color: var(--green-light)
}

.body__green-dark .languages li.active a {
    color: var(--green-dark)
}

.body__white .languages li.active a {
    color: var(--gold)
}

.body__orange .languages li.active a {
    color: var(--orange)
}

.social-media {
    position: absolute;
    bottom: 0;
    right: 0
}

.social-media li {
    opacity: 0;
    margin-bottom: 5px
}

.social-media li a {
    color: var(--brand-secondary);
    font-size: 20px;
    transition: color .5s var(--cubic-bezier)
}

.body__black .social-media li a,
.body__white .social-media li a {
    color: var(--gold)
}

.body__green .social-media li a {
    color: var(--green)
}

.body__green-light .social-media li a {
    color: var(--green-light)
}

.body__green-dark .social-media li a {
    color: var(--green-dark)
}

.body__orange .social-media li a {
    color: var(--orange)
}

.social-media li:last-child {
    margin-bottom: 0
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 4;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--black-light);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.body__black .menu {
    background-image: none;
    background-color: var(--black-bg)
}

.body__green-dark .menu,
.body__green-light .menu,
.body__green .menu,
.body__orange .menu {
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-3.jpg);
    background-color: var(--black-bg)
}

.menu img {
    position: absolute;
    z-index: 1;
    top: 11.09107303877367vh;
    right: 5.260416666666667vw;
    height: 55vh;
    opacity: 0
}

.menu__inner {
    position: relative;
    z-index: 2;
    width: 100%
}

.menu__inner-left>li {
    text-align: center
}

.menu__inner-left>li a {
    color: #444;
    letter-spacing: .025em
}

.body__green-dark .menu__inner-left>li a,
.body__green-light .menu__inner-left>li a,
.body__green .menu__inner-left>li a,
.body__orange .menu__inner-left>li a {
    color: hsla(0, 0%, 100%, .25)
}

.menu__inner-right li {
    text-align: center
}

.menu__inner-right li a {
    color: #9a9a9a;
    letter-spacing: .025em
}

.menu__inner-left li,
.menu__inner-right li {
    opacity: 0
}

.menu__inner-left li.show,
.menu__inner-right li.show {
    opacity: 1
}

.menu__sub {
    display: none
}

.menu__sub.menu__active {
    display: block
}

.menu__languages {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.menu__languages a {
    display: inline-block;
    text-transform: uppercase;
    opacity: .75
}

.menu__languages li {
    opacity: 0;
    position: relative
}

.menu__languages li:first-child {
    margin-right: 10px;
    padding-right: 10px
}

.menu__languages li:first-child:after {
    content: "";
    position: absolute;
    top: 0;
    right: -5px;
    width: 1px;
    height: 15px;
    opacity: .75;
    background-color: var(--brand-secondary)
}

.menu__languages li.active a {
    opacity: 1
}

.menu__languages li+li {
    margin-left: 10px
}

.body__green .menu__languages a {
    color: var(--white)
}

.body__green .menu__languages li:first-child:after {
    background-color: var(--white)
}

.body__green .menu__languages li.active a {
    color: var(--green)
}

.body__green-light .menu__languages a {
    color: var(--white)
}

.body__green-light .menu__languages li:first-child:after {
    background-color: var(--white)
}

.body__green-light .menu__languages li.active a {
    color: var(--green-light)
}

.body__green-dark .menu__languages a {
    color: var(--white)
}

.body__green-dark .menu__languages li:first-child:after {
    background-color: var(--white)
}

.body__green-dark .menu__languages li.active a {
    color: var(--green-dark)
}

.body__orange .menu__languages a {
    color: var(--white)
}

.body__orange .menu__languages li:first-child:after {
    background-color: var(--white)
}

.body__orange .menu__languages li.active a {
    color: var(--orange)
}

.main {
    position: relative;
    height: var(--mobile-height);
    overflow: hidden
}

.main__slider {
    position: relative;
    width: 100%;
    height: 50%;
    z-index: 1
}

.main__slider:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #f3eee9 0, hsla(30, 29%, 93%, .05) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3eee9", endColorstr="#007db9e8", GradientType=1);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.main__slider img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    transition: -webkit-transform 5s var(--cubic-bezier);
    transition: transform 5s var(--cubic-bezier);
    transition: transform 5s var(--cubic-bezier), -webkit-transform 5s var(--cubic-bezier)
}

.main__slogan {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    height: 50%
}

.main__slogan h2 {
    font-size: 35px;
    line-height: 46px;
    margin-bottom: 30px
}

.main__slogan a {
    font-family: var(--font-family-sec);
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: .14em;
    color: var(--brand-secondary);
    display: inline-block;
    position: relative;
    opacity: 0
}

.main__slogan a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(20% + 40px);
    width: 120px;
    height: 1px;
    background-color: var(--brand-secondary);
    -webkit-transform: scaleX(0) translateY(-50%);
    transform: scaleX(0) translateY(-50%);
    z-index: 1;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: -webkit-transform .5s var(--cubic-bezier2);
    transition: transform .5s var(--cubic-bezier2);
    transition: transform .5s var(--cubic-bezier2), -webkit-transform .5s var(--cubic-bezier2)
}

.main__slogan a.active:after {
    -webkit-transform: scaleX(1) translateY(-50%);
    transform: scaleX(1) translateY(-50%)
}

.main__slogan .title>div {
    color: var(--brand-secondary)
}

.main.active__slider img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.about {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative
}

.about .title {
    margin-bottom: 30px
}

.about .title span {
    display: inline-block
}

.about .link {
    letter-spacing: .05em;
    opacity: 0
}

.about__img {
    z-index: 1;
    opacity: .25;
    width: 70%;
    position: absolute;
    top: 50px;
    left: 0;
    opacity: 0
}

.about__main {
    width: 100%;
    padding: 0 30px;
    position: relative;
    z-index: 2
}

.about__stars {
    margin-bottom: 60px
}

.about__stars span {
    color: var(--gold);
    font-size: 16px;
    margin-right: 10px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    opacity: 0
}

.about__stars span:last-child {
    margin-right: 0
}

.about-main {
    position: relative;
    margin-bottom: 90px
}

.about-main img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    object-fit: contain;
    object-position: center center;
    opacity: 0
}

.about-main__content {
    z-index: 2;
    text-align: center;
    padding: 0 15px
}

.about-main__content .about__stars {
    margin-bottom: 30px
}

.about-main__content .about__stars span,
.about-main__content h1,
.about-main__content h1>div {
    opacity: 0
}

.about-main__content h1 {
    text-transform: uppercase;
    font-size: 32px;
    line-height: 40px;
    color: var(--gold);
    text-align: center;
    letter-spacing: .05em;
    white-space: pre;
    margin-bottom: 30px;
    overflow: hidden
}

.about-main__content h1>div {
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

.about-main__content p {
    color: var(--gray-light);
    font-size: 16px;
    line-height: 22px;
    font-family: var(--mullerlight);
    opacity: 0
}

.about-main__content p.show {
    opacity: 1
}

.about-info {
    color: var(--white);
    margin-bottom: 60px;
    padding: 0 7.291666666666667vw
}

.about-info__text h2,
.about-info__text p {
    opacity: 0
}

.about-info__text h2.show,
.about-info__text p.show {
    opacity: 1
}

.about-info__text h2 {
    letter-spacing: .05em;
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 30px
}

.about-info__text h2>div {
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

.about-info__text p {
    color: var(--gray-light);
    font-family: var(--mullerlight);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px
}

.about-info__text p>div {
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.about-info__img {
    position: relative;
    margin-bottom: 60px
}

.about-info__img img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1
}

.about-info__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--black-bg);
    background-size: 100%;
    background-repeat: repeat;
    z-index: 2;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: -webkit-transform 1.75s var(--cubic-bezier);
    transition: transform 1.75s var(--cubic-bezier);
    transition: transform 1.75s var(--cubic-bezier), -webkit-transform 1.75s var(--cubic-bezier)
}

.about-info__img.active:after {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.about-info__box {
    position: absolute;
    width: 100%;
    top: 2vh;
    left: 3vw;
    height: 100%;
    border: 1px solid var(--gold);
    z-index: 2;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

.about-illustration {
    margin-bottom: 60px
}

.about-illustration img {
    width: 100%;
    height: auto;
    opacity: 0
}

.about-team {
    margin-bottom: 90px;
    padding: 0 7.291666666666667vw
}

.about-team__text {
    color: var(--white);
    margin-bottom: 30px
}

.about-team__text h2,
.about-team__text p {
    opacity: 0
}

.about-team__text h2.show,
.about-team__text p.show {
    opacity: 1
}

.about-team__text a {
    opacity: 0
}

.about-team__text h2 {
    font-size: 30px;
    line-height: 34px;
    letter-spacing: .05em;
    margin-bottom: 30px
}

.about-team__text h2 span {
    color: var(--gold)
}

.about-team__text p {
    color: var(--white);
    font-size: 16px;
    line-height: 22px;
    font-family: var(--mullerlight);
    color: var(--gray-light);
    margin-bottom: 30px
}

.about-team__text a {
    text-transform: uppercase;
    color: var(--gold);
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .05em;
    -webkit-transform: translateY(80px);
    transform: translateY(80px)
}

.about-team__img {
    position: relative
}

.about-team__img img {
    width: 100%;
    height: auto
}

.about-team__img:after,
.about-team__img:before {
    content: "";
    position: absolute;
    top: -5%;
    left: 0;
    width: 100%;
    height: 110%;
    transition: -webkit-transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier), -webkit-transform 1s var(--cubic-bezier)
}

.about-team__img:after {
    background-color: var(--black-bg);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    z-index: 3
}

.about-team__img:before {
    z-index: 2
}

.about-team__img.active:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.about-team__img.show:after,
.about-team__img.show:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.about-team__box {
    position: absolute;
    top: 30px;
    left: -4vw;
    width: 65vw;
    height: 28vh;
    border: 1px solid var(--gold);
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

.book {
    position: relative;
    width: 100%;
    padding: 50px 0;
    z-index: 3;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat;
    margin-top: 120px;
    margin-bottom: 0
}

.book .input--numeric,
.book button,
.book h2,
.book h4,
.book input,
.book select {
    opacity: 0
}

.book h2 {
    font-size: 40px;
    margin-bottom: 30px;
    width: 100%
}

.book h2,
.book h4 {
    color: var(--gold);
    letter-spacing: .05em
}

.book h4 {
    font-size: 24px;
    margin-bottom: 60px
}

.book h2.show,
.book h4.show {
    opacity: 1
}

.book .container {
    padding: 0 7.291666666666667vw
}

.book__form {
    width: 100%
}

.book__form ::-webkit-input-placeholder {
    color: #6d6d6d
}

.book__form ::-moz-placeholder {
    color: #6d6d6d
}

.book__form :-ms-input-placeholder {
    color: #6d6d6d
}

.book__form :-moz-placeholder {
    color: #6d6d6d
}

.book__form form {
    width: 100%
}

.book__form form .input--control input,
.book__form form .input--control select {
    width: 100%;
    background-color: transparent;
    border: 0;
    font-family: var(--font-family-base);
    margin-bottom: 30px;
    font-size: 18px;
    letter-spacing: .05em;
    color: #6d6d6d;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(126, 109, 91, .25);
    border-radius: 0
}

.book__form form .input--control input[type=date]::-webkit-calendar-picker-indicator,
.book__form form .input--control input[type=date]::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none
}

.book__form form .input--control select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.book__form form .input--gold {
    color: var(--gold)
}

.book__form form .input--numeric {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: var(--font-family-base);
    margin-bottom: 30px;
    font-size: 20px;
    letter-spacing: .05em;
    color: #6d6d6d;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(126, 109, 91, .25);
    border-radius: 0
}

.book__form form .input--numeric p {
    font-size: inherit
}

.book__form form .input--numeric a {
    display: inline-block;
    display: block
}

.book__form form .input--numeric a:first-child {
    margin-right: 15px
}

.book__form form .input--numeric a:last-child {
    margin-left: 15px
}

.book__form form .input--numeric .val {
    background-color: transparent;
    border: 0;
    width: 24px;
    font-family: var(--font-family-base);
    font-size: 20px;
    color: #6d6d6d
}

.book__form form .input--control,
.book__form form .input--numeric {
    position: relative
}

.book__form form .input--control .wpcf7-not-valid-tip,
.book__form form .input--numeric .wpcf7-not-valid-tip {
    position: absolute;
    top: -18px;
    left: 0;
    width: 100%;
    color: #dc3232 !important;
    letter-spacing: 0 !important;
    font-size: 12px !important
}

.book__form form .input--control label.error,
.book__form form .input--numeric label.error {
    position: absolute;
    bottom: 26px;
    left: 0;
    width: 100%;
    color: #dc3232 !important;
    font-size: 14px;
    display: none
}

.book__slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
    background-color: var(--brand-secondary);
    visibility: hidden;
    opacity: 0
}

.book__slider .bx-slider {
    z-index: 1
}

.book__slider ul li:after {
    content: "";
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, .5) 0, transparent 45%, transparent 0, rgba(0, 0, 0, .55));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0)
}

.book__slider ul li:after,
.book__slider ul li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.book__slider ul li img {
    opacity: 1;
    z-index: 1;
    object-fit: cover;
    object-position: center center
}

.book__slider ul li .room-type-text {
    padding: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: var(--white);
    z-index: 3;
    width: 100%
}

.book__slider ul li h3 {
    color: var(--white);
    letter-spacing: .05em;
    font-size: 30px;
    opacity: 0;
    margin-bottom: 15px
}

.book__slider ul li p {
    color: var(--white);
    font-size: 16px;
    line-height: 20px;
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    opacity: 0
}

.book__slider:after {
    content: "";
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: -webkit-transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier), -webkit-transform 1.05s var(--cubic-bezier)
}

.book__slider.show {
    visibility: visible;
    opacity: 1
}

.book__slider.active:after {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.book__slider-info {
    position: absolute;
    color: var(--white);
    top: 30px;
    left: 30px;
    z-index: 3;
    font-size: 30px
}

.book__slider-info h5 {
    margin-bottom: 15px;
    opacity: 0
}

.book__slider-info .book__slider-arrows {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 40px;
    position: relative;
    opacity: 0;
    padding-left: 10px
}

.book__slider-info .book__slider-arrows .arrow-left {
    -webkit-transform: translate(-50%, -1px) rotate(90deg);
    transform: translate(-50%, -1px) rotate(90deg)
}

.book__slider-info .book__slider-arrows .arrow-right {
    -webkit-transform: translate(-50%) rotate(-90deg);
    transform: translate(-50%) rotate(-90deg)
}

.book__message {
    font-size: 1.2vw;
    letter-spacing: .05em;
    color: #6d6d6d;
    width: 100%
}

.book button {
    background-color: transparent;
    color: var(--gold);
    font-family: var(--font-family-base);
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    letter-spacing: .05em;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 60px
}

.book button:focus {
    outline: 0
}

.section-book {
    margin-bottom: 90px;
    color: var(--brand-secondary);
    text-align: center
}

.section-book .link--box {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

.body__orange .section-book .link--box {
    border-color: var(--orange)
}

.body__orange .section-book .link--box:after {
    background-color: var(--orange)
}

.section-book h2 {
    letter-spacing: .025em;
    margin-bottom: 20px
}

.section-book h2 span {
    color: var(--gold)
}

.body__green .section-book h2 span {
    color: var(--green)
}

.body__orange .section-book h2 span {
    color: var(--orange)
}

.section-book p {
    font-size: 18px;
    line-height: 4vh;
    letter-spacing: .05em;
    margin-bottom: 20px
}

.section-book.book-section--green h2 span {
    color: var(--gold)
}

.body__green-dark .section-book a span,
.body__green-dark .section-book h2,
.body__green-dark .section-book p,
.body__green-light .section-book a span,
.body__green-light .section-book h2,
.body__green-light .section-book p,
.body__green .section-book a span,
.body__green .section-book h2,
.body__green .section-book p,
.body__orange .section-book a span,
.body__orange .section-book h2,
.body__orange .section-book p {
    color: var(--white)
}

.section-book .line {
    width: 100%
}

.datepicker-panel {
    outline: 0;
    font-family: var(--mullerlight);
    padding: 0
}

.datepicker-panel ul:first-of-type,
.datepicker-panel ul:nth-of-type(2) {
    font-weight: 700
}

.datepicker-panel ul:nth-of-type(2) {
    color: var(--white)
}

.datepicker-panel:focus {
    outline: 0
}

#book-submit {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0
}

.rooms {
    padding: 0 30px;
    position: relative;
    margin-bottom: 150px
}

.rooms__slider {
    position: relative;
    z-index: 2;
    color: var(--brand-secondary)
}

.rooms__slider .item {
    display: block;
    max-height: 490px;
    background-color: var(--brand-secondary)
}

.rooms__slider .item img {
    opacity: .75 !important
}

.rooms__slider .owl-carousel {
    z-index: 2
}

.rooms__slider .owl-carousel .owl-item {
    overflow: hidden
}

.rooms__slider .owl-carousel .owl-item.active .item {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
}

.rooms__slider .owl-carousel .owl-item.active .item img {
    object-fit: cover;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(1.2) translateX(-30%);
    transform: scale(1.2) translateX(-30%)
}

.rooms-active .rooms__slider .owl-carousel .owl-item .item {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.rooms-active .rooms__slider .owl-carousel .owl-item .item img {
    -webkit-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0)
}

.rooms__slider h2 {
    font-size: 55px;
    z-index: 3;
    overflow: hidden;
    letter-spacing: .025em;
    margin-bottom: 30px;
    color: #7e6d5b;
    opacity: .12
}

.rooms__slider h2>div {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.rooms__slider-arrows {
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 3
}

.rooms__slider-arrows a {
    font-size: 24px;
    opacity: 0
}

.rooms__slider-box {
    border: 1px solid var(--gold);
    width: 80vw;
    height: 50%;
    position: absolute;
    bottom: -80px;
    left: -5.729166666666667vw;
    z-index: 1;
    color: var(--brand-secondary);
    text-align: center;
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    opacity: 0;
    overflow: hidden
}

.rooms__slider-box>div {
    overflow: hidden;
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%
}

.rooms__slider-box h4 {
    font-size: 25px;
    line-height: 63.22px;
    letter-spacing: .05em;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    transition: all .35s var(--cubic-bezier);
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 5.729166666666667vw;
    padding-right: 2vw;
    -webkit-transform: translateY(200px);
    transform: translateY(200px)
}

.rooms__wrapper {
    position: relative;
    padding-top: 22.644927536231883vh;
    padding-left: 30px;
    padding-right: 30px
}

.rooms__slogan {
    z-index: 2;
    margin-bottom: 30px
}

.rooms__slogan h2 {
    font-size: 60px
}

.rooms__slogan a,
.rooms__slogan h2 {
    line-height: 70px;
    color: var(--brand-secondary);
    opacity: 0
}

.rooms__slogan a {
    font-family: var(--font-family-sec);
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: .14em;
    display: inline-block;
    position: relative
}

.rooms__slogan a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 40px);
    width: 172px;
    height: 1px;
    background-color: var(--brand-secondary);
    -webkit-transform: scaleX(0) translateY(-50%);
    transform: scaleX(0) translateY(-50%);
    z-index: 1;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: -webkit-transform .5s var(--cubic-bezier2);
    transition: transform .5s var(--cubic-bezier2);
    transition: transform .5s var(--cubic-bezier2), -webkit-transform .5s var(--cubic-bezier2)
}

.rooms__slogan a.active:after {
    -webkit-transform: scaleX(1) translateY(-50%);
    transform: scaleX(1) translateY(-50%)
}

.kitchen {
    position: relative;
    z-index: 1
}

.kitchen__wrapper {
    overflow: hidden
}

.kitchen .title {
    padding: 0 7.291666666666667vw;
    margin-bottom: 75px
}

.kitchen__slider {
    width: 100%;
    margin-bottom: 75px;
    position: relative;
    z-index: 1
}

.kitchen__slider .item,
.kitchen__slider .owl-carousel,
.kitchen__slider .owl-item,
.kitchen__slider .owl-stage,
.kitchen__slider .owl-stage-outer {
    height: 100%
}

.kitchen__slider:after,
.kitchen__slider:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: -webkit-transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier), -webkit-transform .65s var(--cubic-bezier)
}

.kitchen__slider:after {
    z-index: 3;
    background-color: rgba(126, 109, 91, .12);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.kitchen__slider:before {
    z-index: 2;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.kitchen__slider.active:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.kitchen__slider.show:after,
.kitchen__slider.show:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.kitchen__slider.show-text .item p {
    opacity: 1
}

.kitchen__slider.show-text .item p .line {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1
}

.kitchen__slider .item {
    position: relative;
    direction: ltr
}

.kitchen__slider .item>div {
    background-color: var(--brand-secondary)
}

.kitchen__slider .item img {
    position: relative;
    width: 100%;
    height: 30vh;
    object-fit: cover;
    object-position: center center;
    margin-bottom: 20px;
    opacity: .8 !important
}

.kitchen__slider .item p {
    font-size: 18px;
    line-height: 28px;
    color: var(--brand-secondary);
    letter-spacing: .05em;
    padding: 0 7.291666666666667vw;
    text-align: center;
    opacity: 0
}

.kitchen__slider .item p.show {
    opacity: 1
}

.kitchen__slider-arrows {
    z-index: 3
}

.kitchen__slider-arrows a {
    opacity: 0
}

.kitchen__slider-arrows a span,
.kitchen__slider-arrows a span:after,
.kitchen__slider-arrows a span:before {
    background-color: var(--gold)
}

.kitchen__blocks {
    padding: 0 7.291666666666667vw;
    margin-bottom: 65px;
    overflow: hidden
}

.kitchen__block {
    margin-bottom: 60px;
    overflow: hidden
}

.kitchen__block p {
    color: var(--brand-secondary);
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
    letter-spacing: .05em;
    opacity: 0
}

.kitchen__block p.show {
    opacity: 1
}

.kitchen__block a {
    color: var(--gold);
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
    opacity: 0;
    letter-spacing: .05em
}

.kitchen__block.active .kitchen__block-img:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.kitchen__block.active .kitchen__block-img:after,
.kitchen__block.show .kitchen__block-img:after,
.kitchen__block.show .kitchen__block-img:before {
    transition: -webkit-transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier), -webkit-transform .65s var(--cubic-bezier)
}

.kitchen__block.show .kitchen__block-img:after,
.kitchen__block.show .kitchen__block-img:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.kitchen__block.show .kitchen__block-img img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.kitchen__block-img {
    position: relative;
    height: 35vh;
    margin-bottom: 40px;
    overflow: hidden;
    opacity: 1;
    background-color: var(--brand-secondary);
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease
}

.kitchen__block-img:after,
.kitchen__block-img:before {
    content: "";
    position: absolute;
    top: 0;
    left: -5%;
    width: 110%;
    height: 100%;
    transition: -webkit-transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier), -webkit-transform .65s var(--cubic-bezier)
}

.kitchen__block-img:after {
    background-color: rgba(126, 109, 91, .12);
    z-index: 3;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.kitchen__block-img:before {
    z-index: 2;
    transition-delay: .15s;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.kitchen__block-img img {
    position: relative;
    z-index: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: -webkit-transform 2s var(--cubic-bezier);
    transition: transform 2s var(--cubic-bezier);
    transition: transform 2s var(--cubic-bezier), -webkit-transform 2s var(--cubic-bezier);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: .9
}

.kitchen__box {
    right: 0;
    z-index: 2;
    color: var(--white);
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    padding: 0 7.291666666666667vw;
    text-align: center;
    margin-top: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.kitchen__box h2 {
    font-size: 3.5rem;
    letter-spacing: .05em;
    opacity: 0;
    margin-bottom: 30px
}

.kitchen__box p {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .05em;
    color: var(--brand-secondary);
    opacity: 0
}

.kitchen__box p.show {
    opacity: 1
}

.kitchen-book {
    margin-bottom: 198px;
    color: var(--white);
    text-align: center
}

.kitchen-book h2 {
    font-size: 5.785625rem;
    line-height: 7.996875rem;
    letter-spacing: .025em;
    margin-bottom: 30px
}

.kitchen-book h2 span {
    color: var(--green)
}

.kitchen-book p {
    font-size: 1.875rem;
    line-height: 3.619375rem;
    letter-spacing: .05em;
    margin-bottom: 60px
}

.section-title {
    padding: var(--padding-mobile);
    text-align: center;
    margin-bottom: 120px
}

.section-title h2 {
    color: var(--gold);
    font-size: 32px;
    line-height: 42px;
    letter-spacing: .025em
}

.section-title h2 span {
    color: var(--brand-secondary)
}

.body__green .section-title h2 {
    color: var(--green)
}

.body__orange .section-title h2 {
    color: var(--orange)
}

.body__green .section-title h2 span,
.body__orange .section-title h2 span {
    color: var(--white)
}

.section-main {
    position: relative;
    min-height: 60vh;
    padding: 150px 7.291666666666667vw 0
}

.section-main>img {
    position: absolute;
    opacity: 0;
    height: 50vh;
    bottom: 5.675675675675676vh;
    right: 5.208333333333333vw
}

.section-main__content {
    margin-bottom: 30px
}

.section-main h1 {
    color: var(--gold);
    font-size: 50px;
    letter-spacing: .05em;
    opacity: 0
}

.section-main h1.show {
    opacity: 1
}

.body__orange .section-main h1 {
    color: var(--orange)
}

.body__green .section-main h1 {
    color: var(--green)
}

.section-main p {
    font-size: 24px;
    line-height: 34px;
    color: var(--brand-secondary);
    letter-spacing: .05em;
    opacity: 0;
    max-width: 100%;
    margin-bottom: 30px
}

.section-main p a {
    position: relative;
    color: var(--gold)
}

.section-main p.show {
    opacity: 1
}

.body__green .section-main p,
.body__orange .section-main p {
    color: var(--white)
}

.body__orange .section-main p a {
    color: var(--orange)
}

.body__green .section-main p a {
    color: var(--green)
}

.section-main ul {
    display: none
}

.section-features {
    padding: var(--padding-mobile);
    margin-bottom: 60px
}

.section-feature {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 90px
}

.section-feature,
.section-feature:first-child {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.section-feature:first-child .section-feature__box {
    position: relative;
    top: -27.92792792792793vh;
    left: 2vw;
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    z-index: 2
}

.section-feature:first-child .section-feature__text {
    position: relative;
    padding-left: 8.229166666666668vw;
    padding-right: 3.125vw;
    z-index: 3
}

.section-feature:last-child {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.section-feature:last-child .section-feature__box {
    left: -5.5vw;
    top: -27.92792792792793vh;
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px)
}

.section-feature:last-child .section-feature__text {
    padding-left: 3.125vw;
    padding-right: 8.229166666666668vw
}

.section-feature__img {
    position: relative;
    width: 100%;
    height: 40vh
}

.section-feature__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: 1
}

.section-feature__img:after,
.section-feature__img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.section-feature__img:before {
    background-color: #070707;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-3.jpg);
    background-size: 100%;
    background-repeat: repeat;
    transition: -webkit-transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier), -webkit-transform .65s var(--cubic-bezier)
}

.section-feature__img:after {
    background-color: var(--brand-secondary);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    transition: -webkit-transform .85s var(--cubic-bezier);
    transition: transform .85s var(--cubic-bezier);
    transition: transform .85s var(--cubic-bezier), -webkit-transform .85s var(--cubic-bezier)
}

.section-feature__img.visible:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.section-feature__img.show:after,
.section-feature__img.show:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: -webkit-transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier), -webkit-transform 1.05s var(--cubic-bezier)
}

.section-feature__img-bottom img {
    object-fit: bottom center
}

.section-feature__text {
    padding-top: 4.144144144144144vh;
    margin-bottom: 6.666666666666667vh
}

.section-feature__text h5,
.section-feature__text p {
    letter-spacing: .025em;
    opacity: 0
}

.section-feature__text h5.show,
.section-feature__text p.show {
    opacity: 1
}

.section-feature__text h5 {
    color: var(--green);
    text-transform: uppercase;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
    letter-spacing: .05em
}

.section-feature__text p {
    color: var(--white);
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .05em
}

.section-feature__box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--green);
    z-index: 3;
    opacity: 0
}

.section-features--gold .section-feature__img:before {
    background-color: var(--brand-main);
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.section-features--gold .section-feature__img:after {
    background-color: rgba(126, 109, 91, .12)
}

.section-features--gold .section-feature__text h5 {
    color: var(--gold)
}

.section-features--gold .section-feature__text p {
    color: var(--brand-secondary)
}

.section-features--gold .section-feature__text p a {
    color: var(--gold)
}

.section-features--gold .section-feature__box {
    border-color: var(--gold)
}

.body__orange .section-feature__text h5,
.body__orange .section-feature__text p a {
    color: var(--orange)
}

.body__orange .section-feature__box {
    border-color: var(--orange)
}

.outline {
    color: var(--brand-secondary);
    text-align: center;
    margin-bottom: 75px
}

.outline img {
    margin-bottom: 30px;
    opacity: 0;
    height: auto;
    -webkit-transform: translateY(10px) scale(.9);
    transform: translateY(10px) scale(.9);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.outline h3,
.outline p {
    margin: 0 auto;
    letter-spacing: .02em
}

.outline h3 {
    font-size: 1.75rem;
    line-height: 3rem;
    margin-bottom: 20px
}

.outline p {
    font-size: 1.2rem;
    line-height: 1.75rem;
    letter-spacing: .025em
}

.outline h3,
.outline p {
    opacity: 0
}

.outline h3.show,
.outline p.show {
    opacity: 1
}

.spa {
    margin-bottom: 75px;
    overflow-x: hidden;
    overflow-y: hidden
}

.spa,
.spa>h2 {
    position: relative
}

.spa>h2 {
    text-align: right;
    font-size: 4rem;
    line-height: 12rem;
    letter-spacing: .02em;
    right: -10px;
    margin-bottom: 30px
}

.spa>h2>div {
    opacity: 0
}

.spa__slider-gradient--bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(180deg, hsla(30, 29%, 93%, 0) 0, #f3eee9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001e5799", endColorstr="#f3eee9", GradientType=0)
}

.spa__slider {
    height: 300px;
    position: relative;
    margin-bottom: 40px;
    z-index: 1
}

.spa__slider .bx-viewport,
.spa__slider .bx-viewport>div,
.spa__slider .bx-wrapper,
.spa__slider .item {
    height: 100% !important
}

.spa__slider .item {
    background-color: var(--brand-secondary)
}

.spa__slider .item img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom center;
    opacity: .9
}

.spa__slider:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    background-color: var(--black-light);
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat;
    z-index: 2;
    transition: -webkit-transform 1.25s var(--cubic-bezier);
    transition: transform 1.25s var(--cubic-bezier);
    transition: transform 1.25s var(--cubic-bezier), -webkit-transform 1.25s var(--cubic-bezier)
}

.spa__slider.active:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.spa__slider-text {
    position: relative;
    z-index: 2;
    margin-bottom: 75px;
    opacity: 0;
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    transition: all 1.5s var(--cubic-bezier)
}

.spa__slider-text.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.spa__slider-description {
    padding: 0 7.291666666666667vw
}

.spa__slider-description h2 {
    color: var(--gold);
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 30px;
    opacity: 0;
    letter-spacing: .05em;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

.spa__slider-description p {
    color: var(--brand-secondary);
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: .05em
}

.spa__slider-description p>div {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

.spa__slider-arrows {
    position: relative;
    margin-top: 30px
}

.spa__slider-arrows a {
    font-size: 20px;
    opacity: 0
}

.spa__box {
    color: var(--white);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 7.291666666666667vw
}

.spa__box>div {
    width: 51.75%;
    position: relative;
    height: 0;
    padding-bottom: 48%;
    overflow: hidden
}

.spa__box>div:after {
    content: "";
    position: absolute;
    bottom: -5%;
    left: 0;
    width: 100%;
    height: 110%;
    background-color: var(--black-light);
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat;
    z-index: 2;
    transition: -webkit-transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier), -webkit-transform 1.05s var(--cubic-bezier);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.spa__box>div img {
    z-index: 1
}

.spa__box>div.active:after {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.spa__box p {
    width: 48.25%;
    padding: 0 3.645833333333333vw;
    font-size: 1.2rem;
    line-height: 1.5rem;
    letter-spacing: .05em;
    color: var(--brand-secondary);
    opacity: 0
}

.spa__box p.show {
    opacity: 1
}

.conference {
    margin-bottom: 75px;
    overflow: hidden
}

.conference__img {
    width: 100%;
    height: 250px;
    position: relative;
    overflow: hidden
}

.conference__img img {
    opacity: .9;
    z-index: 1
}

.conference__img:after,
.conference__img:before {
    content: "";
    position: absolute;
    top: -5%;
    left: 0;
    width: 100%;
    height: 110%;
    transition: -webkit-transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier), -webkit-transform .65s var(--cubic-bezier)
}

.conference__img:after {
    z-index: 3;
    background-color: rgba(126, 109, 91, .12);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.conference__img:before {
    z-index: 2;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.conference__img.active:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.conference__img.show:after,
.conference__img.show:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.conference__text {
    width: 100%;
    padding: 50px 15px;
    text-align: center;
    border: 1px solid var(--gold);
    display: block;
    opacity: 0
}

.conference__text .subtitle {
    margin-bottom: 42px;
    opacity: 0
}

.conference__text .subtitle.show {
    opacity: 1
}

.conference__text h5 {
    color: var(--brand-secondary);
    text-transform: uppercase;
    font-size: 16px;
    line-height: 34px;
    letter-spacing: .055em;
    opacity: 0
}

.conference__text h5.show {
    opacity: 1
}

.conference__text h5:after {
    background-color: var(--brand-secondary)
}

.newsletter {
    text-align: center;
    padding: 0 30px;
    margin-bottom: 75px
}

.newsletter__form,
.newsletter h2,
.newsletter p {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

.newsletter__form {
    max-width: 100%;
    width: 100%;
    margin: 30px auto 0
}

.newsletter__form button,
.newsletter__form input {
    border: 0;
    background-color: transparent;
    font-size: .875rem;
    line-height: 60px;
    font-family: var(--family-base);
    text-transform: uppercase;
    letter-spacing: .1em;
    border-radius: 0
}

.newsletter__form button:focus,
.newsletter__form input:focus {
    outline: 0
}

.newsletter__form input {
    color: var(--brand-secondary);
    padding: 0 15px;
    -webkit-appearance: none
}

.body__black .newsletter__form input,
.body__green-dark .newsletter__form input,
.body__green-light .newsletter__form input,
.body__green .newsletter__form input,
.body__orange .newsletter__form input {
    color: var(--white)
}

.newsletter__form button {
    color: var(--gold);
    cursor: pointer;
    position: relative
}

.newsletter__form button span {
    position: relative;
    z-index: 2
}

.newsletter p {
    color: var(--gray);
    font-size: 1rem;
    margin-top: 25px;
    letter-spacing: .055em
}

.section-img-full {
    width: 100%;
    position: relative;
    margin-bottom: 60px
}

.section-img-full img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1
}

.section-img-full:after,
.section-img-full:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    will-change: transform
}

.section-img-full:before {
    background-color: #070700;
    z-index: 2;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-3.jpg);
    background-size: 100%;
    background-repeat: repeat;
    transition: -webkit-transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier), -webkit-transform .65s var(--cubic-bezier)
}

.section-img-full:after {
    z-index: 3;
    background-color: var(--brand-secondary);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    transition: -webkit-transform .85s var(--cubic-bezier);
    transition: transform .85s var(--cubic-bezier);
    transition: transform .85s var(--cubic-bezier), -webkit-transform .85s var(--cubic-bezier)
}

.section-img-full.visible:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.section-img-full.show:after,
.section-img-full.show:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.section-img-full--white:before {
    background-color: var(--brand-main);
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.section-img-full--white:after {
    background-color: rgba(126, 109, 91, .12)
}

.img-full-bottom img {
    object-position: bottom center
}

.section-info {
    margin-bottom: 60px;
    position: relative
}

.section-info:after,
.section-info:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section-info:before {
    background-color: #070700;
    z-index: 3;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-3.jpg);
    background-size: 100%;
    background-repeat: repeat;
    transition: -webkit-transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier), -webkit-transform 1s var(--cubic-bezier)
}

.section-info:after {
    z-index: 4;
    background-color: var(--brand-secondary);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    transition: -webkit-transform 1.25s var(--cubic-bezier);
    transition: transform 1.25s var(--cubic-bezier);
    transition: transform 1.25s var(--cubic-bezier), -webkit-transform 1.25s var(--cubic-bezier)
}

.section-info.visible:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.section-info.show:after,
.section-info.show:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.section-info>div {
    position: relative
}

.section-info>div:after {
    content: "";
    position: absolute;
    top: 30px;
    left: 30px;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    border: 1px solid var(--green);
    z-index: 2;
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    transition: all 1.05s var(--cubic-bezier)
}

.body__orange .section-info>div:after {
    border-color: var(--orange)
}

.section-info>div.active:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.section-info img {
    width: 100%;
    height: 48vh;
    object-fit: cover;
    object-position: center center;
    opacity: .41;
    position: relative;
    z-index: 2
}

.section-info h3 {
    color: var(--white);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: .05em;
    width: 92%;
    text-align: center;
    padding: 0 30px;
    opacity: 0;
    margin-bottom: 0
}

.section-info h3 a {
    color: var(--gold)
}

.section-info-white:before {
    background-color: var(--brand-main);
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.section-info-white:after {
    background-color: rgba(126, 109, 91, .12)
}

.section-info-white>div {
    background-color: var(--brand-secondary)
}

.section-info-white>div:after {
    border-color: var(--gold)
}

.section-info-white img {
    opacity: .4
}

.section-info-conference:before {
    background-color: var(--brand-main);
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.section-info-conference:after {
    background-color: rgba(126, 109, 91, .12)
}

.section-info-conference>div {
    background-color: var(--brand-secondary)
}

.section-info-conference>div:after {
    border-color: var(--gold)
}

.section-info-conference img {
    opacity: .7
}

.footer__menu {
    margin-bottom: 60px;
    text-align: center
}

.footer__menu p {
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: .125em;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-size: 20px;
    position: relative;
    opacity: 0;
    font-weight: 700
}

.footer__menu p:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--gold);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.body__green .footer__menu p {
    color: var(--green)
}

.body__green .footer__menu p:after {
    background-color: var(--green)
}

.body__green-light .footer__menu p {
    color: var(--green-light)
}

.body__green-light .footer__menu p:after {
    background-color: var(--green-light)
}

.body__green-dark .footer__menu p {
    color: var(--green-dark)
}

.body__green-dark .footer__menu p:after {
    background-color: var(--green-dark)
}

.body__orange .footer__menu p {
    color: var(--orange)
}

.body__orange .footer__menu p:after {
    background-color: var(--orange)
}

.footer__menu ul li {
    opacity: 0;
    margin-bottom: 15px
}

.footer__menu ul li a {
    color: var(--brand-secondary);
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: .15em;
    position: relative
}

.body__black .footer__menu ul li a,
.body__green-dark .footer__menu ul li a,
.body__green-light .footer__menu ul li a,
.body__green .footer__menu ul li a,
.body__orange .footer__menu ul li a {
    color: var(--white)
}

.footer__menu ul li.show {
    opacity: 1
}

.footer__menu ul li:last-child {
    margin-bottom: 0
}

.footer__box {
    border-top: 1px solid var(--gold);
    border-left: 1px solid var(--gold);
    border-right: 1px solid var(--gold);
    margin-bottom: 60px;
    text-align: center;
    position: relative;
    padding: 60px 30px;
    opacity: 0
}

.footer__box:after,
.footer__box:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 20%;
    height: 1px;
    background-color: var(--gold)
}

.body__green .footer__box {
    border-top: 1px solid var(--green);
    border-left: 1px solid var(--green);
    border-right: 1px solid var(--green)
}

.body__green .footer__box:after,
.body__green .footer__box:before {
    background-color: var(--green)
}

.body__green-light .footer__box {
    border-top: 1px solid var(--green-light);
    border-left: 1px solid var(--green-light);
    border-right: 1px solid var(--green-light)
}

.body__green-light .footer__box:after,
.body__green-light .footer__box:before {
    background-color: var(--green-light)
}

.body__green-dark .footer__box {
    border-top: 1px solid var(--green-dark);
    border-left: 1px solid var(--green-dark);
    border-right: 1px solid var(--green-dark)
}

.body__green-dark .footer__box:after,
.body__green-dark .footer__box:before {
    background-color: var(--green-dark)
}

.body__orange .footer__box {
    border-top: 1px solid var(--orange);
    border-left: 1px solid var(--orange);
    border-right: 1px solid var(--orange)
}

.body__orange .footer__box:after,
.body__orange .footer__box:before {
    background-color: var(--orange)
}

.footer__box:after {
    left: 0
}

.footer__box:before {
    right: 0
}

.footer__box h2 {
    color: var(--brand-secondary);
    font-size: 1.5rem;
    line-height: 2.3rem;
    letter-spacing: .02em;
    margin-bottom: 0;
    opacity: 0
}

.body__black .footer__box h2,
.body__green-dark .footer__box h2,
.body__green-light .footer__box h2,
.body__green .footer__box h2,
.body__orange .footer__box h2 {
    color: var(--white)
}

.footer__box img,
.footer__box svg {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    max-width: 160px;
    opacity: 0
}

.footer__box svg path,
.footer__box svg polygon {
    fill: var(--gold)
}

.body__green .footer__box svg path,
.body__green .footer__box svg polygon {
    fill: var(--green)
}

.body__green-light .footer__box svg path,
.body__green-light .footer__box svg polygon {
    fill: var(--green-light)
}

.body__green-dark .footer__box svg path,
.body__green-dark .footer__box svg polygon {
    fill: var(--green-dark)
}

.body__orange .footer__box svg path,
.body__orange .footer__box svg polygon {
    fill: var(--orange)
}

.footer__bottom {
    text-align: center;
    padding-bottom: 30px
}

.footer__bottom p {
    color: var(--brand-secondary);
    font-size: .875rem;
    line-height: 1.75rem;
    letter-spacing: .125em;
    margin-bottom: 10px;
    opacity: 0
}

.body__black .footer__bottom p,
.body__green-dark .footer__bottom p,
.body__green-light .footer__bottom p,
.body__green .footer__bottom p,
.body__orange .footer__bottom p,
.room-main {
    color: var(--white)
}

.room-main {
    position: relative;
    background-color: var(--brand-secondary);
    overflow: hidden
}

.room-main img {
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.room-main h1,
.room-main img {
    position: absolute;
    width: 100%;
    opacity: 0
}

.room-main h1 {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 54px;
    letter-spacing: .05em;
    z-index: 2;
    text-align: center;
    overflow: hidden
}

.room-main h1.show {
    opacity: 1
}

.room-main__info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 3;
    text-align: center;
    padding: 40px 7.291666666666667vw
}

.room-main__info li {
    font-size: 2rem;
    padding: 4vh 0;
    position: relative;
    opacity: 0
}

.room-main__info li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: hsla(0, 0%, 100%, .15);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.room-main__info li span {
    font-size: 1.25rem;
    margin-bottom: 10px;
    display: inline-block
}

.room-main__info li:first-child {
    padding-top: 0
}

.room-main__info li:last-child {
    padding-bottom: 0
}

.room-main__info li:last-child:after {
    display: none
}

.room-about {
    text-align: center;
    margin: 0 auto;
    padding: 75px 7.291666666666667vw 50px
}

.room-about h2>div,
.room-about p>div {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

.room-about h2 {
    color: var(--gold);
    font-size: 40px;
    line-height: 54px
}

.room-about h2,
.room-about p {
    letter-spacing: .05em;
    margin-bottom: 30px
}

.room-about p {
    color: var(--brand-secondary);
    font-size: 20px;
    line-height: 28px
}

.room-price {
    font-size: 24px !important;
    color: var(--gold) !important
}

.search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 4;
    background-color: var(--black-light);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.body__black .search {
    background-image: none;
    background-color: var(--black-bg)
}

.body__green-dark .search,
.body__green-light .search,
.body__green .search,
.body__orange .search {
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-3.jpg);
    background-color: var(--black-bg)
}

.search img {
    position: absolute;
    z-index: 1;
    top: 11.09107303877367vh;
    right: 5.260416666666667vw;
    height: 55vh;
    opacity: 0
}

.search__form {
    padding: 0 21.770833333333332vw
}

.search__form p {
    font-size: 1.875rem;
    color: #c1c1c1;
    letter-spacing: .05em;
    margin-bottom: 48px;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

.search__form p span {
    color: #444
}

.search__form input {
    background-color: transparent;
    width: 100%;
    border: 0;
    color: var(--brand-secondary);
    font-size: 10.074375vw;
    line-height: 10.074375vw;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    font-family: var(--font-family-base)
}

.body__black .search__form input {
    color: #c1c1c1
}

.body__green .search__form input {
    color: var(--green)
}

.body__green-light .search__form input {
    color: var(--green-light)
}

.body__green-dark .search__form input {
    color: var(--green-dark)
}

.body__orange .search__form input {
    color: var(--orange)
}

.search--list {
    width: 100%;
    margin-bottom: 60px
}

.search--list li {
    margin-bottom: 20px;
    position: relative;
    transition: background .5s ease;
    opacity: 0
}

.search--list li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(126, 109, 91, .05)
}

.search--list li a {
    font-size: 16px;
    line-height: 20px;
    display: block;
    padding: 20px;
    text-transform: uppercase;
    position: relative;
    z-index: 2
}

.search--no-entry {
    text-align: center;
    width: 100%;
    margin-bottom: 50px
}

.room__info {
    padding: 0 7.291666666666667vw;
    margin-bottom: 75px;
    letter-spacing: .05em;
    text-align: center
}

.room__info h5 {
    color: var(--gold);
    font-size: 22px;
    margin-bottom: 40px;
    letter-spacing: .05em;
    text-transform: uppercase
}

.room__features {
    color: var(--brand-secondary);
    font-size: 18px;
    margin-bottom: 75px
}

.room__features ul li {
    margin-bottom: 20px;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    text-transform: inherit
}

.room__plan img {
    width: 100%;
    height: auto;
    opacity: 0;
    padding: 30px;
    background-color: rgba(126, 109, 91, .05)
}

.room-feature {
    padding: 0 30px;
    margin-bottom: 50px
}

.room-feature__block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin-bottom: 50px
}

.room-feature__block:first-child .room-feature__text {
    padding-right: 7.8125vw
}

.room-feature__block:first-child .room-feature__box {
    left: -4vw;
    top: 27.92792792792793vh;
    -webkit-transform: translateY(200px);
    transform: translateY(200px)
}

.room-feature__block:last-child .room-feature__text {
    padding-left: 7.8125vw
}

.room-feature__block:last-child .room-feature__box {
    left: 4vw;
    top: 27.92792792792793vh;
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px)
}

.room-feature__img {
    width: 100%;
    height: 40vh;
    position: relative;
    background-color: var(--black)
}

.room-feature__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: 1;
    overflow: hidden;
    opacity: .8
}

.room-feature__img:after,
.room-feature__img:before {
    content: "";
    position: absolute;
    top: -1%;
    left: -1%;
    width: 102%;
    height: 102%;
    z-index: 2;
    transition: -webkit-transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier), -webkit-transform 1.05s var(--cubic-bezier)
}

.room-feature__img:before {
    background-color: #070707;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.room-feature__img:after {
    background-color: rgba(126, 109, 91, .12);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.room-feature__img.visible:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.room-feature__img.show:after,
.room-feature__img.show:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: -webkit-transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier), -webkit-transform 1.05s var(--cubic-bezier)
}

.room-feature__text {
    padding-top: 4.144144144144144vh;
    padding-bottom: 7.207207207207207vh
}

.room-feature__text h5,
.room-feature__text p {
    letter-spacing: .025em
}

.room-feature__text h5 {
    color: var(--brand-secondary);
    text-transform: uppercase;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
    letter-spacing: .05em
}

.room-feature__text p {
    color: var(--brand-secondary);
    font-size: 18px;
    line-height: 26px
}

.room-feature__box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--brand-secondary);
    border-color: rgba(32, 32, 32, .5);
    z-index: 3;
    opacity: 0
}

.form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 7.291666666666667vw;
    margin: 150px 0 100px
}

.form>div {
    width: 100%
}

.form img {
    position: absolute;
    z-index: 1;
    top: 11.09107303877367vh;
    right: 5.260416666666667vw;
    height: 56vh;
    opacity: 0
}

.form h2 {
    font-size: 40px;
    line-height: 44px;
    color: #444;
    letter-spacing: .025em;
    margin-bottom: 30px;
    opacity: 0
}

.form h2 span {
    color: var(--gold)
}

.form form {
    width: 100%;
    opacity: 0;
    position: relative;
    z-index: 2
}

.form form input,
.form form select,
.form form textarea {
    display: block;
    border: 0;
    border-bottom: 1px solid #444;
    font-size: 22px;
    border-radius: 0
}

.form form button,
.form form input,
.form form select,
.form form textarea {
    background-color: transparent;
    color: var(--gold);
    font-family: var(--font-family-base)
}

.form form button {
    margin-top: 7.387387387387387vh;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1rem;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: .025em
}

.form form textarea {
    resize: none
}

.form form p {
    font-size: 22px;
    line-height: 70px;
    color: #444;
    letter-spacing: .05em
}

#email,
#message,
#name,
#type {
    width: 100%
}

#message {
    height: 200px
}

.map {
    position: relative;
    margin-bottom: 75px
}

.map #map:after,
.map #map:before {
    content: "";
    position: absolute;
    top: -1%;
    left: -1%;
    width: 102%;
    height: 102%;
    z-index: 2;
    transition: -webkit-transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier), -webkit-transform 1s var(--cubic-bezier)
}

.map #map:before {
    background-color: var(--brand-main);
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.map #map:after {
    background-color: rgba(126, 109, 91, .12);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.map #map.visible:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.map #map.show:after,
.map #map.show:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: -webkit-transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier), -webkit-transform 1.05s var(--cubic-bezier)
}

.map #map,
.map img {
    position: relative;
    width: 100%;
    height: 40vh;
    object-fit: cover;
    object-position: center center;
    margin-bottom: 40px
}

.map p {
    font-size: 18px;
    line-height: 26px;
    color: var(--brand-secondary);
    letter-spacing: .05em;
    text-align: center;
    padding: 0 15px;
    opacity: 0
}

.map p a {
    transition: color .5s var(--cubic-bezier)
}

.map__inner {
    position: relative;
    text-align: center
}

.map__box {
    margin: 0 20px;
    padding: 40px;
    z-index: 2;
    width: calc(100% - 40px);
    opacity: 0;
    -webkit-transform: translateY(200px);
    transform: translateY(200px)
}

.map__box h4 {
    color: var(--brand-secondary);
    font-size: 20px;
    line-height: 26px;
    letter-spacing: .05em;
    opacity: 0
}

.map__box h4.show {
    opacity: 1
}

#direction {
    font-size: 20px;
    color: var(--gold);
    padding: 15px 30px;
    z-index: 3;
    display: inline-block;
    opacity: 0
}

.career {
    color: var(--brand-secondary);
    text-align: center;
    margin-bottom: 120px
}

.career__text {
    padding: 0 20px;
    margin-bottom: 60px
}

.career h2 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 30px
}

.career p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: .05em
}

.career h2,
.career p {
    opacity: 0
}

.career h2.show,
.career p.show {
    opacity: 1
}

.career a {
    color: var(--gold)
}

.career__img {
    position: relative;
    height: 40vh;
    background-color: var(--brand-secondary)
}

.career__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    opacity: .74;
    z-index: 1
}

.career__img:after,
.career__img:before {
    content: "";
    position: absolute;
    top: -1%;
    left: -1%;
    width: 102%;
    height: 102%;
    z-index: 2;
    transition: -webkit-transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier), -webkit-transform 1s var(--cubic-bezier)
}

.career__img:before {
    background-color: var(--brand-main);
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.career__img:after {
    background-color: rgba(126, 109, 91, .12);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.career__img.visible:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.career__img.show:after,
.career__img.show:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: -webkit-transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier), -webkit-transform 1.05s var(--cubic-bezier)
}

.career__box {
    position: absolute;
    top: 5vh;
    right: 10vw;
    width: 70vw;
    height: 40vh;
    z-index: 4;
    opacity: 0;
    border: 1px solid var(--gold);
    -webkit-transform: translateY(200px);
    transform: translateY(200px)
}

.career-blocks {
    padding: 50px 0
}

.career-block {
    color: var(--brand-secondary);
    margin-bottom: 60px;
    padding: 0 7.291666666666667vw;
    display: block
}

.career-block__text {
    z-index: 2
}

.career-block__text h2 {
    letter-spacing: .05em;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 30px;
    text-transform: uppercase
}

.career-block__text p {
    color: var(--brand-secondary);
    font-family: var(--mullerlight);
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 30px
}

.career-block__text p a {
    position: relative
}

.career-block__text p a:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--gold)
}

.career-block__text p.career-block__author {
    color: var(--gold);
    font-family: var(--mullerlight)
}

.career-block__text p.career-block__author a:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    transition: -webkit-transform .5s var(--cubic-bezier);
    transition: transform .5s var(--cubic-bezier);
    transition: transform .5s var(--cubic-bezier), -webkit-transform .5s var(--cubic-bezier)
}

.career-block__img {
    position: relative;
    margin-bottom: 60px;
    z-index: 1;
    height: 240px;
    background-color: var(--black)
}

.career-block__img img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    object-fit: cover;
    object-position: center 70%;
    height: 240px;
    opacity: .875
}

.career-block__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat;
    z-index: 2;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: -webkit-transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier), -webkit-transform .65s var(--cubic-bezier)
}

.career-block__img.active:after {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.career-block__box {
    position: absolute;
    width: 100%;
    top: 3.25vh;
    left: 5vw;
    height: 100%;
    border: 1px solid var(--gold);
    z-index: 2;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

.career-block__author {
    text-transform: uppercase
}

.career-block:nth-child(2n) .career-block__box {
    left: auto;
    right: -15vw
}

.career-inside {
    margin: 120px 0 90px
}

.career-inside .container {
    padding: 0 15px
}

.career-inside__wrapper {
    margin-bottom: 30px
}

.career-inside__img {
    position: relative;
    background-color: var(--brand-secondary);
    margin-bottom: 60px;
    z-index: 1;
    opacity: 0
}

.career-inside__img:after,
.career-inside__img:before {
    content: "";
    position: absolute;
    top: -1%;
    left: -1%;
    width: 102%;
    height: 102%;
    z-index: 2;
    transition: -webkit-transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier), -webkit-transform .65s var(--cubic-bezier)
}

.career-inside__img:before {
    background-color: #070707;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.career-inside__img:after {
    background-color: rgba(126, 109, 91, .12);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.career-inside__img .career-inside__img-wrapper {
    position: relative;
    overflow: hidden;
    height: 300px
}

.career-inside__img.visible {
    opacity: 1
}

.career-inside__img.visible:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.career-inside__img.show:after,
.career-inside__img.show:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: -webkit-transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier), -webkit-transform 1.05s var(--cubic-bezier)
}

.career-inside__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center center;
    opacity: .65
}

.career-inside__title h1 {
    font-size: 34px;
    line-height: 44px;
    opacity: 0
}

.career-inside__title h1.show {
    opacity: 1
}

.career-inside__box {
    position: absolute;
    bottom: -20px;
    right: 5%;
    width: 85%;
    height: 100%;
    border: 1px solid var(--gold);
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0
}

.career-inside__text {
    width: 100%;
    color: rgba(0, 0, 0, .65);
    position: relative;
    z-index: 2;
    opacity: 0
}

.career-inside__text.show {
    opacity: 1
}

.career-inside__text h2,
.career-inside__text h3,
.career-inside__text h4,
.career-inside__text h5,
.career-inside__text h6 {
    font-family: var(--mullerlight)
}

.career-inside__text h2 {
    font-size: 34px;
    margin-bottom: 60px;
    margin-top: 40px;
    color: var(--brand-secondary)
}

.career-inside__text h3 {
    font-size: 22px;
    margin-bottom: 30px;
    color: var(--gold)
}

.career-inside__text h4 {
    font-size: 24px;
    line-height: 44px;
    margin-bottom: 30px
}

.career-inside__text h4 span {
    color: var(--gold)
}

.career-inside__text p,
.career-inside__text ul {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;
    font-family: var(--mullerlight)
}

.career-inside__text ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px
}

.career-inside__text ul li:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #000;
    opacity: 0;
    transition: opacity .75s var(--cubic-bezier) 1s
}

.career-inside__text ul li.visible:after {
    opacity: 1
}

.career-inside__text h4,
.career-inside__text p,
.career-inside__text ul li {
    opacity: 0
}

.career-inside__text h4.show,
.career-inside__text p.show,
.career-inside__text ul li.show {
    opacity: 1
}

.room {
    margin-bottom: 210px;
    position: relative;
    z-index: 1;
    display: block
}

.room__img {
    overflow: hidden;
    z-index: 1
}

.room__img,
.room__img img {
    position: relative;
    width: 100%;
    height: 100%
}

.room__img img {
    object-fit: cover;
    object-position: center center;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    transition: -webkit-transform 4s var(--cubic-bezier);
    transition: transform 4s var(--cubic-bezier);
    transition: transform 4s var(--cubic-bezier), -webkit-transform 4s var(--cubic-bezier);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: .9
}

.room__img:after,
.room__img:before {
    content: "";
    position: absolute;
    top: 0;
    left: -5%;
    width: 110%;
    height: 100%;
    transition: -webkit-transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier), -webkit-transform 1s var(--cubic-bezier)
}

.room__img:after {
    background-color: rgba(126, 109, 91, .12);
    z-index: 3;
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
}

.room__img:after,
.room__img:before {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.room__img:before {
    z-index: 2;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.room__img.active:after {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: all 1s var(--cubic-bezier)
}

.room__img.show:after,
.room__img.show:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    transition: -webkit-transform 1.5s var(--cubic-bezier);
    transition: transform 1.5s var(--cubic-bezier);
    transition: transform 1.5s var(--cubic-bezier), -webkit-transform 1.5s var(--cubic-bezier)
}

.room__img.show img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.room__price {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 4;
    color: var(--white);
    font-size: 20px;
    opacity: 0
}

.room__box {
    z-index: 2;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.room__box h3 {
    font-size: 26px;
    padding: 24px
}

.room__box h3 span {
    color: var(--gold) !important;
    font-size: 24px !important;
    display: inline-block
}

.room-gallery {
    position: relative;
    padding: 0 15px;
    margin-bottom: 50px
}

.room-gallery .swiper-container {
    width: 100%;
    height: 300px;
    z-index: 1;
    background-color: var(--black);
    position: relative
}

.room-gallery .swiper-container:after,
.room-gallery .swiper-container:before {
    content: "";
    position: absolute;
    top: -1%;
    left: -1%;
    width: 102%;
    height: 102%;
    z-index: 2;
    transition: -webkit-transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier), -webkit-transform 1s var(--cubic-bezier)
}

.room-gallery .swiper-container:before {
    background-color: #070707;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.room-gallery .swiper-container:after {
    background-color: rgba(126, 109, 91, .12);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.room-gallery .swiper-container.visible:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.room-gallery .swiper-container.show:after,
.room-gallery .swiper-container.show:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: -webkit-transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier), -webkit-transform 1s var(--cubic-bezier)
}

.room-gallery .swiper-container .arrows {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 2;
    color: var(--white);
    font-size: 24px
}

.room-gallery .swiper-container .arrows a {
    opacity: 0;
    visibility: hidden;
    width: auto
}

.room-gallery .swiper-container .arrows a:last-child {
    margin-left: 10px
}

.room-gallery .swiper-container .arrows span {
    width: 40px;
    background-color: var(--white)
}

.room-gallery .swiper-container .arrows span:after,
.room-gallery .swiper-container .arrows span:before {
    height: 18px;
    background-color: var(--white)
}

.room-gallery .swiper-container .arrows span:after {
    top: -18px
}

.room-gallery .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    opacity: .8
}

.room-gallery__info {
    position: relative;
    z-index: 3
}

.room-gallery__info:after {
    content: "";
    display: none;
    position: absolute;
    width: 150%;
    height: 120%;
    top: -10%;
    left: -50%;
    border: 1px solid var(--gold);
    opacity: 0;
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
    transition: all 1s ease
}

.room-gallery__info.show:after {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.room-gallery__info>div {
    width: 100%;
    position: relative
}

.room-gallery__info h2 {
    font-size: 40px;
    z-index: 0;
    color: var(--gold);
    margin-bottom: 30px;
    text-align: center;
    position: relative
}

.room-gallery .swiper-info {
    display: none;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 15%;
    width: 100%
}

.room-gallery .swiper-info span {
    font-size: 1.75rem;
    color: var(--gold);
    opacity: 0
}

.room-gallery .swiper-info div {
    width: 30%;
    height: 1px;
    background-color: var(--brand-secondary);
    position: relative;
    top: -18px;
    margin: 0 20px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.line-wrapper {
    overflow: hidden
}

.line-wrapper .line {
    -webkit-transform: translateY(200px);
    transform: translateY(200px)
}

.section-text {
    padding: 0 15px;
    margin-bottom: 90px;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    color: var(--brand-secondary)
}

.section-text,
.section-text h2,
.section-text h3,
.section-text h4,
.section-text h5,
.section-text h6 {
    font-family: var(--mullerlight)
}

.section-text h2 {
    font-size: 34px;
    margin-bottom: 50px;
    margin-top: 40px;
    color: var(--brand-secondary)
}

.section-text h3 {
    font-size: 20px;
    margin-bottom: 30px;
    color: var(--gold)
}

.section-text p,
.section-text ul {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
    color: rgba(0, 0, 0, .65);
    word-wrap: break-word
}

.section-text p a,
.section-text ul a {
    color: var(--gold)
}

.section-text ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px
}

.section-text ul li:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .65)
}

.section-menu {
    margin-bottom: 75px;
    overflow: hidden
}

.section-menu__img {
    width: 100%;
    height: 250px;
    position: relative;
    overflow: hidden
}

.section-menu__img img {
    opacity: .9;
    z-index: 1
}

.section-menu__img:after,
.section-menu__img:before {
    content: "";
    position: absolute;
    top: -5%;
    left: 0;
    width: 100%;
    height: 110%;
    transition: -webkit-transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier), -webkit-transform .65s var(--cubic-bezier)
}

.section-menu__img:after {
    z-index: 3;
    background-color: rgba(126, 109, 91, .12);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.section-menu__img:before {
    z-index: 2;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.section-menu__img.active:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.section-menu__img.show:after,
.section-menu__img.show:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.section-menu__text {
    width: 100%;
    padding: 50px 15px;
    text-align: center;
    border: 1px solid var(--gold);
    display: block;
    opacity: 0
}

.section-menu__text .subtitle {
    margin-bottom: 42px
}

.section-menu__text h5 {
    color: var(--brand-secondary);
    text-transform: uppercase;
    font-size: 16px;
    line-height: 34px;
    letter-spacing: .055em
}

.body__green .section-menu__img:after,
.section-menu__text h5:after {
    background-color: var(--brand-secondary)
}

.body__green .section-menu__img:before {
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-3.jpg)
}

.body__green .section-menu__text {
    border-color: var(--green)
}

.body__green .section-menu__text .subtitle {
    color: var(--green)
}

.body__green .section-menu__text h5 {
    color: var(--white)
}

.body__green .section-menu__text h5:after {
    background-color: var(--white)
}

.body__orange .section-menu__img:after {
    background-color: var(--brand-secondary)
}

.body__orange .section-menu__img:before {
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-3.jpg)
}

.body__orange .section-menu__text {
    border-color: var(--orange)
}

.body__orange .section-menu__text .subtitle {
    color: var(--orange)
}

.body__orange .section-menu__text h5 {
    color: var(--white)
}

.body__orange .section-menu__text h5:after {
    background-color: var(--white)
}

.video__wrapper {
    padding: 0 7.291666666666667vw;
    margin-bottom: 60px
}

.video__inner {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.video__inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.video__inner:after,
.video__inner:before {
    content: "";
    position: absolute;
    top: -1%;
    left: -1%;
    width: 102%;
    height: 102%;
    z-index: 2;
    transition: -webkit-transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier), -webkit-transform .65s var(--cubic-bezier)
}

.video__inner:before {
    background-color: var(--brand-main);
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.video__inner:after {
    background-color: rgba(126, 109, 91, .12);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.video__inner.visible:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.video__inner.show:after,
.video__inner.show:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: -webkit-transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier);
    transition: transform 1.05s var(--cubic-bezier), -webkit-transform 1.05s var(--cubic-bezier)
}

.body__green .video__inner:before {
    background-color: #070707;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-3.jpg)
}

.body__green .video__inner:after {
    background-color: var(--brand-secondary)
}

.testimonial {
    padding: 90px 0 30px
}

.testimonial-block {
    color: var(--brand-secondary);
    margin-bottom: 60px;
    padding: 0 7.291666666666667vw
}

.testimonial-block__text {
    z-index: 2
}

.testimonial-block__text h2 {
    letter-spacing: .05em;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 30px
}

.testimonial-block__text p {
    color: var(--brand-secondary);
    font-family: var(--mullerlight);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px
}

.testimonial-block__text p a {
    position: relative
}

.testimonial-block__text p a:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--gold)
}

.testimonial-block__text p.testimonial-block__author {
    color: var(--gold);
    font-family: var(--mullerlight)
}

.testimonial-block__img {
    position: relative;
    margin-bottom: 60px;
    z-index: 1;
    height: 300px;
    background-color: var(--black)
}

.testimonial-block__img img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    object-fit: cover;
    object-position: center 70%;
    height: 300px;
    opacity: .875
}

.testimonial-block__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-color: var(--brand-main);
    background-size: 100%;
    background-repeat: repeat;
    z-index: 2;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: -webkit-transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier), -webkit-transform 1s var(--cubic-bezier)
}

.testimonial-block__img.active:after {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.testimonial-block__box {
    position: absolute;
    width: 100%;
    top: 2vh;
    left: 5vw;
    height: 100%;
    border: 1px solid var(--gold);
    z-index: 2;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

.testimonial-block__author {
    text-transform: uppercase
}

.testimonial-block:nth-child(2n) .testimonial-block__box {
    left: auto;
    right: 5vw
}

.section-category {
    padding: 150px 7.291666666666667vw 60px
}

.section-category h1,
.section-category ul li {
    opacity: 0
}

.section-category h1 {
    color: var(--gold);
    text-align: center
}

.section-category ul {
    margin: 0 auto;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

.section-category ul li {
    margin-left: 30px
}

.section-category ul li:first-child {
    margin-left: 0
}

.section-category ul li a {
    font-size: 16px;
    text-transform: uppercase
}

.section-category ul li.active a {
    position: relative
}

.section-category ul li.active a:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--brand-secondary)
}

.section-category.active h1,
.section-category.active ul li {
    opacity: 1
}

.offers-wrapper {
    max-width: calc(100% - 60px);
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.offer-block {
    margin-bottom: 60px;
    width: 100%;
    position: relative
}

.offer-block--img {
    position: relative;
    background-color: var(--brand-secondary);
    transition: -webkit-transform 2s var(--cubic-bezier);
    transition: transform 2s var(--cubic-bezier);
    transition: transform 2s var(--cubic-bezier), -webkit-transform 2s var(--cubic-bezier);
    opacity: 0;
    margin-bottom: 30px
}

.offer-block--img img {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: .85;
    width: 100%;
    height: auto;
    display: block
}

.offer-block--img:after,
.offer-block--img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: -webkit-transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier);
    transition: transform 1s var(--cubic-bezier), -webkit-transform 1s var(--cubic-bezier)
}

.offer-block--img:after {
    background-color: rgba(126, 109, 91, .12);
    z-index: 3;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.offer-block--img:before {
    z-index: 2;
    transition-delay: .15s;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.offer-block--img.show {
    opacity: 1
}

.offer-block--text {
    position: relative
}

.offer-block--text h4 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 30px;
    letter-spacing: .05em;
    color: var(--brand-secondary)
}

.offer-block--text h5 {
    font-size: 18px
}

.offer-block--text p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .05em;
    color: var(--gold);
    text-transform: uppercase
}

.offer-block--text h4,
.offer-block--text h5,
.offer-block--text p {
    opacity: 0
}

.offer-block--text h4.show,
.offer-block--text h5.show,
.offer-block--text p.show {
    opacity: 1
}

.offer-block.active .offer-block--img:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.offer-block.active .offer-block--img:after,
.offer-block.show .offer-block--img:after,
.offer-block.show .offer-block--img:before {
    transition: -webkit-transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier), -webkit-transform .65s var(--cubic-bezier)
}

.offer-block.show .offer-block--img:after,
.offer-block.show .offer-block--img:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.offer-block.show .offer-block--img:after {
    transition-delay: .05s
}

.offer-block.show .offer-block--img img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.offer {
    margin: 100px 0
}

.offer .container {
    padding: 0 20px
}

.offer__img {
    position: relative;
    width: 100%;
    background-color: var(--brand-secondary);
    margin-bottom: 80px;
    z-index: 1;
    opacity: 0
}

.offer__img:after,
.offer__img:before {
    content: "";
    position: absolute;
    top: -1%;
    left: -1%;
    width: 102%;
    height: 102%;
    z-index: 2;
    transition: -webkit-transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier), -webkit-transform .65s var(--cubic-bezier)
}

.offer__img:before {
    background-color: #070707;
    background-image: url(https://hotelgarden-ks.com/wp-content/themes/Hotel-Garden/img/pics/bg-2.jpg);
    background-size: 100%;
    background-repeat: repeat
}

.offer__img:after {
    background-color: rgba(126, 109, 91, .12);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.offer__img .offer__img-wrapper {
    position: relative;
    overflow: hidden;
    height: 320px
}

.offer__img.visible {
    opacity: 1
}

.offer__img.visible:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.offer__img.show:after,
.offer__img.show:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: -webkit-transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier);
    transition: transform .65s var(--cubic-bezier), -webkit-transform .65s var(--cubic-bezier)
}

.offer__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center center;
    opacity: .65
}

.offer__img h1 {
    position: absolute;
    bottom: 5%;
    right: 0;
    z-index: 2;
    font-size: 25px;
    line-height: 30px;
    color: var(--white);
    opacity: 0;
    width: 100%;
    padding: 0 5%
}

.offer__img h1.show {
    opacity: 1
}

.offer__box {
    position: absolute;
    bottom: -30px;
    right: -10px;
    width: 75%;
    height: 100%;
    border: 1px solid var(--gold);
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0
}

.offer__text {
    width: 100%;
    color: rgba(0, 0, 0, .65);
    position: relative;
    z-index: 2
}

.offer__text h3 {
    font-size: 100px;
    color: #7e6d5b;
    opacity: 0;
    text-align: center;
    margin-bottom: 30px
}

.offer__text h3.show {
    opacity: .12
}

.offer__text h4 {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 30px;
    text-align: center
}

.offer__text h4 span {
    color: var(--gold)
}

.offer__text p,
.offer__text ul {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
    font-family: var(--mullerlight)
}

.offer__text ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px
}

.offer__text ul li:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
    opacity: 0;
    transition: opacity .75s var(--cubic-bezier) 1s
}

.offer__text ul li.visible:after {
    opacity: 1
}

.offer__text h4,
.offer__text p,
.offer__text ul li {
    opacity: 0
}

.offer__text h4.show,
.offer__text p.show,
.offer__text ul li.show {
    opacity: 1
}

.offer-block--none {
    text-align: center;
    width: 100%
}

.offer-block--none h4 {
    font-size: 34px;
    margin-bottom: 120px;
    opacity: 0
}

.offer-block--none h4.show {
    opacity: 1
}

.career-form {
    text-align: center;
    padding: 0 30px;
    margin-bottom: 75px
}

.career-form__form,
.career-form h2 {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

.career-form__form {
    max-width: 100%;
    width: 100%;
    margin: 30px auto 0
}

.career-form__form .file,
.career-form__form button,
.career-form__form input {
    background-color: transparent;
    font-size: .875rem;
    line-height: 60px;
    font-family: var(--family-base);
    text-transform: uppercase;
    letter-spacing: .1em;
    border-radius: 0
}

.career-form__form .file:focus,
.career-form__form button:focus,
.career-form__form input:focus {
    outline: 0
}

.career-form__form .file,
.career-form__form input {
    color: var(--brand-secondary);
    padding: 0 15px
}

.body__black .career-form__form .file,
.body__black .career-form__form input,
.body__green-dark .career-form__form .file,
.body__green-dark .career-form__form input,
.body__green-light .career-form__form .file,
.body__green-light .career-form__form input,
.body__green .career-form__form .file,
.body__green .career-form__form input,
.body__orange .career-form__form .file,
.body__orange .career-form__form input {
    color: var(--white)
}

.career-form__form .file {
    position: relative;
    cursor: pointer
}

.career-form__form .file span {
    position: relative;
    z-index: 1
}

.career-form__form .file input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0
}

.career-form__form .file .remove {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 16px;
    line-height: 16px;
    font-family: var(--mullerlight);
    display: none;
    z-index: 3
}

.career-form__form button {
    color: var(--gold);
    cursor: pointer;
    position: relative;
    width: 100%
}

.career-form__form button span {
    position: relative;
    z-index: 2
}

.career-form a {
    font-size: 1.5rem;
    margin-bottom: 15px;
    display: inline-block;
    color: var(--gold)
}

.pagination {
    text-align: center;
    margin-bottom: 60px
}

.pagination a,
.pagination span {
    font-size: 14px;
    padding: 12px 15px;
    border: 1px solid var(--gold);
    color: var(--brand-secondary);
    margin: 0 5px;
    transition: all .5s var(--cubic-bezier)
}

.pagination a.current,
.pagination span.current {
    color: var(--white);
    background-color: var(--gold)
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 6;
    background-color: rgba(0, 0, 0, .45);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    visibility: visible;
    transition: all .5s cubic-bezier(.075, .82, .165, 1);
    display: none
}

.popup.popup--available {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.popup.popup--close {
    opacity: 0 !important;
    visibility: visible !important;
    transition-duration: .75s;
    z-index: -1
}

.popup--inner {
    background-color: var(--brand-main);
    max-width: calc(100vw - 30px);
    width: 100%;
    padding: 20px
}

.popup--img {
    position: relative;
    margin-bottom: 20px
}

.popup--img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center center
}

.popup--img:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 10px;
    width: 100%;
    height: 80%;
    border: 1px solid var(--gold)
}

.popup--text h3 {
    font-size: 30px;
    color: var(--gold);
    padding-top: 10px
}

.popup--text h4 {
    font-size: 20px;
    color: var(--brand-secondary)
}

.popup--text h3+h4 {
    margin-top: 10px
}

.popup--text h3+p,
.popup--text h4+p {
    margin-top: 20px
}

.popup--text p {
    font-size: 14px;
    line-height: 20px;
    font-family: var(--mullerlight);
    margin-bottom: 20px
}

.popup--text a {
    display: block;
    margin-top: 40px;
    background-color: var(--brand-main);
    position: relative;
    font-size: 14px;
    padding: 12px;
    border: 1px solid var(--gold);
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase
}

.popup--text a span {
    position: relative;
    z-index: 2
}

.moove-gdpr-cookie-notice p {
    font-size: 15px !important;
    font-family: var(--font-family-sec) !important;
    line-height: 1.5 !important
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    background-color: transparent !important;
    border: 1px solid var(--white) !important;
    font-family: var(--font-family-sec) !important
}

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-top: 0 !important
}

@media (min-width:576px) {
    .wrap {
        padding-left: 0;
        padding-right: 0;
        max-width: var(--wrap-width-sm)
    }
}

@media (min-width:768px) {
    .title {
        font-size: 50px;
        line-height: 68px
    }

    .wrap {
        max-width: var(--wrap-width-md)
    }

    .loader p {
        font-size: 8.5rem;
        right: 100px;
        bottom: 100px
    }

    .loader svg {
        max-width: 10vw
    }

    .sidebar {
        padding: 30px 30px 0
    }

    .sidebar-right {
        height: 95vh
    }

    .main__slider {
        margin-left: 15vw;
        width: 85vw;
        height: 100vh
    }

    .main__slider:after {
        top: 0;
        bottom: auto;
        width: 95%;
        height: 100%;
        background: linear-gradient(90deg, #f3eee9 25%, transparent);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3eee9", endColorstr="#007db9e8", GradientType=1);
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    .main__slider img {
        opacity: .925
    }

    .main__slogan {
        left: 10vw;
        bottom: auto;
        top: 50%;
        height: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .main__slogan h2 {
        font-size: 45px;
        line-height: 60px;
        margin-bottom: 60px
    }

    .main__slogan a {
        font-size: 22px
    }

    .main__slogan a:after {
        left: calc(30% + 40px);
        left: calc(100% + 40px)
    }

    .about {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .about__img {
        z-index: 1;
        top: 120px;
        left: 0;
        width: 29.166666666666668vw
    }

    .about__main {
        margin-left: 30.46875vw;
        width: 69.53125vw;
        padding: 0
    }

    .about__stars {
        margin-bottom: 90px
    }

    .about__stars span {
        font-size: 19px
    }

    .about-main h1 {
        font-size: 52px;
        line-height: 60px
    }

    .about-main p {
        font-size: 18px;
        line-height: 26px
    }

    .about-main__content {
        padding: 0 40px
    }

    .about-info {
        margin-bottom: 90px
    }

    .about-info .container {
        padding: 0
    }

    .about-info .container>div:first-child {
        width: 49.67266775777414%;
        float: right
    }

    .about-info .container>div:nth-child(2) {
        width: 44.51718494271686%;
        float: left
    }

    .about-info__text h2 {
        font-size: 30px;
        line-height: 36px
    }

    .about-info__text p {
        font-size: 18px;
        line-height: 22px
    }

    .about-info__box {
        top: 7vh;
        left: -21.041666666666668vw
    }

    .about-info__img {
        margin-bottom: 30px
    }

    .about-team {
        padding: 0;
        margin-bottom: 180px
    }

    .about-team .container {
        padding-left: 40px;
        padding-right: 40px
    }

    .about-team__text {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 90px
    }

    .about-team__text>div:first-child {
        width: 33.888344760039175%
    }

    .about-team__text>div:last-child {
        width: 50.538687561214495%
    }

    .about-team__text h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 0
    }

    .about-team__text p {
        margin-bottom: 30px
    }

    .about-team__text a,
    .about-team__text p {
        font-size: 18px;
        line-height: 24px
    }

    .about-team__img {
        position: relative
    }

    .about-team__img img {
        position: relative;
        z-index: 1
    }

    .about-team__box {
        z-index: 4;
        position: absolute;
        top: -12vh;
        left: -20px;
        width: 36.71875vw;
        height: 30vh
    }

    .rooms__slogan {
        left: 17.34375vw
    }

    .rooms__slogan a {
        font-size: 22px;
        line-height: 111.56px
    }

    .outline {
        margin-bottom: 75px
    }

    .outline img {
        margin-bottom: 50px
    }

    .outline h3 {
        font-size: 2.25rem;
        line-height: 3.5rem
    }

    .outline p {
        font-size: 1.2rem;
        line-height: 1.85rem
    }

    .spa {
        margin-bottom: 90px
    }

    .spa>h2 {
        font-size: 10rem;
        line-height: 14rem
    }

    .spa__slider {
        height: 420px
    }

    .spa__slider-description h2 {
        font-size: 2.5rem;
        line-height: 3.25rem
    }

    .spa__slider-description p {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .spa__slider-arrows {
        margin-top: 40px
    }

    .spa__slider-arrows a {
        font-size: 32px
    }

    .spa__box p {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .conference {
        margin-bottom: 90px
    }

    .conference__inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .conference__img {
        width: 50%;
        height: auto
    }

    .conference__text {
        width: 50%;
        padding: 80px 5%
    }

    .conference__text h5 {
        font-size: 20px;
        line-height: 34px
    }

    .footer__top {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .footer__box {
        margin-bottom: 90px
    }

    .footer__box img,
    .footer__box svg {
        max-width: 25vw
    }

    .footer__box:after,
    .footer__box:before {
        width: 25%
    }

    .room-price {
        font-size: 28px !important
    }

    .career-block__text h2 {
        font-size: 30px;
        line-height: 36px
    }

    .career-block__text p {
        font-size: 18px;
        line-height: 22px
    }

    .career-block__box {
        top: 7vh
    }

    .career-block__img,
    .career-block__img img {
        height: 400px
    }

    .section-menu {
        margin-bottom: 90px
    }

    .section-menu__inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .section-menu__img {
        width: 50%;
        height: auto
    }

    .section-menu__text {
        width: 50%;
        padding: 80px 5%
    }

    .section-menu__text h5 {
        font-size: 20px;
        line-height: 34px
    }

    .testimonial-block__text h2 {
        font-size: 30px;
        line-height: 36px
    }

    .testimonial-block__text p {
        font-size: 18px;
        line-height: 22px
    }

    .testimonial-block__box {
        top: 7vh
    }

    .offer__img .offer__img-wrapper,
    .testimonial-block__img,
    .testimonial-block__img img {
        height: 400px
    }

    .popup--inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-width: 800px;
        padding: 40px
    }

    .popup--img {
        width: 45%;
        margin-bottom: 0
    }

    .popup--img img {
        height: 100%
    }

    .popup--img:after {
        bottom: -20px;
        left: 20px
    }

    .popup--text {
        width: 55%;
        padding-left: 50px
    }

    .popup--text h3 {
        font-size: 45px
    }

    .popup--text h4 {
        font-size: 25px
    }

    .popup--text h3+p,
    .popup--text h4+p {
        margin-top: 40px
    }

    .popup--text p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 30px
    }

    .popup--text a {
        margin-top: 80px;
        font-size: 14px
    }
}

@media (min-width:992px) and (max-height:700px) {
    .about-team__box {
        top: -60vh !important
    }
}

@media (min-width:992px) {
    .arrows a {
        margin-left: 2.291666666666667vw;
        height: 35px
    }

    .arrows a,
    .arrows a span {
        width: 60px
    }

    .arrows a span:after,
    .arrows a span:before {
        height: 25px
    }

    .arrows a.arrow__left span:after,
    .arrows a.arrow__right span:after {
        top: -24px
    }

    .title {
        font-size: 55px;
        line-height: 74px
    }

    .subtitle {
        font-size: 48px;
        line-height: 65px
    }

    .link--box {
        font-size: 24px;
        line-height: 30px
    }

    .wrap {
        max-width: var(--wrap-width-lg)
    }

    .loader {
        height: 100vh
    }

    .loader svg {
        max-width: 4.84375vw
    }

    .loader p {
        font-size: 12rem;
        right: 12vw;
        bottom: 15vh
    }

    .sidebar {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 4.166666666666667vw;
        top: 50%;
        height: 95vh;
        left: 1.85vw;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0
    }

    .sidebar img {
        width: 100%;
        left: -20%
    }

    .sidebar__toggle {
        top: 50%;
        left: 50%;
        right: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .sidebar__toggle span {
        width: 2px;
        height: 34px
    }

    .sidebar__toggle span:last-child {
        margin-left: .625vw;
        margin-top: 0
    }

    .sidebar__toggle a {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .sidebar__toggle a.active span:first-child {
        top: 0
    }

    .sidebar__toggle a.active span:last-child {
        top: 0;
        left: -75%
    }

    .sidebar__book {
        display: block
    }

    .sidebar-right {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .menu img {
        height: 83.0477908025248vh
    }

    .menu__inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 15vw
    }

    .menu__inner-left {
        width: 50%
    }

    .menu__inner-left>li {
        text-align: left
    }

    .menu__inner-left>li a {
        font-size: 3.7vw;
        line-height: 4.9vw
    }

    .menu__inner-right {
        width: 50%
    }

    .menu__inner-right li {
        position: relative;
        margin-bottom: 15px;
        text-align: left
    }

    .menu__inner-right li:last-child {
        margin-bottom: 0
    }

    .menu__inner-right li a {
        font-size: 50px;
        line-height: 93.61px;
        font-size: 2.604166666666667vw;
        line-height: 4.875520833333333vw;
        text-transform: uppercase
    }

    .menu__languages {
        display: none
    }

    .main__slider {
        margin-left: 30.46875vw;
        width: 69.53125vw;
        height: 100vh
    }

    .main__slider:after {
        width: 60%
    }

    .main__slider:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 15%;
        height: 100%;
        background: linear-gradient(270deg, #f3eee9 25%, transparent);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3eee9", endColorstr="#007db9e8", GradientType=1);
        z-index: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .main__slogan {
        left: 13.5vw
    }

    .main__slogan h2 {
        font-size: 34px;
        line-height: 50px
    }

    .main__slogan a {
        font-size: 16px
    }

    .main__slogan a:after {
        width: 172px
    }

    .about {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .about__img {
        z-index: 1;
        top: 120px;
        left: 0;
        width: 29.166666666666668vw
    }

    .about__main {
        margin-left: 30.46875vw;
        width: 69.53125vw;
        padding: 0
    }

    .about__stars {
        margin-bottom: 90px
    }

    .about .title {
        font-size: 3.374479166666667vw;
        line-height: 4.480729166666667vw;
        margin-bottom: 60px
    }

    .about .link {
        font-size: 28.58px;
        font-size: 1.488541666666667vw;
        line-height: 1.976041666666667vw
    }

    .about-main {
        height: 100vh;
        margin-bottom: 0
    }

    .about-main__content {
        padding: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .about-main__content h1 {
        font-size: 5.5734375vw;
        line-height: 10vh
    }

    .about-main__content h1>div {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

    .about-main__content p {
        font-size: 1.8vw;
        line-height: 2.2vw
    }

    .about-main__content p>div {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    .about-info {
        padding: 0;
        margin-bottom: 150px
    }

    .about-info .container {
        padding: 0 18.4375vw
    }

    .about-info__img {
        margin-bottom: 0
    }

    .about-info__text {
        padding-top: 20vh
    }

    .about-info__text h2 {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 5.405405405405405vh
    }

    .about-info__text p {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 3.783783783783784vh
    }

    .about-info__box {
        top: 10vh
    }

    .about-illustration {
        margin-bottom: 210px
    }

    .about-team .container {
        padding-left: 31.979166666666668%;
        padding-right: 14.84375%
    }

    .about-team__box {
        top: -48vh;
        left: -14.427083333333332vw;
        height: 67.02702702702703vh
    }

    .book {
        padding: 0;
        margin-top: 100px;
        margin-bottom: 240px
    }

    .book h2 {
        font-size: 5vw;
        margin-bottom: 30px
    }

    .book h4 {
        font-size: 1.6vw;
        margin-bottom: 90px
    }

    .book .container {
        padding: 0 12vw
    }

    .book .container>div {
        position: relative;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 30px
    }

    .book__form {
        width: 61.00533130236101%
    }

    .book__form form {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .book__form form .input--control input,
    .book__form form .input--control select {
        font-size: 18px;
        margin-bottom: 30px;
        padding-bottom: 20px
    }

    .book__form form .input--control select {
        margin-bottom: 0
    }

    .book__form form .input--control,
    .book__form form .input--numeric {
        width: 45.068664169787766%
    }

    .book__form form .input--control .wpcf7-not-valid-tip,
    .book__form form .input--numeric .wpcf7-not-valid-tip {
        top: -28px;
        font-size: 14px !important
    }

    .book__form form .input--numeric {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 18px;
        margin-bottom: 0;
        padding-bottom: 20px
    }

    .book__form form .input--numeric .val {
        font-size: 18px
    }

    .book__form form .input--numeric>div {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .book__slider {
        width: 33.815689261233814%;
        margin-top: 0;
        margin-bottom: 0
    }

    .book__slider .bx-slider,
    .book__slider .bx-viewport,
    .book__slider .bx-viewport ul,
    .book__slider .bx-viewport ul li,
    .book__slider .bx-wrapper {
        height: 100% !important;
        position: relative
    }

    .book__slider ul li {
        position: relative
    }

    .book__slider ul li h3 {
        font-size: 2vw
    }

    .book__slider ul li p {
        font-size: 12px
    }

    .book__slider-info {
        font-size: 1.761979166666667vw
    }

    .book__slider-info .book__slider-arrows {
        font-size: 2.239583333333333vw
    }

    .book button {
        margin-top: 50px;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 20px;
        margin-bottom: 0;
        width: 100%
    }

    .section-book {
        margin-bottom: 210px
    }

    .section-book h2 {
        font-size: 3rem;
        line-height: 4.2rem
    }

    .section-book p {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 60px
    }

    .section-book .link--box+.link--box {
        margin-left: 20px
    }

    .rooms {
        width: 69.53125vw;
        margin-left: 30.46875vw;
        margin-bottom: 250px;
        padding: 0
    }

    .rooms__slider {
        padding-top: 200px;
        padding-bottom: 104px
    }

    .rooms__slider h2 {
        position: absolute;
        left: -23vw;
        bottom: 17.682926829268293%;
        font-size: 180px;
        line-height: 250px;
        letter-spacing: -.02em;
        margin-bottom: 0;
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
        -webkit-transform: rotate(-90deg) translate(220px);
        transform: rotate(-90deg) translate(220px)
    }

    .rooms__slider-arrows {
        top: 90px;
        right: 5.208333333333333vw
    }

    .rooms__slider-arrows a {
        font-size: 43px
    }

    .rooms__slider-box {
        width: 45vw;
        height: 100%;
        top: 0;
        bottom: auto
    }

    .rooms__slider-box h4 {
        font-size: 3.5vw;
        line-height: 63.22px
    }

    .rooms__wrapper {
        padding-top: 22.644927536231883vh;
        padding-left: 15.625vw;
        padding-right: 15.625vw
    }

    .rooms__slogan {
        position: absolute;
        top: 50vh;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15.625vw;
        margin-bottom: 0
    }

    .rooms__slogan h2 {
        font-size: 9.181770833333333vw;
        line-height: 21.087387387387388vh
    }

    .rooms__slogan a {
        font-size: 19.05px;
        line-height: 111.56px
    }

    .kitchen .title {
        max-width: 63.75vw;
        margin-bottom: 170px;
        padding: 0
    }

    .kitchen__slider {
        height: 80vh
    }

    .kitchen__slider .item p {
        position: absolute;
        left: 3.4375vw;
        bottom: 6.666666666666667vh;
        font-size: 1.76875rem;
        line-height: 2.444375rem;
        padding: 0;
        text-align: left;
        max-width: 25vw;
        color: var(--white)
    }

    .kitchen__slider .item img {
        height: 100%;
        margin-bottom: 0
    }

    .kitchen__slider {
        margin-bottom: 117px
    }

    .kitchen__slider-arrows {
        position: absolute;
        bottom: 50px;
        right: 50px
    }

    .kitchen__blocks {
        padding: 0 6.927083333333333vw;
        margin-bottom: 186px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .kitchen__block {
        width: 24.895833333333332vw;
        margin-bottom: 0
    }

    .kitchen__block:last-child {
        margin-left: 5.208333333333333vw
    }

    .kitchen__block p {
        font-size: 24px;
        line-height: 35px;
        margin-bottom: 45px
    }

    .kitchen__block a {
        font-size: 20.67px;
        line-height: 28.57px
    }

    .kitchen__block a:after {
        bottom: 0
    }

    .kitchen__block-img {
        height: 35vh;
        margin-bottom: 60px
    }

    .kitchen__box {
        position: absolute;
        bottom: -498px;
        width: 32.447916666666664vw;
        padding: 180px 3.802083333333333vw 40px;
        border-top: 1px solid var(--gold);
        border-left: 1px solid var(--gold);
        border-bottom: 1px solid var(--gold);
        text-align: left;
        margin-top: 0
    }

    .kitchen__box h2 {
        font-size: 8rem
    }

    .kitchen__box p {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .section-title {
        padding: 0 16.666666666666668vw;
        margin-bottom: 90px
    }

    .section-title h2 {
        font-size: 3.8rem;
        line-height: 5.5rem
    }

    .section-title.section-title-smaller h2 {
        font-size: 3rem;
        line-height: 4.4rem
    }

    .section-main {
        height: 100vh;
        padding: 0
    }

    .section-main>img {
        height: 82.34234234234235vh
    }

    .section-main__content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 0 15.625vw;
        width: 100%;
        margin-bottom: 0
    }

    .section-main h1 {
        font-size: 8.3953125vw
    }

    .section-main p {
        position: absolute;
        left: 0;
        font-size: 2.2015625vw;
        line-height: 3vw;
        padding: 0 15.625vw;
        bottom: 11.711711711711713vh
    }

    .section-main ul {
        margin-bottom: 60px
    }

    .section-main ul li a {
        font-size: 1.9953125vw
    }

    .section-features {
        padding: 0 14.166666666666668vw;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 150px
    }

    .section-feature {
        margin-bottom: 0;
        width: 42.09386281588448%
    }

    .section-feature .section-feature__box {
        left: 5.833333333333333vw
    }

    .section-feature:last-child {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .section-feature:last-child .section-feature__box {
        top: 27.92792792792793vh
    }

    .section-feature__img {
        height: 54.054054054054056vh
    }

    .section-feature__text h5 {
        font-size: 1.180729166666667vw;
        line-height: 2.822522522522523vh;
        margin-bottom: 2.702702702702703vh
    }

    .section-feature__text p {
        font-size: 1.5vw;
        line-height: 3vh
    }

    .outline {
        margin-bottom: 80px
    }

    .outline img {
        margin-bottom: 50px
    }

    .outline h3,
    .outline p {
        max-width: 60vw;
        letter-spacing: .05em
    }

    .outline h3 {
        font-size: 2.5rem;
        line-height: 4rem;
        margin-bottom: 46px
    }

    .outline p {
        opacity: .47;
        font-size: 1.3rem;
        line-height: 2rem
    }

    .spa {
        margin-bottom: 150px
    }

    .spa>h2 {
        font-size: 12rem;
        line-height: 18rem;
        right: -25px;
        margin-bottom: 120px
    }

    .spa__slider {
        margin-left: 7.291666666666667vw;
        height: 70vh;
        margin-bottom: 150px
    }

    .spa__slider-text {
        position: absolute;
        bottom: 0;
        margin-bottom: 0;
        height: 92.03771608171817%;
        width: 50.46875%;
        border-top: 1px solid var(--gold);
        border-right: 1px solid var(--gold);
        border-bottom: 1px solid var(--gold)
    }

    .spa__slider-description {
        position: absolute;
        bottom: 85px;
        right: 8.25593395252838%;
        width: 67.80185758513932%;
        padding: 0
    }

    .spa__slider-description h2 {
        font-size: 4rem;
        line-height: 5rem;
        margin-bottom: 30px;
        letter-spacing: 0
    }

    .spa__slider-description p {
        font-size: 1rem;
        line-height: 1.75rem
    }

    .spa__slider-description .bx-viewport>div {
        height: 100%
    }

    .spa__slider-description .bx-viewport>div>div {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .spa__slider-arrows {
        position: relative;
        margin-top: 65px
    }

    .spa__slider-arrows a {
        font-size: 35px
    }

    .spa__box {
        padding: 0;
        float: right;
        width: 41.666666666666664vw
    }

    .spa__box p {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .conference {
        margin-bottom: 100px
    }

    .conference__img,
    .conference__text {
        width: 50%
    }

    .conference__text {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .conference__text h5 {
        font-size: 20px;
        line-height: 28px
    }

    .newsletter {
        padding: 0;
        margin-bottom: 125px
    }

    .newsletter__form {
        max-width: 72vw;
        margin: 50px auto 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border: 1px solid #acacac
    }

    .newsletter__form button,
    .newsletter__form input {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: 16px;
        line-height: 80px
    }

    .newsletter__form input {
        padding: 0 1.75vw;
        border-right: 1px solid #acacac;
        border-bottom: 0
    }

    .newsletter p {
        font-size: 1.1rem;
        margin-top: 35px
    }

    .section-img-full {
        height: 100vh;
        margin-bottom: 180px
    }

    .section-img-full img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center
    }

    .section-info {
        padding: 0 8.5%;
        margin-bottom: 90px
    }

    .section-info>div:after {
        top: 10.268948655256724%;
        left: 5.782105903834449%;
        width: 88.4357881923311%;
        height: 79.46210268948656%
    }

    .section-info img {
        height: 80vh
    }

    .section-info h3 {
        font-size: 2.181770833333333vw;
        line-height: 6vh;
        width: 88.4357881923311%
    }

    .footer__top {
        margin-bottom: 100px
    }

    .footer__top p {
        padding-bottom: 30px;
        margin-bottom: 30px;
        font-size: 1rem
    }

    .footer__top ul li {
        margin-bottom: 14px
    }

    .footer__top ul li a {
        font-size: .85rem;
        line-height: 1.35rem;
        color: var(--brand-secondary)
    }

    .footer__menu {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        margin-right: 30px;
        margin-bottom: 0;
        text-align: left
    }

    .footer__box {
        padding-top: 65px;
        padding-bottom: 110px;
        margin-bottom: 56px
    }

    .footer__box:after,
    .footer__box:before {
        width: 32.8125%
    }

    .footer__box h2 {
        font-size: 1.6rem;
        line-height: 2.25rem;
        color: var(--brand-secondary)
    }

    .footer__box img,
    .footer__box svg {
        max-width: 15.208333333333332vw
    }

    .footer__bottom {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 58px;
        text-align: left
    }

    .footer__bottom p {
        font-size: .9rem;
        line-height: 1.85rem;
        margin-bottom: 0;
        color: var(--brand-secondary)
    }

    .body__black .footer__bottom p {
        color: var(--white)
    }

    .room-main {
        height: 100vh
    }

    .room-main h1 {
        font-size: 8.5vw;
        padding: 0 17vw
    }

    .room-main__info {
        position: absolute;
        top: 50%;
        right: 10vw;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 5.46875vw;
        padding: 0
    }

    .room-main__info li {
        font-size: 1.7rem;
        padding: 5.405405405405405vh 0
    }

    .room-main__info li:after {
        background-color: var(--gold)
    }

    .room-about {
        max-width: 70vw;
        padding: 150px 0
    }

    .room-about h2 {
        font-size: 60px;
        margin-bottom: 70px;
        line-height: 70px
    }

    .room-about p {
        font-size: 26px;
        line-height: 2.5rem
    }

    .room-price {
        font-size: 30px !important
    }

    .search img {
        height: 83.0477908025248vh
    }

    .search--list {
        margin-bottom: 120px
    }

    .search--list li a {
        font-size: 26px;
        line-height: 30px;
        padding: 25px 20px
    }

    .room__info {
        padding: 0 150px;
        margin-bottom: 100px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: left
    }

    .room__info h5 {
        margin-bottom: 60px;
        font-size: 1.2rem
    }

    .room__features {
        width: 43.481989708404804%;
        font-size: 1.180729166666667vw
    }

    .room__features ul {
        font-size: 1rem;
        line-height: 1.05rem
    }

    .room__plan {
        width: 49.74271012006861%
    }

    .room__plan img {
        padding: 50px
    }

    .room-feature {
        padding: 0 150px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 140px
    }

    .room-feature__block {
        width: 50%;
        margin-bottom: 0
    }

    .room-feature__block:last-child {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .room-feature__block:last-child .room-feature__box {
        left: 5.885416666666667vw;
        top: -27.92792792792793vh
    }

    .room-feature__img {
        height: 54.054054054054056vh
    }

    .room-feature__text h5 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 2.702702702702703vh
    }

    .room-feature__text p {
        font-size: 16px;
        line-height: 20px
    }

    .form {
        padding: 150px 17.395833333333332vw;
        margin: 0
    }

    .form img {
        height: 83.0477908025248vh
    }

    .form h2 {
        font-size: 4.5vw;
        line-height: 10vh;
        margin-bottom: 3vh
    }

    .form form input,
    .form form select,
    .form form textarea {
        display: inline-block;
        font-size: 3.413020833333333vw
    }

    .form form p {
        font-size: 2.25vw;
        line-height: 8vh
    }

    .form form button {
        font-size: 1.2rem
    }

    #name,
    #type {
        width: 19.010416666666668vw
    }

    #message {
        width: 41.354166666666664vw;
        height: 240px;
        resize: none;
        font-size: 35px;
        line-height: 44px
    }

    .map {
        margin-bottom: 29.36936936936937vh
    }

    .map #map,
    .map img {
        height: 100vh;
        margin-bottom: 0
    }

    .map p {
        font-size: 2.2359375vw;
        line-height: 5.61981981981982vh;
        padding: 0 11.979166666666668vw;
        text-align: left
    }

    .map__inner {
        text-align: left;
        height: 100vh;
        margin-bottom: 12.072072072072071vh
    }

    .map__box {
        margin: 0;
        position: absolute;
        top: 21.8vh;
        right: 0;
        height: 112.613514vh;
        width: 26.979166666666668vw;
        padding: 8.64864864864865vh 4.479166666666667vw;
        border-top: 1px solid var(--gold);
        border-left: 1px solid var(--gold);
        border-bottom: 1px solid var(--gold)
    }

    .map__box h4 {
        font-size: 2.2359375vw;
        line-height: 5.61981981981982vh
    }

    .map__box a,
    .map__box h4 {
        color: var(--white)
    }

    #direction {
        position: absolute;
        right: 26.979166666666668vw;
        bottom: 7.387387387387387vh;
        font-size: 1.400520833333333vw;
        padding: 1.801801801801802vh 3.385416666666667vw;
        -webkit-transform: translate(calc(100% + 4.479166666666667vw));
        transform: translate(calc(100% + 4.479166666666667vw))
    }

    #direction span {
        color: var(--white)
    }

    .career {
        text-align: left;
        margin-bottom: 210px
    }

    .career__text {
        padding: 0 11.979166666666668vw;
        margin-bottom: 150px
    }

    .career h2 {
        font-size: 4.258333333333333vw;
        line-height: 10.702702702702704vh;
        margin-bottom: 60px
    }

    .career p {
        font-size: 2.2359375vw;
        line-height: 5.61981981981982vh
    }

    .career__box {
        position: absolute;
        top: -72vh;
        right: 26.92vw;
        width: 65.20833333333333vw;
        height: 113.69369369369369vh;
        border: 1px solid var(--gold)
    }

    .career__img {
        height: 100vh
    }

    .career-block {
        padding: 0;
        margin-bottom: 240px
    }

    .career-block .container {
        padding: 0 12vw;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .career-block .container>div:first-child,
    .career-block .container>div:nth-child(2) {
        width: 50%
    }

    .career-block:nth-child(2n) .container {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .career-block__img {
        margin-bottom: 0;
        height: 420px
    }

    .career-block__img img {
        height: 420px
    }

    .career-block__text h2 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 60px;
        padding-right: 8%
    }

    .career-block__text p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 60px;
        color: var(--gray-darker);
        padding-right: 8%
    }

    .career-block__box {
        top: 8vh;
        left: -15vw
    }

    .career-block:nth-child(2n) .career-block__text h2,
    .career-block:nth-child(2n) .career-block__text p {
        padding-right: 0;
        padding-left: 8%
    }

    .career-inside {
        margin: 100px 0
    }

    .career-inside .container {
        padding: 0 15vw
    }

    .career-inside__wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 90px
    }

    .career-inside__img {
        width: 50%
    }

    .career-inside__img .career-inside__img-wrapper {
        height: 380px
    }

    .career-inside__title {
        width: 50%;
        padding-left: 55px
    }

    .career-inside__title h1 {
        font-size: 48px;
        line-height: 58px
    }

    .career-inside__text h3 {
        font-size: 24px;
        margin-bottom: 30px
    }

    .career-inside__text p,
    .career-inside__text ul {
        padding-right: 50px;
        font-size: 16px;
        line-height: 20px
    }

    .career-inside__box {
        width: 75%;
        bottom: -50px;
        right: -10%
    }

    .room {
        margin-bottom: 32.608695652173914vh
    }

    .room__box h3 span {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .room__price {
        font-size: 30px
    }

    .room.room__single {
        width: 52vw;
        height: 65vh;
        margin-left: 13.541666666666668vw
    }

    .room.room__single .room__box {
        width: 35vw;
        height: 60vh;
        position: absolute;
        top: -16.847826086956523vh;
        right: 4vw;
        border: 1px solid var(--brand-secondary)
    }

    .room.room__deluxe {
        width: 55vw;
        height: 64vh
    }

    .room.room__deluxe .room__box {
        width: 34vw;
        height: 46vh;
        position: absolute;
        top: -12.847826086956522vh;
        right: -10.416666666666668vw;
        border: 1px solid var(--brand-secondary)
    }

    .room.room__twin {
        width: 58vw;
        height: 56vh;
        margin-left: 13.541666666666668vw
    }

    .room.room__twin .room__box {
        width: 38vw;
        height: 62vh;
        position: absolute;
        top: -12.847826086956522vh;
        left: -8vw;
        border: 1px solid var(--brand-secondary)
    }

    .room.room__double {
        width: 55vw;
        height: 56vh;
        margin-left: 13.541666666666668vw
    }

    .room.room__double .room__box {
        width: 38vw;
        height: 50vh;
        position: absolute;
        top: -12.847826086956522vh;
        left: 6.8125vw;
        border: 1px solid var(--brand-secondary)
    }

    .room.room__triple {
        width: 54vw;
        height: 56vh;
        margin-left: 5vw
    }

    .room.room__triple .room__box {
        width: 34vw;
        height: 62vh;
        position: absolute;
        top: -12vh;
        right: -6vw;
        border: 1px solid var(--brand-secondary)
    }

    .room.room__junior {
        width: 56vw;
        height: 54vh;
        margin-left: 13.541666666666668vw
    }

    .room.room__junior .room__box {
        width: 38vw;
        height: 50vh;
        position: absolute;
        top: -15vh;
        left: -8vw;
        border: 1px solid var(--brand-secondary)
    }

    .room.room__luxury {
        width: 56vw;
        height: 56vh;
        margin-left: 2vw
    }

    .room.room__luxury .room__box {
        width: 34vw;
        height: 50vh;
        position: absolute;
        top: -18vh;
        right: -12vw;
        border: 1px solid var(--brand-secondary)
    }

    .room__box h3 {
        font-size: 2.15vw;
        padding: 2.604166666666667vw
    }

    .room-gallery {
        margin-bottom: 50px;
        height: 50vh;
        min-height: 420px;
        margin-bottom: 135px;
        padding: 0 10vw;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .room-gallery .swiper-container {
        width: 70%;
        height: 100%
    }

    .room-gallery .swiper-container .arrows {
        bottom: 30px;
        left: 30px;
        font-size: 25px
    }

    .room-gallery__info {
        width: 30%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .room-gallery__info:after {
        display: block
    }

    .room-gallery__info h2 {
        font-size: 5rem;
        left: -20%;
        margin-bottom: 50px
    }

    .room-gallery .swiper-info {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .section-text {
        padding: 0 15.625vw;
        margin-bottom: 150px
    }

    .section-text h3 {
        font-size: 24px
    }

    .section-text p,
    .section-text ul {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 30px
    }

    .section-text ul li {
        padding-left: 30px
    }

    .section-text ul li:after {
        width: 6px;
        height: 6px
    }

    .section-menu {
        margin-bottom: 100px
    }

    .section-menu__img,
    .section-menu__text {
        width: 50%
    }

    .section-menu__text {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .section-menu__text h5 {
        font-size: 20px;
        line-height: 28px
    }

    .video__wrapper {
        margin-bottom: 150px;
        padding: 0 14.166666666666668vw
    }

    .testimonial {
        padding: 90px 0 0
    }

    .testimonial-block {
        padding: 0;
        margin-bottom: 240px
    }

    .testimonial-block .container {
        padding: 0 12.5vw
    }

    .testimonial-block .container>div:first-child {
        width: 49.67266775777414%;
        float: right
    }

    .testimonial-block .container>div:nth-child(2) {
        width: 44.51718494271686%;
        float: left
    }

    .testimonial-block:nth-child(2n) .container>div:first-child {
        width: 49.67266775777414%;
        float: left
    }

    .testimonial-block:nth-child(2n) .container>div:nth-child(2) {
        width: 44.51718494271686%;
        float: right
    }

    .testimonial-block__img {
        margin-bottom: 0;
        height: 400px
    }

    .testimonial-block__img img {
        height: 400px
    }

    .testimonial-block__text {
        padding-top: 10vh
    }

    .testimonial-block__text h2 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 30px
    }

    .testimonial-block__text p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 15px
    }

    .testimonial-block__box {
        top: 8vh;
        left: -15vw
    }

    .testimonial-block:nth-child(2n) .testimonial-block__box {
        left: auto;
        right: -15vw
    }

    .section-category {
        padding: 150px 15.625vw
    }

    .section-category h1 {
        font-size: 100px;
        margin-bottom: 0
    }

    .section-category ul {
        margin-top: 80px
    }

    .section-category ul li a {
        font-size: 25px
    }

    .offers-wrapper {
        max-width: 76vw
    }

    .offer-block {
        height: 50vh;
        margin-bottom: 15vh
    }

    .offer-block--img {
        width: 60%;
        height: 100%;
        margin-bottom: 0
    }

    .offer-block--img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center
    }

    .offer-block--text {
        position: absolute;
        bottom: 0;
        left: auto;
        right: 0;
        max-width: 36%;
        padding: 0 15px
    }

    .offer-block--text h4 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px
    }

    .offer-block--text h5 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 30px
    }

    .offer-block--text p {
        font-size: 18px;
        line-height: 24px
    }

    .offer-block:nth-child(2n+2) .offer-block--img {
        margin-left: 40%
    }

    .offer-block:nth-child(2n+2) .offer-block--text {
        left: 0;
        right: auto
    }

    .offer {
        margin: 100px 0 200px
    }

    .offer .container {
        padding: 0 12vw
    }

    .offer__img {
        margin-bottom: 50px
    }

    .offer__img .offer__img-wrapper {
        height: 500px
    }

    .offer__img h1 {
        font-size: 50px;
        line-height: 60px;
        max-width: 70%;
        padding-bottom: 0;
        padding-left: 30px;
        padding-right: 30px
    }

    .offer__box {
        bottom: -250px;
        right: -10%
    }

    .offer__text {
        padding-left: 45%
    }

    .offer__text h3 {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 120px;
        text-align: left;
        margin-bottom: 0
    }

    .offer__text h4 {
        font-size: 30px;
        line-height: 40px;
        text-align: left
    }

    .offer__text p,
    .offer__text ul {
        padding-right: 50px
    }

    .offer__text ul li {
        padding-left: 30px
    }

    .offer__text ul li:after {
        width: 6px;
        height: 6px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .offer-block--none h4 {
        font-size: 50px;
        margin-bottom: 180px
    }

    .career-form {
        padding: 0;
        margin-bottom: 120px
    }

    .career-form__form {
        max-width: 72vw;
        margin: 50px auto 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .career-form__form .file,
    .career-form__form button,
    .career-form__form input {
        font-size: 16px;
        line-height: 80px;
        margin-bottom: 30px;
        border: 1px solid #acacac
    }

    .career-form__form .file,
    .career-form__form input {
        width: calc(50% - 15px);
        padding: 0 1.75vw
    }

    .career-form a {
        font-size: 2rem;
        margin-top: 35px;
        text-align: center;
        width: 100%;
        display: inline-block;
        margin-bottom: 60px
    }
}

@media only screen and (min-width:992px) {
    .section-main p a {
        position: relative
    }

    .section-main p a:after {
        content: "";
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: var(--gold);
        transition: -webkit-transform .5s var(--cubic-bezier);
        transition: transform .5s var(--cubic-bezier);
        transition: transform .5s var(--cubic-bezier), -webkit-transform .5s var(--cubic-bezier);
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    .section-main p a:hover:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }

    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {
        background-color: var(--white) !important;
        color: var(--black) !important
    }
}

@media screen and (min-width:992px) and (min-width:992px) {
    .sidebar-right .search-toggle {
        transition: color 1.05s var(--cubic-bezier)
    }

    .sidebar-right .search-toggle:hover {
        color: var(--gold)
    }

    .body__black .sidebar-right .search-toggle:hover,
    .body__green-dark .sidebar-right .search-toggle:hover,
    .body__green-light .sidebar-right .search-toggle:hover,
    .body__green .sidebar-right .search-toggle:hover,
    .body__orange .sidebar-right .search-toggle:hover,
    .body__white .sidebar-right .search-toggle:hover {
        color: var(--white)
    }
}

@media screen and (min-width:992px) {
    .arrows a {
        transition: color .5s var(--cubic-bezier)
    }

    .arrows a:hover span,
    .arrows a:hover span:after,
    .arrows a:hover span:before,
    .link:after {
        background-color: var(--gold)
    }

    .link:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 1px;
        -webkit-transform-origin: right center;
        transform-origin: right center;
        transition: -webkit-transform .75s var(--cubic-bezier2);
        transition: transform .75s var(--cubic-bezier2);
        transition: transform .75s var(--cubic-bezier2), -webkit-transform .75s var(--cubic-bezier2);
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    .link:hover:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }

    .link--box:hover span {
        color: var(--white)
    }

    .link--box:hover:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }

    .link--box:hover.link-box-green span {
        color: var(--green)
    }

    .sidebar__book:hover {
        color: var(--gold)
    }

    .body__black .sidebar__book:hover,
    .body__green .sidebar__book:hover,
    .body__white .sidebar__book:hover {
        color: var(--white)
    }

    .languages li a {
        transition: color .5s var(--cubic-bezier)
    }

    .languages li a:hover {
        opacity: 1;
        color: var(--gold)
    }

    .body__green .languages li a:hover {
        color: var(--green)
    }

    .body__green-light .languages li a:hover {
        color: var(--green-light)
    }

    .body__green-dark .languages li a:hover {
        color: var(--green-dark)
    }

    .body__orange .languages li a:hover {
        color: var(--orange)
    }

    .social-media li a:hover {
        color: var(--gold)
    }

    .body__green-dark .social-media li a:hover,
    .body__green-light .social-media li a:hover,
    .body__green .social-media li a:hover,
    .body__orange .social-media li a:hover {
        color: var(--white)
    }

    .menu__inner-left>li a {
        transition: color 1.05s var(--cubic-bezier)
    }

    .menu__inner-left>li a:hover {
        color: var(--gold)
    }

    .body__green .menu__inner-left>li a:hover {
        color: var(--green)
    }

    .body__green-light .menu__inner-left>li a:hover {
        color: var(--green-light)
    }

    .body__green-dark .menu__inner-left>li a:hover {
        color: var(--green-dark)
    }

    .body__orange .menu__inner-left>li a:hover {
        color: var(--orange)
    }

    .menu__inner-right li a {
        transition: color 1.05s var(--cubic-bezier)
    }

    .menu__inner-right li a:hover {
        color: var(--gold)
    }

    .body__green-dark .menu__inner-right li a:hover,
    .body__green-light .menu__inner-right li a:hover,
    .body__green .menu__inner-right li a:hover,
    .body__orange .menu__inner-right li a:hover {
        color: var(--white)
    }

    .main__slogan a {
        transition: color .5s var(--cubic-bezier)
    }

    .main__slogan a:before {
        content: "";
        position: absolute;
        top: 50%;
        left: calc(100% + 40px);
        width: 172px;
        height: 1px;
        background-color: var(--gold);
        -webkit-transform: translateY(-50%) scaleX(0);
        transform: translateY(-50%) scaleX(0);
        z-index: 2;
        -webkit-transform-origin: left center;
        transform-origin: left center;
        transition: -webkit-transform .5s var(--cubic-bezier2);
        transition: transform .5s var(--cubic-bezier2);
        transition: transform .5s var(--cubic-bezier2), -webkit-transform .5s var(--cubic-bezier2)
    }

    .main__slogan a:hover {
        color: var(--gold)
    }

    .main__slogan a:hover:before {
        -webkit-transform: translateY(-50%) scaleX(1);
        transform: translateY(-50%) scaleX(1)
    }

    .rooms__slider .item {
        overflow: hidden;
        background-color: var(--brand-secondary)
    }

    .rooms__slider .item:after,
    .rooms__slider .item:before {
        position: absolute
    }

    .rooms__slider .item:before {
        content: "View More";
        bottom: 30px;
        right: 30px;
        font-size: 2rem;
        z-index: 3;
        opacity: 0;
        transition: all .5s var(--cubic-bezier);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        letter-spacing: .025em;
        color: var(--white)
    }

    .rooms__slider .item:after {
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        z-index: 2;
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, rgba(32, 32, 32, .8));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#070707", GradientType=0);
        transition: opacity 1.05s var(--cubic-bezier)
    }

    .rooms__slider .item:hover:after,
    .rooms__slider .item:hover:before {
        opacity: 1
    }

    .rooms__slider .item:hover:before {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    .rooms__slogan a {
        transition: color .5s var(--cubic-bezier)
    }

    .rooms__slogan a:before {
        content: "";
        position: absolute;
        top: 50%;
        left: calc(100% + 40px);
        width: 172px;
        height: 1px;
        background-color: var(--gold);
        -webkit-transform: translateY(-50%) scaleX(0);
        transform: translateY(-50%) scaleX(0);
        z-index: 2;
        -webkit-transform-origin: left center;
        transform-origin: left center;
        transition: -webkit-transform .5s var(--cubic-bezier2);
        transition: transform .5s var(--cubic-bezier2);
        transition: transform .5s var(--cubic-bezier2), -webkit-transform .5s var(--cubic-bezier2)
    }

    .rooms__slogan a:hover {
        color: var(--gold)
    }

    .rooms__slogan a:hover:before {
        -webkit-transform: translateY(-50%) scaleX(1);
        transform: translateY(-50%) scaleX(1)
    }

    .kitchen__block:hover .kitchen__block-img {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: scale(.9);
        transform: scale(.9);
        transition: -webkit-transform 1s ease;
        transition: transform 1s ease;
        transition: transform 1s ease, -webkit-transform 1s ease
    }

    .conference__text:hover h5:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }

    .newsletter__form button span {
        transition: color .5s var(--cubic-bezier2)
    }

    .newsletter__form button:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: var(--gold);
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        transition: -webkit-transform .5s var(--cubic-bezier2);
        transition: transform .5s var(--cubic-bezier2);
        transition: transform .5s var(--cubic-bezier2), -webkit-transform .5s var(--cubic-bezier2)
    }

    .newsletter__form button:hover span {
        color: var(--white)
    }

    .newsletter__form button:hover:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }

    .footer__menu ul li a {
        transition: color .35s var(--cubic-bezier)
    }

    .footer__menu ul li a:hover {
        color: var(--gold)
    }

    .body__green .footer__menu ul li a:hover {
        color: var(--green)
    }

    .body__green-light .footer__menu ul li a:hover {
        color: var(--green-light)
    }

    .body__green-dark .footer__menu ul li a:hover {
        color: var(--green-dark)
    }

    .body__orange .footer__menu ul li a:hover {
        color: var(--orange)
    }

    .footer__menu ul li.current_page_item a {
        color: var(--gold)
    }

    .body__green .footer__menu ul li.current_page_item a {
        color: var(--green)
    }

    .body__green-light .footer__menu ul li.current_page_item a {
        color: var(--green-light)
    }

    .body__green-dark .footer__menu ul li.current_page_item a {
        color: var(--green-dark)
    }

    .body__orange .footer__menu ul li.current_page_item a {
        color: var(--orange)
    }

    .search--list li:hover:after {
        background-color: rgba(126, 109, 91, .1)
    }

    .map p a:hover {
        color: var(--gold)
    }

    .career-block__text p.career-block__author a:hover:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }

    .section-text p a,
    .section-text ul a {
        position: relative
    }

    .section-text p a:after,
    .section-text ul a:after {
        content: "";
        position: absolute;
        bottom: -1px;
        width: 100%;
        height: 1px;
        left: 0;
        background-color: var(--gold);
        -webkit-transform-origin: right center;
        transform-origin: right center;
        transition: -webkit-transform .55s var(--cubic-bezier);
        transition: transform .55s var(--cubic-bezier);
        transition: transform .55s var(--cubic-bezier), -webkit-transform .55s var(--cubic-bezier);
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    .section-menu__text:hover h5:after,
    .section-text p a:hover:after,
    .section-text ul a:hover:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }

    .section-category ul li a {
        position: relative;
        transition: color .55s var(--cubic-bezier)
    }

    .section-category ul li a:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: var(--gold);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
        transition: -webkit-transform .55s var(--cubic-bezier);
        transition: transform .55s var(--cubic-bezier);
        transition: transform .55s var(--cubic-bezier), -webkit-transform .55s var(--cubic-bezier)
    }

    .section-category ul li a:hover {
        color: var(--gold)
    }

    .section-category ul li a:hover:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }

    .offer-block:hover .offer-block--img {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: scale(.9);
        transform: scale(.9);
        transition: -webkit-transform 1s ease;
        transition: transform 1s ease;
        transition: transform 1s ease, -webkit-transform 1s ease
    }

    .career-form__form button span {
        transition: color .5s var(--cubic-bezier2)
    }

    .career-form__form button:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: var(--gold);
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        transition: -webkit-transform .5s var(--cubic-bezier2);
        transition: transform .5s var(--cubic-bezier2);
        transition: transform .5s var(--cubic-bezier2), -webkit-transform .5s var(--cubic-bezier2)
    }

    .career-form__form button:hover span {
        color: var(--white)
    }

    .career-form__form button:hover:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }

    .pagination a:hover,
    .pagination span:hover {
        background-color: var(--gold);
        color: var(--white)
    }
}

@media (min-width:1200px) {
    .title {
        font-size: 64.8px;
        line-height: 86px
    }

    .subtitle {
        font-size: 57.73px;
        line-height: 76.65px
    }

    .wrap {
        max-width: var(--wrap-width-xl)
    }

    .loader p {
        font-size: 15rem;
        right: 6vw;
        bottom: 15vh
    }

    .main__slogan h2 {
        font-size: 44px;
        line-height: 64px;
        margin-bottom: 60px
    }

    .main__slogan a {
        font-size: 19.05px
    }

    .about {
        padding-top: 214px;
        padding-bottom: 262px
    }

    .about-info {
        margin-bottom: 240px
    }

    .about-info__text {
        padding-top: 40.54054054054054vh
    }

    .about-info__text h2 {
        font-size: 2.975520833333333vw;
        line-height: 6.834234234234234vh
    }

    .about-info__text p {
        font-size: 1.302083333333333vw;
        line-height: 3.293693693693694vh
    }

    .about-info__box {
        top: 23.423423423423422vh
    }

    .about-illustration {
        margin-bottom: 300px
    }

    .about-team__text h2 {
        font-size: 3.822395833333333vw;
        line-height: 8.77927927927928vh
    }

    .about-team__text p {
        font-size: 1.302083333333333vw;
        line-height: 3.203603603603604vh;
        margin-bottom: 60px
    }

    .about-team__text a {
        font-size: 1.275520833333333vw;
        line-height: 2.92972972972973vh
    }

    .about-team__box {
        top: -45vh
    }

    .section-book h2 {
        font-size: 50px;
        line-height: 55px
    }

    .rooms__slider h2 {
        font-size: 208.84px;
        line-height: 277.3px
    }

    .section-main h1 {
        font-size: 120px
    }

    .section-main p {
        font-size: 26px;
        line-height: 38px
    }

    .outline {
        margin-bottom: 154px
    }

    .outline img {
        max-width: 60.9375vw;
        width: 100%
    }

    .outline h3,
    .outline p {
        max-width: 40.416666666666664vw
    }

    .outline h3 {
        font-size: 2.9475rem;
        line-height: 4.07375rem
    }

    .outline p {
        opacity: .47;
        font-size: 1.54rem;
        line-height: 2.12875rem
    }

    .spa>h2 {
        font-size: 15rem;
        line-height: 20rem
    }

    .spa__slider {
        height: 80vh
    }

    .spa__slider-description h2 {
        font-size: 4.75rem;
        line-height: 5.5rem
    }

    .spa__slider-description p {
        font-size: 1.5rem;
        line-height: 2.2rem
    }

    .spa__slider-arrows a {
        font-size: 36px
    }

    .spa__box p {
        font-size: 1.5rem;
        line-height: 2.25rem
    }

    .conference {
        margin-bottom: 130px
    }

    .conference__text {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .conference__text h5 {
        font-size: 22px;
        line-height: 34px
    }

    .newsletter {
        margin-bottom: 154px
    }

    .newsletter__form {
        margin: 68px auto 0;
        max-width: 65vw
    }

    .newsletter__form button,
    .newsletter__form input {
        font-size: 18px;
        line-height: 86px
    }

    .newsletter p {
        font-size: 1.25rem
    }

    .footer__top p {
        padding-bottom: 30px;
        margin-bottom: 50px;
        font-size: 1.025rem
    }

    .footer__top ul li a {
        font-size: 1.025rem;
        line-height: 1.65rem
    }

    .footer__box h2 {
        font-size: 2rem;
        line-height: 2.75rem
    }

    .footer__bottom p {
        font-size: 1rem;
        line-height: 2.25rem
    }

    .career-blocks {
        padding: 100px 0
    }

    .career-block .container {
        padding: 0 18.4375vw
    }

    .career-block__text h2 {
        font-size: 30px;
        line-height: 36px
    }

    .career-block__text p {
        font-size: 18px;
        line-height: 28px
    }

    .career-inside__img .career-inside__img-wrapper {
        height: 420px
    }

    .section-menu {
        margin-bottom: 130px
    }

    .section-menu__text {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .section-menu__text h5 {
        font-size: 22px;
        line-height: 34px
    }

    .testimonial-block .container {
        padding: 0 18.4375vw
    }

    .testimonial-block__img,
    .testimonial-block__img img {
        height: 500px
    }

    .testimonial-block__text {
        padding-top: 15vh
    }

    .testimonial-block__text h2 {
        font-size: 30px;
        line-height: 36px
    }

    .testimonial-block__text p {
        font-size: 18px;
        line-height: 26px
    }

    .career-form {
        margin-bottom: 150px
    }

    .career-form__form {
        margin: 68px auto 0;
        max-width: 65vw
    }

    .career-form__form .file,
    .career-form__form button,
    .career-form__form input {
        font-size: 18px;
        line-height: 83px
    }

    .career-form :active {
        font-size: 1.25rem
    }
}

@media (min-width:1240px) {
    .room.room__single {
        width: 47.708333333333336vw;
        height: 83.78623188405797vh
    }

    .room.room__single .room__box {
        width: 30vw;
        height: 80vh;
        right: 7.8125vw
    }

    .room.room__deluxe {
        width: 60.416666666666664vw;
        height: 70.01811594202898vh
    }

    .room.room__deluxe .room__box {
        width: 31.458333333333332vw;
        height: 61.141304347826086vh;
        top: -16.847826086956523vh
    }

    .room.room__twin {
        width: 58vw;
        height: 66vh
    }

    .room.room__twin .room__box {
        width: 30vw;
        top: -16.847826086956523vh
    }

    .room.room__double {
        width: 55vw;
        height: 68vh
    }

    .room.room__double .room__box {
        width: 30vw;
        height: 60vh;
        top: -16.847826086956523vh
    }

    .room.room__triple {
        width: 54vw;
        height: 65vh
    }

    .room.room__triple .room__box {
        width: 32vw;
        top: -16.847826086956523vh;
        height: 55vh
    }

    .room.room__junior {
        width: 50vw;
        height: 64vh
    }

    .room.room__junior .room__box {
        width: 31.458333333333332vw;
        height: 55vh;
        bottom: -16.847826086956523vh;
        left: -10.416666666666668vw
    }

    .room.room__luxury {
        width: 55vw;
        height: 70.01811594202898vh
    }

    .room.room__luxury .room__box {
        width: 33.5vw;
        height: 50vh;
        right: -18.416666666666668vw
    }
}

@media (min-width:1300px) {
    .book .container {
        padding: 0 15vw
    }

    .book__form div .input--control input,
    .book__form div .input--control select,
    .book__form form .input--control input,
    .book__form form .input--control select {
        font-size: 1.25vw;
        margin-bottom: 50px
    }

    .book__form div .input--numeric,
    .book__form div .input--numeric .val,
    .book__form form .input--numeric,
    .book__form form .input--numeric .val {
        font-size: 1.25vw
    }

    .book__slider ul li h3 {
        font-size: 2.2vw
    }

    .book__slider ul li p {
        font-size: 14px
    }
}

@media (min-width:1400px) {
    .link--box {
        font-size: 30px;
        line-height: 40px;
        padding: 25px 50px
    }

    .sidebar,
    .sidebar-right {
        height: 90vh
    }

    .sidebar-right .search-toggle {
        font-size: 28px
    }

    .languages li a {
        font-size: 14px;
        line-height: 14px
    }

    .social-media li a {
        font-size: 26px
    }

    .main__slogan {
        left: 17.34375vw
    }

    .about-main__content h1 {
        line-height: 12.8vh
    }

    .about-main__content p {
        font-size: 1.302083333333333vw;
        line-height: 1.64375vw
    }

    .book button {
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 1.75rem
    }

    .section-book h2 {
        font-size: 65px;
        line-height: 70px
    }

    .section-book p {
        font-size: 1.45vw;
        line-height: 5.217117117117117vh
    }

    .kitchen__block p {
        font-size: 28.3px;
        line-height: 39.11px;
        margin-bottom: 75px
    }

    .kitchen__block-img {
        height: 43.10189359783589vh;
        margin-bottom: 75px
    }

    .kitchen__box {
        padding: 180px 3.802083333333333vw 80px
    }

    .kitchen__box h2 {
        font-size: 7.0525rem
    }

    .kitchen__box p {
        font-size: 1.76875rem;
        line-height: 2.444375rem
    }

    .section-title {
        margin-bottom: 180px
    }

    .section-title h2 {
        font-size: 5.5rem;
        line-height: 7.55rem
    }

    .section-title.section-title-smaller h2 {
        font-size: 4rem;
        line-height: 5.75rem
    }

    .section-main h1 {
        font-size: 140px
    }

    .section-main p {
        font-size: 32px;
        line-height: 50px
    }

    .section-features {
        margin-bottom: 240px
    }

    .section-feature__text p {
        line-height: 4vh
    }

    .newsletter__form {
        max-width: 49.84375vw
    }

    .newsletter__form button,
    .newsletter__form input {
        font-size: 20px;
        line-height: 100px
    }

    .newsletter__form input {
        padding: 0 1.979166666666667vw
    }

    .section-info {
        padding: 0 7.1875%;
        margin-bottom: 150px
    }

    .room-main__info li {
        font-size: 2.1rem
    }

    .room__info {
        padding: 0 19.947916666666668vw;
        margin-bottom: 250px
    }

    .room__info h5 {
        font-size: 1.2rem
    }

    .room__features ul {
        font-size: 1.2rem;
        line-height: 1.25rem
    }

    .room-feature__text h5 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 2.702702702702703vh
    }

    .room-feature__text p {
        font-size: 20px;
        line-height: 26px
    }

    .career__box {
        top: -64vh
    }

    .career-inside {
        margin: 100px 0 200px
    }

    .career-inside__img .career-inside__img-wrapper {
        height: 500px
    }

    .career-inside__title {
        padding-left: 140px
    }

    .career-inside__title h1 {
        font-size: 56px;
        line-height: 70px
    }

    .career-inside__text {
        padding: 0 5%
    }

    .career-inside__text h3 {
        font-size: 28px
    }

    .career-inside__text p,
    .career-inside__text ul {
        font-size: 18px;
        line-height: 25px
    }

    .room-gallery {
        height: 66vh;
        min-height: 660px
    }

    .room-gallery .swiper-container .arrows {
        font-size: 30px
    }

    .room-gallery .swiper-info span {
        font-size: 2.5rem
    }

    .room-gallery .swiper-info div {
        top: -25px
    }

    .room-gallery__info h2 {
        font-size: 7rem
    }

    .section-text h3 {
        font-size: 28px
    }

    .section-text p,
    .section-text ul {
        font-size: 20px;
        line-height: 34px
    }

    .video__wrapper {
        padding: 0 20vw
    }

    .offer-block {
        width: 90%
    }

    .offer-block--text h4 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 60px
    }

    .offer-block--text p {
        font-size: 22px;
        line-height: 26px
    }

    .offer-block:nth-child(2n+2) {
        margin-left: 10%
    }

    .offer .container {
        padding: 0 15vw
    }

    .offer__img .offer__img-wrapper {
        height: 700px
    }

    .offer__img h1 {
        font-size: 60px;
        line-height: 70px;
        max-width: 60%;
        padding-bottom: 0;
        padding-left: 50px;
        padding-right: 50px
    }

    .offer__text h3 {
        font-size: 150px
    }

    .offer__text h4 {
        font-size: 35px;
        line-height: 44px
    }

    .offer__text p,
    .offer__text ul {
        font-size: 18px;
        line-height: 25px
    }

    .offer-block--none h4 {
        font-size: 60px
    }

    .career-form__form {
        max-width: 60vw
    }

    .career-form__form .file,
    .career-form__form button,
    .career-form__form input {
        font-size: 20px
    }

    .career-form__form .file,
    .career-form__form input {
        padding: 0 1.979166666666667vw
    }
}

@media (min-width:1440px) {
    .rooms__slider-box {
        width: 27.65625vw
    }

    .rooms__slider-box h4 {
        font-size: 2.2vw;
        line-height: 55px
    }

    .spa>h2 {
        font-size: 18.150625rem;
        line-height: 24.1rem
    }

    .spa__slider {
        height: 100vh
    }

    .spa__slider-description h2 {
        font-size: 6rem;
        line-height: 7.5rem
    }

    .spa__slider-description p {
        font-size: 1.5rem;
        line-height: 2.2rem
    }

    .spa__slider-arrows a {
        font-size: 45px
    }

    .spa__box p {
        font-size: 1.5rem;
        line-height: 2.2rem
    }

    .conference__img {
        width: 59.27272727272727%
    }

    .conference__text {
        width: 40.72727272727273%;
        padding-top: 140px;
        padding-bottom: 140px
    }

    .conference__text h5 {
        font-size: 1.473958333333333vw;
        line-height: 2.036979166666667vw
    }

    .footer__top p {
        font-size: 1.25rem;
        margin-bottom: 40px;
        padding-bottom: 40px
    }

    .footer__top ul li {
        margin-bottom: 20px
    }

    .footer__top ul li a {
        font-size: 1rem;
        line-height: 1.4rem
    }

    .footer__menu {
        margin-right: 43px
    }

    .footer__box {
        padding-top: 85px;
        padding-bottom: 130px
    }

    .footer__box h2 {
        font-size: 2.2rem;
        line-height: 3.5rem
    }

    .footer__bottom p {
        font-size: 1.15rem;
        line-height: 2.85rem
    }

    .section-menu__img {
        width: 59.27272727272727%
    }

    .section-menu__text {
        width: 40.72727272727273%;
        padding-top: 140px;
        padding-bottom: 140px
    }

    .section-menu__text h5 {
        font-size: 1.473958333333333vw;
        line-height: 2.036979166666667vw
    }
}

@media (min-width:1600px) {
    .main__slogan h2 {
        font-size: 64.8px;
        line-height: 86px
    }

    .spa__slider-description h2 {
        font-size: 5rem;
        line-height: 8rem;
        margin-bottom: 30px
    }

    .spa__box p,
    .spa__slider-description p {
        font-size: 1.5rem;
        line-height: 2.2rem
    }

    .conference__text {
        padding-top: 18.37837837837838vh;
        padding-bottom: 18.37837837837838vh
    }

    .conference .subtitle {
        font-size: 3.006770833333333vw;
        line-height: 3.9921875vw
    }

    .room-about {
        max-width: 50vw;
        padding: 170px 0 260px
    }

    .room-about h2 {
        font-size: 5.190625rem;
        margin-bottom: 70px;
        line-height: 5.5rem
    }

    .room-about p {
        font-size: 1.65rem
    }

    .room-feature {
        padding: 0 20.3125vw
    }

    .room-feature__text h5 {
        font-size: 1.180729166666667vw;
        line-height: 2.822522522522523vh
    }

    .room-feature__text p {
        font-size: 1.2rem;
        line-height: 2rem
    }

    .career-block__img {
        margin-bottom: 0;
        height: 500px
    }

    .career-block__img img {
        height: 500px
    }

    .career-block__text h2,
    .career-block__text p {
        padding-right: 10%
    }

    .career-block:nth-child(2n) .career-block__text h2,
    .career-block:nth-child(2n) .career-block__text p {
        padding-right: 0;
        padding-left: 10%
    }

    .room.room__single .room__box {
        width: 26.041666666666668vw;
        height: 85.32608695652173vh
    }

    .room.room__double {
        width: 47.708333333333336vw;
        height: 68vh
    }

    .room.room__double .room__box {
        width: 26.041666666666668vw;
        height: 70.32608695652173vh
    }

    .room.room__triple {
        width: 47.708333333333336vw;
        height: 65vh
    }

    .room.room__triple .room__box {
        width: 26.041666666666668vw;
        height: 62vh
    }

    .room.room__junior .room__box {
        height: 61.141304347826086vh
    }

    .room.room__luxury {
        width: 51vw;
        height: 70.01811594202898vh
    }

    .room.room__luxury .room__box {
        width: 28vw;
        height: 58vh;
        right: -18.416666666666668vw
    }

    .room-gallery__info h2 {
        font-size: 7.25rem
    }

    .section-menu__text {
        padding-top: 18.37837837837838vh;
        padding-bottom: 18.37837837837838vh
    }

    .section-menu .subtitle {
        font-size: 3.006770833333333vw;
        line-height: 3.9921875vw
    }

    .career-form__form {
        max-width: 49.84375vw
    }
}

@media only screen and (min-width:1640px) {
    .wrap.remove-gutter-left {
        padding: 0;
        max-width: none;
        width: calc(50% + 720px);
        left: 0
    }

    .wrap.remove-gutter-left .cll-col {
        margin-left: 0 !important;
        max-width: 100% !important;
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important
    }
}

@media (min-width:1720px) {
    .footer__top ul li a {
        font-size: 1rem;
        line-height: 1.3rem
    }
}

@media screen and (min-width:1800px) {
    .about-main {
        margin-bottom: 150px
    }
}

@media (min-width:1900px) {
    .section-text h3 {
        font-size: 30px
    }

    .section-text p,
    .section-text ul {
        font-size: 22px;
        line-height: 34px
    }
}

@media (min-width:2000px) {
    .kitchen__slider {
        height: 62vh
    }

    .line-wrapper .line {
        -webkit-transform: translateY(230px);
        transform: translateY(230px)
    }
}

@media (max-width:1199px) {
    .outline {
        padding: 0 7.291666666666667vw
    }

    .outline img {
        width: 100%;
        height: auto
    }
}

@media (max-width:991px) {
    .sidebar img {
        max-width: 50px
    }

    .menu {
        height: var(--mobile-height)
    }

    .menu__inner {
        text-align: center
    }

    .menu__inner-left li a {
        font-size: 30px;
        line-height: 50px
    }

    .menu__inner-right {
        margin-top: 20px
    }

    .menu__inner-right li a {
        font-size: 22px;
        line-height: 34px
    }

    .about-main__content p br,
    .about .title br {
        display: none
    }

    .book .container>div {
        position: relative
    }

    .book__slider .bx-slider,
    .book__slider .bx-viewport,
    .book__slider .bx-viewport ul,
    .book__slider .bx-viewport ul li,
    .book__slider .bx-wrapper {
        height: 50vh !important;
        position: relative
    }

    .book__form form .input--numeric a {
        font-size: 30px;
        position: relative;
        top: 4px
    }

    .book__form form .input--numeric .val {
        text-align: center;
        width: 60px;
        font-size: 30px
    }

    .book__form form .input--control label.error,
    .book__form form .input--numeric label.error {
        left: -5px;
        bottom: 10px
    }

    .book .input--numeric {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 2px
    }

    .book .input--numeric,
    .book .input--numeric>div {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .book button {
        width: 100%
    }

    .section-book .link--box {
        font-size: 20px;
        margin-top: 5px;
        display: inline-block;
        min-width: 245px
    }

    .section-book .link--box+.link--box {
        margin-top: 10px
    }

    .rooms__slider .owl-carousel .owl-item .item img {
        height: 300px
    }

    .rooms__slider-arrows a {
        margin-left: 14px
    }

    .rooms__slider-box>div {
        padding-top: 16%
    }

    .kitchen .title {
        font-size: 34px;
        line-height: 44px
    }

    .kitchen__slider {
        overflow: hidden
    }

    .kitchen__slider .item p br {
        display: none
    }

    .kitchen__slider-arrows {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 30px
    }

    .section-main.section-main--center .line {
        text-align: center !important
    }

    .newsletter__form button,
    .newsletter__form input {
        width: 100%;
        border: 1px solid rgba(126, 109, 91, .35)
    }

    .newsletter__form input {
        margin-bottom: 20px
    }

    .section-info h3 br {
        display: none
    }

    .room-main>div {
        position: relative;
        height: 60vh
    }

    .career p br,
    .form p br {
        display: none
    }

    .career-block {
        overflow-x: hidden;
        overflow-y: scroll
    }

    .career-block__text h2 br {
        display: none
    }

    .room {
        width: 70%;
        height: 400px;
        margin-left: 5%
    }

    .room .room__box {
        width: 350px;
        height: 350px;
        position: absolute;
        bottom: -100px;
        left: -60px;
        border: 1px solid var(--brand-secondary);
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .room .room__box h3 {
        position: relative;
        width: 100%
    }

    .room .room__box h3 span {
        position: absolute;
        bottom: 2px;
        right: 15px;
        font-size: 18px !important
    }

    .testimonial-block {
        overflow-x: hidden;
        overflow-y: scroll
    }

    .testimonial-block__text h2 br {
        display: none
    }

    .career-form__form .file,
    .career-form__form button,
    .career-form__form input {
        width: 100%;
        border: 1px solid rgba(126, 109, 91, .12)
    }

    .career-form__form .file,
    .career-form__form input {
        margin-bottom: 15px
    }
}

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

    .flex .cll-col,
    .flex.wrap .cll-col {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        max-width: 100% !important
    }

    .flex .cll-col {
        margin-left: 0 !important
    }
}

@media (max-width:767px) {
    .sidebar.sidebar--scrolled {
        box-shadow: 0 0 6px 2px rgba(0, 0, 0, .15);
        background-color: var(--brand-main);
        padding: 10px 6.5vw 0
    }

    .body__fixed .sidebar.sidebar--scrolled {
        box-shadow: none
    }

    .body__black .sidebar.sidebar--scrolled,
    .body__green-dark .sidebar.sidebar--scrolled,
    .body__green-light .sidebar.sidebar--scrolled,
    .body__green .sidebar.sidebar--scrolled,
    .body__orange .sidebar.sidebar--scrolled {
        background-color: var(--black-bg)
    }

    .main__slider {
        overflow: hidden
    }

    .main__slogan {
        padding: 30px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .main__slogan br {
        display: none
    }

    .about .title {
        font-size: 30px;
        line-height: 44px
    }

    .about .link {
        font-size: 20px;
        line-height: 32px
    }

    .about-info {
        overflow-x: hidden;
        overflow-y: scroll
    }

    .about-info__text h2 br {
        display: none
    }

    .about-info__img img {
        height: 360px;
        object-fit: cover;
        object-position: bottom center
    }

    .about-team__text h2 br {
        display: none
    }

    .kitchen .title {
        font-size: 24px;
        line-height: 36px
    }

    .conference .subtitle {
        font-size: 30px;
        line-height: 36px
    }

    .room {
        width: 100%;
        height: 300px
    }

    .room .room__box {
        width: 90%;
        height: 90%;
        position: absolute;
        bottom: -85px;
        left: -25px;
        border: 1px solid var(--gold);
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .section-menu .subtitle {
        font-size: 30px;
        line-height: 36px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about .title {
        font-size: 35px;
        line-height: 50px
    }

    .about .link {
        font-size: 22px;
        line-height: 34px
    }

    .conference .subtitle {
        font-size: 30px;
        line-height: 38px
    }

    .newsletter {
        padding: 0 7.291666666666667vw
    }

    .footer__top {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer__menu {
        width: calc(50% - 30px)
    }

    .section-menu .subtitle {
        font-size: 30px;
        line-height: 38px
    }

    .career-form {
        padding: 0 7.291666666666667vw
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .about .title {
        font-size: 36px;
        line-height: 48px
    }

    .about .link {
        font-size: 20px;
        line-height: 32px
    }

    .conference .subtitle,
    .section-menu .subtitle {
        font-size: 36px;
        line-height: 44px
    }
}

@media (min-width:1200px) and (max-width:1439px) {

    .conference .subtitle,
    .section-menu .subtitle {
        font-size: 44px;
        line-height: 52px
    }
}

@media (min-width:1440px) and (max-width:1599px) {

    .conference .subtitle,
    .section-menu .subtitle {
        font-size: 48px;
        line-height: 56px
    }
}