/* ==============================================
RESET -->
=============================================== */
html, body{ width:100%; max-width: 100%; height:auto; padding:0; margin:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering:optimizeLegibility; text-rendering: geometricPrecision; }
body{ overflow-x: hidden !important; overflow-y: scroll; -webkit-tap-highlight-color:rgba(0,0,0,0.3); font-style: normal; font-weight: 400; font-size: 14px; font-family: 'Montserrat', sans-serif !important; -webkit-font-smoothing:antialiased; line-height: 30px; letter-spacing: 0px; color: #000;}
section, .cover{ background-size:cover; background-position: center center; background-repeat: no-repeat; }
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{ -webkit-text-size-adjust:none; }
/* Undragable Images */
img{display: block; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-user-drag: none; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p{ color: inherit; font-variant-ligatures: common-ligatures; padding:0; margin:0; -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   -ms-user-select: none;
   user-select: none;}
ol, ul{ list-style: none; padding: 0; }
a, a:hover, a:focus, button, button:hover, button:focus{ text-decoration: none; color: inherit;}
*{ border:0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:hover, *:focus{ outline:none !important; }
.container{max-width: 1170px;}
h6{font-size: 14px;}
section{overflow: hidden; position: relative;}

/* ==============================================
FONTS -->
=============================================== */
@import url('https://fonts.googleapis.com/css?family=Rozha+One&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,600,700&display=swap');

.montserrat{ font-family: 'Montserrat', sans-serif; }
.rozha{font-family: 'Rozha One', serif !important;}

p, a{font-family: 'Montserrat', sans-serif !important;}

h1{font-family: 'Rozha One', serif !important;}
.moz-background-picture {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.site-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0;
    height: 60px;
    z-index: 99
}

@media (min-width:768px) {
    .site-header {
        height: 0;
    }
}

.site-header:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: #fff;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    z-index: -1
}

.site-header--white:after {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width:768px) {
    body.hp-step-2 .site-header,
    body.page-template-template-my-reservation .site-header {
        top: 35px
    }
}

.site-header__left {
    z-index: 1
}

.site-header__burger,
.site-header__left {
    position: relative;
    display: inline-block;
    float: left
}

.site-header__burger {
    width: 60px;
    height: 100vh;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
    transition: background-color .4s ease;
    border-right: 1px solid #FFEAD3;
}
.menu-open .site-header__burger{background-color: #fff !important;}
@media (min-width:768px) {
    .site-header__burger {
        width: 60px;
        height: 100vh;
    }
}

.site-header__burger:hover {
    background-color: transparent;
}

.site-header__burger span {
    position: absolute;
    width: 30px;
    height: 2px;
    right: 17px;
    background-color: #fff;
    top: 20px;
    transition: opacity .2s ease;
    opacity: 0;
}

@media (min-width:768px) {
    .site-header__burger span {
        width: 35px;
        right: 17px;
        top: 35px
    }
}

.site-header__burger span:nth-child(2) {
    width: 20px;
    top: 30px;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

@media (min-width:768px) {
    .site-header__burger span:nth-child(2) {
        width: 25px;
        top: 45px
    }
}

.site-header__burger span:nth-child(3) {
    width: 20px;
    top: 30px;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

@media (min-width:768px) {
    .site-header__burger span:nth-child(3) {
        width: 25px;
        top: 45px
    }
}

.site-header__burger span:nth-child(4) {
    width: 10px;
    top: 40px
}

@media (min-width:768px) {
    .site-header__burger span:nth-child(4) {
        width: 15px;
        top: 55px
    }
}

.menu-open .site-header__burger span:first-child,
.menu-open .site-header__burger span:nth-child(4) {
    opacity: 0
}

.menu-open .site-header__burger span:nth-child(2) {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    background-color: #5F504D;
    opacity: 1;
}

.menu-open .site-header__burger span:nth-child(3) {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
    background-color: #5F504D;
    opacity: 1;
}

.site-header__cell {
    display: table-cell;
    vertical-align: middle
}

.site-header__phone {
    display: table;
    float: left;
    height: 60px
}

@media (min-width:768px) {
    .site-header__phone {
        height: 90px
    }
}

.site-header__phone a {
    display: block;
    padding: 10px
}

@media (min-width:768px) {
    .site-header__phone a {
        padding: 10px 0 0 15px;
        padding: 0 0 0 20px
    }
}

.site-header__phone__text {
    color: #11181e;
    font-family: FFKievitWebProBold, Calibri, Helvetica, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: .05em;
    display: none
}

@media (min-width:768px) {
    .site-header__phone__text {
        display: block
    }
}

body.menu-open .site-header__phone__text {
    color: #fff
}

.site-header__phone__icon {
    display: block
}

@media (min-width:768px) {
    .site-header__phone__icon {
        display: none
    }
}

.site-header--white .site-header__phone__icon svg circle {
    fill: #739eba
}

.site-header--white .site-header__phone__icon svg path {
    fill: #fff
}

.site-header__phone__icon svg {
    width: 40px;
    height: 40px
}

@media (min-width:500px) {
    .site-header__phone__icon svg {
        width: 44px;
        height: 44px
    }
}

.site-header__phone__icon svg circle,
.site-header__phone__icon svg path {
    transition: fill .4s ease
}

.page-template-template-galleries .site-header__phone__icon svg circle,
.page-template-template-offers .site-header__phone__icon svg circle {
    fill: #eee
}

.site-header__logo {
    position: absolute;
    left: 50%;
    top: 30px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all .8s ease
}


}

@media (min-width:768px) {
    .site-header__logo {
        top: 30px
    }
}

.page-template-template-home .site-header__logo {
    top: calc(55vh - 255px);
    transition: all .8s ease
}

@media (min-width:500px) {
    .page-template-template-home .site-header__logo {
        top: calc(35vh - 40px)
    }
}

@media (min-width:768px) {
    .page-template-template-home .site-header__logo {
        top: calc(27vh - 80px)
    }
}

.page-template-template-home .site-header__logo.animated {
    top: 13px
}

@media (min-width:768px) {
    .page-template-template-home .site-header__logo.animated {
        top: 25px
    }
}

.page-template-template-home .site-header__logo.animated:after {
    opacity: 0
}

.page-template-template-home .site-header__logo.animated img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.site-header__logo.animated {
    top: 13px;
    transition: all .8s ease
}

@media (min-width:768px) {
    .site-header__logo.animated {
        top: 35px
    }
}

.site-header__logo.animated:after {
    opacity: 0
}

.site-header__logo.animated img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.site-header__logo.unlined:after {
    opacity: 0
}

.site-header__logo.disable {
    opacity: 0;
    transition: opacity .4s ease
}




.site-header__right {
    position: relative;
    display: inline-block;
    float: right;
    z-index: 999999;

}

.site-header__lang {
    display: table;
    float: right;
    height: 60px;
    margin-right: 20px;
    opacity: 0.8;
    transition: opacity .4s ease
}

@media (min-width:500px) {
    .site-header__lang {
        opacity: 1
    }
}

@media (min-width:768px) {
    .site-header__lang {
        height: 90px
    }
}

body.menu-open .site-header__lang {
    opacity: 1
}

.site-header__book {
    height: 60px;
    float: right
}

@media (min-width:768px) {
    .site-header__book {
        height: 90px
    }
}

.site-header__book a {
    color: #fff;
    font-family: FFKievitWebProBold, Calibri, Helvetica, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: .05em
}

.site-header__book .hp-btn {
    height: 100%;
    display: table
}

.site-header__book .hp-btn span {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 25px!important
}

@media (min-width:768px) {
    .site-header__book .hp-btn span {
        padding: 35px 25px!important
    }
}

.site-header__navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

.menu-open .site-header__navigation {
    opacity: 1;
    visibility: visible
}

.menu-open .site-header__navigation__bg-1 {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
    transition: transform .4s cubic-bezier(.25, .46, .45, .94);
    transition: transform .4s cubic-bezier(.25, .46, .45, .94), -webkit-transform .4s cubic-bezier(.25, .46, .45, .94)
}

.menu-open .site-header__navigation__bg-2 {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94) .2s;
    transition: transform .4s cubic-bezier(.25, .46, .45, .94) .2s;
    transition: transform .4s cubic-bezier(.25, .46, .45, .94) .2s, -webkit-transform .4s cubic-bezier(.25, .46, .45, .94) .2s
}

.menu-open .site-header__navigation__bg-image {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.menu-open .site-header__navigation__bg-3,
.menu-open .site-header__navigation__bg-image {
    transition: -webkit-transform .5s cubic-bezier(.25, .46, .45, .94) .4s;
    transition: transform .5s cubic-bezier(.25, .46, .45, .94) .4s;
    transition: transform .5s cubic-bezier(.25, .46, .45, .94) .4s, -webkit-transform .5s cubic-bezier(.25, .46, .45, .94) .4s
}

.menu-open .site-header__navigation .site-header__menus,
.menu-open .site-header__navigation__bg-3 {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.menu-open .site-header__navigation .site-header__menus {
    transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94) .6s;
    transition: transform .4s cubic-bezier(.25, .46, .45, .94) .6s;
    transition: transform .4s cubic-bezier(.25, .46, .45, .94) .6s, -webkit-transform .4s cubic-bezier(.25, .46, .45, .94) .6s
}

.close-menu .site-header__navigation__bg-1 {
    transition: -webkit-transform .4s cubic-bezier(.55, .085, .68, .53) .6s;
    transition: transform .4s cubic-bezier(.55, .085, .68, .53) .6s;
    transition: transform .4s cubic-bezier(.55, .085, .68, .53) .6s, -webkit-transform .4s cubic-bezier(.55, .085, .68, .53) .6s
}

.close-menu .site-header__navigation__bg-1,
.close-menu .site-header__navigation__bg-2 {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.close-menu .site-header__navigation__bg-2 {
    transition: -webkit-transform .4s cubic-bezier(.55, .085, .68, .53) .5s;
    transition: transform .4s cubic-bezier(.55, .085, .68, .53) .5s;
    transition: transform .4s cubic-bezier(.55, .085, .68, .53) .5s, -webkit-transform .4s cubic-bezier(.55, .085, .68, .53) .5s
}

.close-menu .site-header__navigation__bg-3,
.close-menu .site-header__navigation__bg-image {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform .5s cubic-bezier(.55, .085, .68, .53) .2s;
    transition: transform .5s cubic-bezier(.55, .085, .68, .53) .2s;
    transition: transform .5s cubic-bezier(.55, .085, .68, .53) .2s, -webkit-transform .5s cubic-bezier(.55, .085, .68, .53) .2s
}

.close-menu .site-header__navigation .site-header__menus {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform .4s cubic-bezier(.55, .085, .68, .53);
    transition: transform .4s cubic-bezier(.55, .085, .68, .53);
    transition: transform .4s cubic-bezier(.55, .085, .68, .53), -webkit-transform .4s cubic-bezier(.55, .085, .68, .53)
}

.site-header__navigation__bg-1 {
    background-color: #FFEAD3;
}

.site-header__navigation__bg-1,
.site-header__navigation__bg-2 {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.site-header__navigation__bg-2 {
    background-color: #fafafa;
}

.site-header__navigation__bg-image {
    position: absolute;
    width: 50%;
    height: 100%;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.site-header__navigation__bg-image:after {
    content: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .8);
    top: 0;
    left: 0
}

.site-header__navigation__bg-3 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fafafa;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

@media (min-width:768px) {
    .site-header__navigation__bg-3 {
        width: 35%
    }
}

.site-header__nav {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 7
}

.site-header__nav__inner {
    position: relative;
    height: 100%;
    padding-top: 0;
}

@media (min-width:768px) {
    .site-header__nav__inner {
        padding-top: 0;
    }
}

.site-header__menus {
    height: 100%;
    display: table;
    width: 100%;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform .6s cubic-bezier(.55, .085, .68, .53) .8s;
    transition: transform .6s cubic-bezier(.55, .085, .68, .53) .8s;
    transition: transform .6s cubic-bezier(.55, .085, .68, .53) .8s, -webkit-transform .6s cubic-bezier(.55, .085, .68, .53) .8s
}

@media (min-width:768px) {
    .site-header__menus {
        width: 50%;
        height: calc(100vh - 90px)
    }
}

.site-header__menus__wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    position: relative;
    z-index: 5
}

.site-header__inner {
    display: table-cell;
    vertical-align: middle
}

.lang {
    cursor: pointer;
    font-size: 16px;
    font-family: FFKievitWebProBold, Calibri, Helvetica, Arial, sans-serif;
    font-weight: 400;
    transition: opacity .15s ease;
    opacity: 1;
    position: relative;
    text-transform: uppercase;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: inline-block;
    background-color: transparent;
    top: -5px
}

@media (min-width:500px) {
    .lang {
        width: 44px;
        height: 44px
    }
}

@media (min-width:768px) {
    .lang {
        display: inline-block;
        width: 60px;
        height: 60px;
        top: 0
    }
}

.lang.active {
    display: inline-block
}

.lang__current {
    display: block;
    color: #fff;
    position: relative;
    margin: auto;
    text-align: center;
    line-height: 43px;
    letter-spacing: .05em;
    font-size: 18px
}

@media (min-width:500px) {
    .lang__current {
        line-height: 50px
    }
}

@media (min-width:768px) {
    .lang__current {
        font-size: 16px;
        line-height: 60px;
        color: #fff;
    }
}

.lang__list {
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    display: none;
    text-align: center;
    z-index: 1
}

.lang__list a {
    color: #11181e;
    padding: 5px 0;
    display: block;
    transition: all .3s ease;
    text-decoration: none;
    font-size: 16px
}

@media (min-width:768px) {
    .lang__list a {
        font-size: 14px
    }
}

.mobile-lang {
    display: block;
    position: relative;
    top: -50px
}

@media (min-width:1200px) {
    .mobile-lang {
        display: none
    }
}

.mobile-lang__list {
    list-style: none;
    margin: 0 auto;
    text-align: center;
    padding: 0
}

.mobile-lang__list__item {
    display: inline-block;
    position: relative;
    padding: 0 10px
}

.mobile-lang__list__item a {
    color: #fff
}

.mobile-lang__list__item a.active,
.mobile-lang__list__item a:hover {
    color: #739eba
}

.mobile-lang__list__item:after {
    content: "";
    position: absolute;
    right: -3px;
    background-color: #fff;
    top: 1px;
    bottom: 0;
    width: 1px;
    height: 20px
}

.mobile-lang__list__item:last-child:after {
    content: none
}

.menu--main {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 40px
}

@media (min-width:768px) {
    .menu--main {
        padding-top: 65px;
        background-size: 240px 492px;
        padding-left: 13%
    }
}

.menu--main .menu__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.menu--main .menu__list--submenu {
    position: absolute;
    top: 0;
    left: 100%;
    white-space: nowrap;
    width: 100%;
    display: none
}

@media (min-width:768px) {
    .menu--main .menu__list--submenu {
        position: relative;
        top: auto;
        left: auto;
        visibility: hidden;
        opacity: 0;
        width: auto;
        display: block;
        white-space: normal
    }
}

.menu--main .menu__list--submenu .menu__item {
    font-family: FFKievitWebPro, Calibri, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: .05em
}

@media (min-width:768px) {
    .menu--main .menu__list--submenu .menu__item {
        display: inline-block;
        vertical-align: top;
        padding: 5px 5px 0 0;
        opacity: 0;
        visibility: hidden;
        transition-duration: .5s
    }
    .menu--main .menu__list--submenu .menu__item:after {
        content: "";
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 1px;
        height: 15px;
        background: #5e6872;
        margin-left: 10px
    }
    .menu--main .menu__list--submenu .menu__item:last-child:after {
        display: none
    }
    .menu--main .menu__list--submenu .menu__item:hover>.menu__link {
        color: #11181e
    }
}

.menu--main .menu__list--submenu .menu__item .menu__link {
    color: #5e6872
}

.menu--main .menu__list--submenu.submenu-open {
    visibility: visible;
    opacity: 1;
    display: block
}

@media (min-width:768px) {
    .menu--main .menu__list--submenu.submenu-open .menu__item {
        opacity: 1;
        visibility: visible
    }
}

.menu--main .menu__list--level-0 {
    text-align: left;
    position: relative
}

@media (min-width:768px) {
    .menu--main .menu__list--level-0 {
        text-align: left;
        padding-bottom: 35px;
    }
}

@media (min-width:768px) {
    .menu--main .menu__list--level-0>.menu__item {
        width: 100%;
        opacity: 0;
        visibility: hidden;
        position: relative
    }
}

@media (min-width:768px) {
    .menu-open .menu--main .menu__list--level-0>.menu__item {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@media (min-width:768px) {
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu {
        opacity: 1;
        visibility: visible;
        width: 115%;
        white-space: normal
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item {
        opacity: 1;
        visibility: visible
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:first-child {
        transition-delay: .4s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(2) {
        transition-delay: .6s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(3) {
        transition-delay: .8s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(4) {
        transition-delay: 1s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(5) {
        transition-delay: 1.2s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(6) {
        transition-delay: 1.4s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(7) {
        transition-delay: 1.6s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(8) {
        transition-delay: 1.8s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(9) {
        transition-delay: 2s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(10) {
        transition-delay: 2.2s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(11) {
        transition-delay: 2.4s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(12) {
        transition-delay: 2.6s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(13) {
        transition-delay: 2.8s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(14) {
        transition-delay: 3s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(15) {
        transition-delay: 3.2s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(16) {
        transition-delay: 3.4s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(17) {
        transition-delay: 3.6s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(18) {
        transition-delay: 3.8s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(19) {
        transition-delay: 4s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(20) {
        transition-delay: 4.2s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(21) {
        transition-delay: 4.4s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(22) {
        transition-delay: 4.6s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(23) {
        transition-delay: 4.8s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(24) {
        transition-delay: 5s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(25) {
        transition-delay: 5.2s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(26) {
        transition-delay: 5.4s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(27) {
        transition-delay: 5.6s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(28) {
        transition-delay: 5.8s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(29) {
        transition-delay: 6s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(30) {
        transition-delay: 6.2s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(31) {
        transition-delay: 6.4s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(32) {
        transition-delay: 6.6s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(33) {
        transition-delay: 6.8s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(34) {
        transition-delay: 7s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(35) {
        transition-delay: 7.2s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(36) {
        transition-delay: 7.4s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(37) {
        transition-delay: 7.6s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(38) {
        transition-delay: 7.8s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(39) {
        transition-delay: 8s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(40) {
        transition-delay: 8.2s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(41) {
        transition-delay: 8.4s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(42) {
        transition-delay: 8.6s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(43) {
        transition-delay: 8.8s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(44) {
        transition-delay: 9s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__list--submenu .menu__item:nth-child(45) {
        transition-delay: 9.2s
    }
    .menu--main .menu__list--level-0>.menu__item--has-children:hover .menu__line:after {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@media (min-width:768px) {
    .menu--main .menu__list--level-1 {
        position: absolute;
        top: 0;
        left: 100%;
        white-space: nowrap;
        display: block;
        width: auto
    }
}

@media (min-width:768px) and (min-width:768px) {
    .menu--main .menu__list--level-1 {
        width: 100%;
        top: 15px
    }
}

@media (min-width:768px) {
    .menu--main .menu__list--level-1>.menu__item {
        display: block;
        padding: 5px 0 5px 15%;
        font-size: 20px;
        line-height: 24px
    }
    .menu--main .menu__list--level-1>.menu__item:after {
        display: none
    }
}

.menu--main .menu__list--level-2>.menu__item {
    white-space: normal
}

@media (min-width:768px) {
    .menu--main .menu__list--level-2>.menu__item {
        font-size: 12px;
        line-height: 16px
    }
}

@media (min-width:1200px) {
    .menu--main .menu__list--level-2>.menu__item {
        font-size: 14px;
        line-height: 18px
    }
}

.menu--main .menu__item {
    padding: 8px 0 8px 20%;
    white-space: nowrap;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
}

@media (min-width:768px) {
    .menu--main .menu__item {
        font-size: 24px;
        line-height: 28px;
        padding: 10px 0
    }
}

@media (min-width:1200px) {
    .menu--main .menu__item {
        font-size: 20px;
        letter-spacing: 2px;
        line-height: 30px;
    }
}

.menu--main .menu__item--current>.menu__link {
    color: #fff!important
}

@media (min-width:768px) {
    .menu--main .menu__item--current>.menu__link {
        color: #739eba!important
    }
}

.menu--main .menu__item:hover>.menu__link {
    color: #FFEAD3;
}

@media (min-width:768px) {
    .menu--main .menu__item--has-children {
        position: relative
    }
    .menu--main .menu__item--has-children .menu__line {
        width: calc(100% - 160px);
        height: 2px;
        position: absolute;
        left: 240px;
        top: 50%;
        -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
        transform: translateY(2px);
        overflow: hidden;
        display: none;
    }
}

@media (min-width:768px) and (min-width:768px) {
    .menu--main .menu__item--has-children .menu__line {
        width: calc(100% - 145px);
        left: 180px
    }
}

@media (min-width:768px) and (min-width:1200px) {
    .menu--main .menu__item--has-children .menu__line {
        width: calc(100% - 160px);
        left: 240px
    }
}

@media (min-width:768px) {
    .menu--main .menu__item--has-children .menu__line:after {
        content: "";
        width: 100%;
        height: 2px;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        transition: -webkit-transform .6s cubic-bezier(.8, .03, .25, 1);
        transition: transform .6s cubic-bezier(.8, .03, .25, 1);
        transition: transform .6s cubic-bezier(.8, .03, .25, 1), -webkit-transform .6s cubic-bezier(.8, .03, .25, 1);
        background-color: #739eba;
        position: absolute
    }
}

.menu--main .menu__item.active-parent>.menu__link {
    color: #fff
}

@media (min-width:768px) {
    .menu--main .menu__item.active-parent>.menu__link {
        color: #739eba
    }
}

.menu--main .menu__link {
    text-decoration: none;
    color: #5F504D;
    text-transform: capitalize !important;
    font-family: 'Rozha One', serif !important;
}

.menu--main .menu__back-btn {
    position: relative;
    width: 40px;
    height: 40px;
    display: block;
    cursor: pointer;
    left: 20%;
    bottom: 20px
}

.menu--main .menu__back-btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    width: 15px;
    height: 15px
}

@media (min-width:768px) {
    .menu--main .menu__back-btn {
        display: none
    }
}

.menu--main .menu__list--level-0>.menu__item.active-parent>.menu__link {
    color: #fff
}

.menu--main .menu__list--level-0>.menu__item--current>.menu__link {
    color: #5F504D !important;
    text-transform: uppercase;
}

.menu--secondary {
    width: 100%;
    text-align: left;
    padding-top: 20px;
    margin-top: 20px;
    padding-left: 20%
}

@media (min-width:500px) {
    .menu--secondary {
        padding-top: 60px
    }
}

@media (min-width:768px) {
    .menu--secondary {
        position: relative;
        left: 40px;
        bottom: 40px;
        text-align: left;
        border-top: none;
        padding-left: 0;
        padding-top: 100px
    }
}

.menu--secondary:after {
    content: none;
    background-color: #fff;
    position: absolute;
    bottom: 40px;
    left: calc(26% - 38px);
    width: 2px;
    height: 60px
}

@media (min-width:500px) {
    .menu--secondary:after {
        content: ""
    }
}

.menu--secondary .menu__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.menu--secondary .menu__item {
    font-family: FFKievitWebPro, Calibri, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #739eba;
    display: block;
    padding: 10px 0
}

@media (min-width:500px) {
    .menu--secondary .menu__item {
        display: inline-block;
        padding: 10px 15px
    }
}

@media (min-width:768px) {
    .menu--secondary .menu__item {
        font-size: 12px;
        display: inline-block;
        padding: 5px 15px
    }
    .menu--secondary .menu__item:first-child {
        padding-left: 0
    }
    .menu--secondary .menu__item:last-child {
        border-right: none
    }
}

.menu--secondary .menu__item:first-child {
    padding-left: 0
}

.menu--secondary .menu__item--current .menu__link,
.menu--secondary .menu__item:hover .menu__link {
    color: #fff
}

.menu--secondary .menu__link {
    color: #739eba;
    text-decoration: none
}

.hero {
    width: 100%;
    height: calc(100vh - 150px);
    position: relative;
    overflow: hidden;
    background-color: #fff
}

@media (min-width:500px) {
    .hero {
        height: 100vh
    }
}

.hero--stripes {
    padding: 30vh 0 0;
    background-color: #fff;
    height: auto
}

.hero--stripes:after {
    content: "";
    background-color: #eee;
    width: 50%;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    position: absolute
}

.hero--stripes .hero-content {
    top: 0;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    position: relative
}

.hero-image {
    position: relative;
    width: 100%;
    height: 100%
}

.hero-image canvas {
    position: absolute;
    top: 0;
    left: 0
}

.hero-image-bg--mob {
    display: block
}

@media (min-width:768px) {
    .hero-image-bg--mob {
        display: none
    }
}

.index-home{ overflow: hidden; position: relative; height: 100vh;}
.site-header__lang{position: absolute; bottom: 0; left: 0;}






.menu-open .lang__current{color: #5F504D !important;}
.menu-open .lang__list{background-color: #FFEAD3 !important;}
.home-hero .home_slider{position: relative; width: 100%; height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.home-hero .home_slider .slide{ height: 100vh;background-repeat: no-repeat; background-size: cover; background-position: center center;}
.home-hero .home_slider .image1{background-image: url(../images/home-slide1.jpg);}
.home-hero .home_slider .image2{background-image: url(../images/home-slide2.jpg);}
.home-hero .home_slider .image3{background-image: url(../images/home-slide3.jpg);}
.menu-open .menu-icon{display: none;}
.menu-icon{max-width: 24px; position: absolute; top: 30px; left: 18px;}
.site-header__burger .menu-close-text h1{top: 50%; left: 4px; margin-top: -9px; position: absolute; transform: rotate(-90deg); font-family: Montserrat-Regular; font-size: 14px; color: #FFFFFF; letter-spacing: 2px; text-align: center; font-family: 'Montserrat', sans-serif !important;}
.site-header__burger .menu-close-text .d-none{display: none;}
.menu-open .site-header__burger .menu-close-text h1{display: none;}
.menu-open .site-header__burger .menu-close-text .d-none{display: block !important; color: #5F504D !important;}
.site-header__logo img{padding-bottom: 10px; max-width: 84px; height: 110px}
.site-header__logo a::before{position: absolute; content: ''; width: 1px; height: 20px; background-color: #FFEAD3; top: -30px; left: 49%;}
.site-header__logo a::after{position: absolute; content: ''; width: 1px; height: 94.5vh; background-color: #FFEAD3; left: 49%;}


.menu--main ul li a{font-family: RozhaOne-Regular; font-size: 36px; color: #5F504D; letter-spacing: 1.8px;}
.menu--main ul li a span{font-family: 'Rozha One', serif !important; font-size: 16px; color: #5F504D; letter-spacing: 0.8px; font-weight: 500;}
.menu-address{display: none; position: absolute; right: 100px; top: 70px; z-index: 100;}
.menu-open .menu-address{display: block;}
.menu-address p{font-family: Montserrat-Regular; font-size: 12px; color: #5F504D; letter-spacing: 1px; text-align: right; line-height: 15px;}
.menu-address-ext{max-width: 210px; line-height: 20px; padding-top: 30px; text-align: right;}
.menu-address-ext a{font-family: Montserrat-Regular; font-size: 12px; color: #5F504D; letter-spacing: 1px; text-align: right; line-height: 15px;}
.menu-social{display: none; z-index: 100; position: absolute;right: 100px; bottom: 70px;}
.menu-open .menu-social{display: block;}
.menu-social .social-items p{font-family: Montserrat-Regular; font-size: 13px; color: #5F504D; letter-spacing: 0; text-align: right; line-height: 19px; padding-bottom: 10px;}
.menu-social .social-items a{color: #5F504D; font-size: 20px; padding-left: 15px; float: right;}



.home-hero .home_slider .slick-arrow{width: 38px; height: 38px; position: absolute; top: 50%; margin-top: -19px; left: 50%; margin-left: -38px; z-index: 250; font-size: 25px; text-align: center; padding: 0; outline: none; transition: all 0.3s; background-color: #FFEAD3;}
.home-hero .home_slider .slick-arrow img{max-width: 12px; margin: 0 auto;}
.home-hero .home_slider .slick-next{top: 53.8%; right: 50%; margin-left: 0px;}

.video-right a{position: absolute; right: 25%; top: 50%; margin-top: -20px; z-index: 1;}
.home-slide-text{max-width: 445px; text-align: left; text-align: left; top: 50%; position: absolute;; will-change: transform; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 10%; z-index: 1;}
.home-slide-text h1{font-family: RozhaOne-Regular; text-align: left;font-size: 36px; color: #FFFFFF; letter-spacing: 1.8px; line-height: 40px; text-shadow: 0 2px 4px #000000;}
.home-slide-text p{font-family: Montserrat-Medium; font-size: 16px; color: #FFFFFF; letter-spacing: 0.8px; text-shadow: 0 2px 4px #000000; line-height: 19px; padding-top: 20px;}
.left-form{content: ""; background: #fff; left: -55%; top: 0; width: 50%; height: 100%; position: absolute; transition: left 0.35s ease;}
.overlay.open .left-form{left: 0;}
.location-button{    content: ""; right: -55%; top: 34%; height: 200px; width: 50%; position: absolute; transition: all 0.35s ease;}
.overlay.open .location-button{right: 0;}
.home_slider .slick-dots{display: none !important;}
@media (max-width:768px){
  .home-slider .slick-arrow{display: none !important;}
  .slick-dots{display: block !important;}
  .site-header__burger{width: 40px;}
  .menu-icon{max-width: 18px; left: 12px;}
  .site-header__burger .menu-close-text h1{left: -4px;}
  .site-header__burger span{right: 10px;}
  .menu--main{padding-top: 110px;}
  .menu--main .menu__item{padding: 8px 0 8px 13%;}
  .menu-open .site-header__logo{top: 10px;}
  .site-header__logo a::after, .site-header__logo a::before{display: none;}
  .menu--main ul li a{ font-size: 22px; letter-spacing: 0;}
  .menu--main ul li a span{font-size: 13px;}
  .menu-address{display: none !important;}
  .menu-social{display: none !important;}
  .button_container{width: 40px;}
  .right-phone img{max-width: 18px; right: 11px; top: 25px;}
  .location-img-1, .location-img-2{max-width: 18px;}
  .button_container .close-button{ max-width: 18px; top: 4%;}
  .button_container .contact-close{margin-left: -3px;}
  .overlay:before{width: 100%; left: -100%;}
  .overlay:after{top: 99%; width: 100%;  right: -100%; max-height: 300px;}
  .contact-logo{max-width: 70px; top: 10px;}
  .left-form input, textarea{width: 89%;font-size: 12px; padding: 4px 0;}
  .ext-inp2{margin-right: 40px;}
  .left-form{width: 100%; left: -100%;}
  .left-form textarea{height: 80px;}
  .contact-left-content{ max-width: 350px; margin: 100px auto;}
  .location-button{width: 100%; right: -100%; top: 85%;}
  .location-button img{right: 44%; top: 79%;}
  .location-button a{right: 29%; top: 124%; }
  .home-slide-text{text-align: center;top: 32%; left: 50%; will-change: transform; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
  .home-slide-text h1{text-align: center; font-size: 18px; max-width: 218px; margin: 0 auto; letter-spacing: 0.9px; line-height: 20px;}
  .home-slide-text p{font-size: 12px; line-height: 15px; letter-spacing: 0.6px; max-width: 272px; margin: 0 auto;}
  .video-right a{top: 70%; left: 50%; will-change: transform; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
  .video-right-ru a{top: 77%;}
  .video-right img{ max-width: 40px; margin: 0 auto;}
}
@media (min-width:1920px){
  .home-hero .home_slider .slick-arrow{top: 51.5%;}
  .home-hero .home_slider .slick-next{top: 55.3%;}
  .app-section .app-bg2{left: 11% !important;}
  .app-section .app-description3{left: 20%;}
  .app-section .app-description4{right: 21% !important;}
  .app-section .app-description2{right: 21% !important;}
  .app-section .app-description5{left: 31% !important;}
  .rooms-home .home_slider .slick-prev{top: 94.5% !important;}
}

.right-booking-menu{position: absolute;
    right: 0;
    top: 70px;
    width: 60px;
    height: 600px;
    z-index: 99999;}

.booking-open-button{transform: rotate(-90deg); cursor: pointer; font-family: 'Montserrat', sans-serif !important; font-size: 14px; color: #FFFFFF; letter-spacing: 2px; text-align: center; position: absolute; top: 46%; right: -23px;}
.booking-open-button-2{color: #5F504D !important;}
.booking-open-button-new{right: -8px;}
.ors-widget{    margin: 0 auto !important; width: 400px !important;}
.showrez{padding-right: 58px !important;}
@media (min-width:1920px){
	.booking-open-button{top: 67%;}
}
@media (min-width:2560px){
	.booking-open-button{top: 95%;}
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #FAFAFA;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  box-shadow: 0 0 30px rgba(0,0,0,0.2);
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}


.booking-close-button{
	    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 100vh;
    border-left: 1px solid #FFEAD3;
}
.sidenav .closebtn {
  position: absolute;
  top: 15px;
  right: 8px;
  font-size: 48px;
  margin-left: 50px;
  color: #5F504D;
}
.close-bottom-button-text{
	position: absolute;
  top: 48%;
  right: -12px;
  margin-left: 50px;
  color: #5F504D;
  transform: rotate(-90deg);
	font-size: 14px !important;
	color: #5F504D;
	letter-spacing: 2px;
	text-align: center;
}
.reservation .vertical{display: block !important;}
.hweb-login a{font-size: 14px !important;}
.right-booking-menu-en #hweb-search-panel, .right-booking-menu-ru #hweb-search-panel{margin: 0 auto; width: 400px !important;}
.right-booking-menu-en #hweb-widget-search-container, .right-booking-menu-ru #hweb-widget-search-container{ padding-right: 55px;}

#ors-datepicker-div{z-index: 99999 !important;}
@media (max-width:768px){
	.booking-open-button{ top: 60%; right: -32px;}
	.booking-open-button-de{right: -20px;}
	.booking-open-button-tr{right: -34px;}
	.booking-close-button{width: 40px;}
	.sidenav .closebtn{right: -2px;}
	.close-bottom-button-text{right: -24px;}
	.showrez{padding-right: 0 !important; padding-left: 107px;}
	.right-booking-menu{height: 400px; width: 40px;}
	.ors-widget{width: 333px !important;}
	.right-booking-menu-en #hweb-widget-search-container, .right-booking-menu-ru #hweb-widget-search-container{ padding-right: 0; padding-left: 107px;}
	.right-booking-menu-en #hweb-search-panel, .right-booking-menu-ru #hweb-search-panel{width: 333px !important;}
	.ors-widget{margin-left: 146px !important;}
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.home-rooms{padding: 120px 0;}
.home-rooms-slider{box-shadow: 0 0 30px rgba(0,0,0,0.2);}
.home-rooms-slider .slick-dots{bottom: 0; height: 76px;text-align: left; padding: 15px 0 0 40px; background-color: #fff;width: 83%;}
.home-rooms-slider-de .slick-dots{ width: 79% !important;}
.home-rooms .home-rooms-slider .home-rooms-slide img{max-height: 500px;    object-fit: cover;}
.home-rooms-border-left{position: absolute; top: 0; left: 58.5px; width: 1px; height: 100vh; background-color: #FFEAD3;z-index: -1;}
.home-rooms-border-center{position: absolute; top: 0; left: 50%; width: 1px; margin-left: -1px; height: 100vh; background-color: #FFEAD3;z-index: -1;}
.home-rooms-border-right{position: absolute; top: 0; right: 59.5px; width: 1px; height: 100vh; background-color: #FFEAD3;z-index: -1;}
.home-rooms-slider .slick-arrow{width: 30px; height: 60px; right: 15px; z-index: 1;top: 44%;}
.home-rooms-slider .slick-prev{left: 15px;}
.home-rooms .home-rooms-slider .home-rooms-slide  a{position: absolute; right: 0; bottom: 0;font-family: Montserrat-Regular; font-size: 14px; color: #5F504D; letter-spacing: 0.7px; text-align: center; background-color: #FFEAD3; padding: 23px 55px;}
.home-rooms .home-rooms-slider .home-rooms-slide .mobil-text p{display: none;}
.home-rooms .home-rooms-slider-ru .home-rooms-slide a{padding: 23px 20px;}
@media (max-width:768px){
  .home_slider .slick-dots{display: block !important;}
  .home-hero .home_slider .slick-arrow{display: none !important;}
  .home-rooms .home-rooms-slider .home-rooms-slide .mobil-text p{display: block;bottom: -1px; position: absolute; color: #5F504D; width: 147px; background-color: #fff;font-family: Montserrat-Bold; font-size: 11px; letter-spacing: 0; padding: 10px 22px;    text-align: center;}
  .home-rooms .home-rooms-slider .home-rooms-slide img{min-height: 400px;}
  .home-rooms-slider .slick-dots{padding: 15px 0 0 0px;}
  .home-rooms-border-left{left: 38.5px; }
  .home-rooms-border-right{right: 39.5px}
  .home-rooms{padding: 80px 25px;}
  .home-rooms-slider .slick-arrow{ width: 19px;}
  .home-rooms-slider .slick-dots{display: none !important;}
  .home-rooms .home-rooms-slider .home-rooms-slide a{padding: 10px 44px; bottom: -1px;font-size: 12px;}
  .slider-more-button-de a{padding: 10px 19px !important;}
  .home-rooms::after{height: 80px;}
  .home-rooms .home-rooms-slider-ru .home-rooms-slide a{padding: 10px 3px;}
}

.home-center-section{padding: 0 60px;}
.home-center-section .left-right-slider img{max-height: 400px; object-fit: cover;}
.home-center-section .col-md-6{padding: 0;}
.home-center-section .row{margin: 0;}
.home-center-section .left-right-slider .slick-arrow{width: 30px; height: 60px; right: 15px; z-index: 1; top: 51%;}
.home-center-section .left-right-slider .slick-prev {left: 15px;}
.home-center-section .home-center-section-right{background-color: #FAFAFA; min-height: 400px;  max-height: 400px;}
.home-center-section .home-center-section-right2{min-height: 630px;}
.home-center-section .home-center-section-right h1{font-family: RozhaOne-Regular; font-size: 36px; color: #5F504D; letter-spacing: 1.8px; line-height: 40px;text-align: left;}
.home-center-section .home-center-section-right p{font-family: Montserrat-Medium; font-size: 16px; color: #4A4A4A; letter-spacing: 0.8px; line-height: 19px;padding: 15px 0 40px 0;}
.home-center-section .home-center-section-right a{font-family: Montserrat-Regular; font-size: 14px; color: #5F504D; letter-spacing: 0.7px; text-align: center; padding: 15px 50px; background-color: #FFEAD3; box-shadow: 0 0 30px rgba(0,0,0,0.2);}
.home-center-section-right-description{ max-width: 475px;  margin: 0 auto;    position: absolute;
    top: 50%;
    will-change: transform;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); left: 11%;}
.home-center-section .left-right-slider .img-min-height{min-height: 400px;}
.home-center-section .left-right-slider .img-min-height2{min-height: 630px;}
.bottom-row{padding-top: 120px;}
.home-center-section-borders{height: 450vh;}
@media (max-width:768px){
  .home-center-section{padding: 0;}
  .home-center-section .home-center-section-right{ padding: 50px 25px; min-height: 385px;}
  .home-center-section .home-center-section-right h1{font-size: 30px; letter-spacing: 0.8px;}
  .home-center-section .home-center-section-right p{font-size: 14px;}
  .home-center-section .bottom-row .ext-order{order: 2;}
  .home-center-section .bottom-row .ext-order2{order: 1;}
  .bottom-row{padding-top: 80px; position: relative;}
}

.home-blog{padding: 120px 0;}
.home-blog .col-md-4 .blog-bottom-text{padding: 35px 30px 50px; box-shadow: 0 0 30px rgba(0,0,0,0.2); background-color: #fff;}
.home-blog .col-md-4 .blog-bottom-text h6{font-family: 'Montserrat', sans-serif !important; font-weight: 700; font-size: 16px; color: #5F504D; letter-spacing: 0.8px;}
.home-blog .col-md-4 .blog-bottom-text p{font-family: Montserrat-Regular; font-size: 16px; color: #4A4A4A; letter-spacing: 0.8px; line-height: 19px; padding: 15px 0 20px; max-width: 290px;}
.blog-img-min-heigt{min-height: 560px; object-fit: cover;}
.blog-bottom-text-button{ float: right; width: 220px;}
.blog-bottom-text-button img{max-width: 30px;}
.blog-bottom-text-button a{display: flex;font-family: 'Montserrat', sans-serif !important; font-weight: 700; font-size: 16px; color: #E1C19E; letter-spacing: 0.8px; text-align: right; padding-right: 10px;}
.blog-ext-padding{padding-top: 210px;}
.blog-ext-padding2{padding-top: 100px;}
.blog-ext-after:after{content: ''; position: absolute; width: 1px; height: 330px; top: -120px; left: 50%; margin-left: -1px; background-color: #FFEAD3;}
@media (max-width:768px){
  .home-blog{padding: 80px 0;}
  .blog-img-min-heigt{min-height: 300px; max-height: 350px;}
  .blog-ext-padding{padding-top: 60px;}
  .blog-ext-padding2{padding-top: 60px;}
  .blog-ext-after:after{height: 60px; top: 0px;}
}


.app-section{padding: 120px 0;}
.app-section .app-bg{max-width: 634px;}
.app-section .app-bg2{position: absolute; max-width: 1400px; top: 0;left: 50px;}
.app-section .app-description1 .title img{max-width: 25px;}
.app-section .app-description1 .title h6{color: #4A4A4A; font-size: 13px; padding: 5px;}
.app-section .app-description1 .title{display: flex;}
.app-section .app-description1 .bottom-description p{font-size: 13px; max-width: 311px; line-height: 19px;}
.app-section .app-description1{    max-width: 310px; background-color: #fff; position: absolute; box-shadow: 0 0 30px rgba(0,0,0,0.2); padding: 10px; border-radius: 10px; z-index: 1; top: 4%; left: 17%;}
.app-section .app-description1 .bottom-description strong p{padding: 10px 0 3px;}
.app-section .app-description1 .title .title-right{padding-left: 60px;}
.app-section .app-description2{position: absolute;right: 10%; top: 5%; max-width: 400px;}
.app-section .app-description2 h6{font-family: RozhaOne-Regular; font-size: 16px; color: #5F504D; letter-spacing: 0.8px;}
.app-section .app-description2 h1{font-family: RozhaOne-Regular; font-size: 36px; color: #5F504D; letter-spacing: 1.8px;    text-align: left;}
.app-section .app-description2 .app-description2-bottom{display: flex;}
.app-section .app-description2 .app-description2-bottom p{font-family: Montserrat-Medium; font-size:11px; color: #5F504D; letter-spacing: 0.45px; line-height: 15px;}
.app-section .app-description2 .app-description2-bottom .ext-max-width{min-width: 206px }
.app-section .app-description3 {position: absolute; background-color: #fff; padding: 15px; border-radius: 10px; max-width: 315px; z-index: 1; display: flex; top: 29%; left: 15%;box-shadow: 0 0 30px rgba(0,0,0,0.2);}
.app-section .app-description3 img{max-width: 30px;}
.app-section .app-description3 p{font-family: Montserrat-Medium; font-size: 12px; color: #5F504D; letter-spacing: -0.1px; line-height: 15px; padding-left: 15px;}
.app-section .app-description4 {position: absolute;background-color: #fff; padding: 15px; border-radius: 10px; z-index: 1; display: flex;box-shadow: 0 0 30px rgba(0,0,0,0.2); top: 31%; right: 16%;}
.app-section .app-description4 img{max-width: 40px;}
.app-section .app-description4 p{font-family: Montserrat-Medium; font-size: 12px; padding-left: 15px; color: #5F504D; letter-spacing: 0; line-height: 15px; max-width: 326px;}
.app-section .app-description5 p{font-family: Montserrat-Medium; font-size: 14px; color: #5F504D; letter-spacing: 0.7px; max-width: 301px; line-height: 18px;}
.app-section .app-description5{position: absolute; left: 23%; bottom: 22%;}
.app-section .app-bottom-button {position: absolute; bottom: 13%; display: flex; left: 50%; margin-left: -172px;}
.app-section .app-bottom-button img{max-width: 166px; margin-right: 10px;}
.app-section .home-rooms-border-center{z-index: 0;}


.vert-move {-webkit-animation: mover 1s infinite  alternate;animation: mover 1s infinite  alternate;}
.vert-move {-webkit-animation: mover 1s infinite  alternate;animation: mover 1s infinite  alternate;}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.tardis{ transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform: rotateX(-20deg) rotateY(-30deg); -webkit-transform: rotateX(-20deg) rotateY(-30deg); animation-name: spin;  animation-duration: 5000ms;  animation-iteration-count: infinite;  animation-timing-function: linear;}
@keyframes spin{
  from{
    transform: rotateX(-20deg) rotateY(0deg);
  }

  to{
    transform: rotateX(-20deg) rotateY(360deg);
  }
}

@media (max-width:768px){
  .app-bg{display: none;}
  .app-section .app-bg2{top: 19%; min-width: 800px; left: -55%;}
  .app-section .container{height: 800px;}
  .app-section .app-description1{top: 5%; left: 8.5%;}
  .app-section .app-description2{top: 61%; padding: 0 15px; width: 100%; right: 0;}
  .app-section .app-description3{top: 20%; max-width: 229px; left: 35%;}
  .app-section .app-description4{top: 48%; right: 21%;}
  .app-section .app-description4 p{ max-width: 210px;}
  .app-section .app-description2 .app-description2-bottom p{padding-right: 6px;}
  .app-section .app-bottom-button{bottom: 0;}
  .app-section .app-description5{ left: 5%;bottom: 8%;}
  .app-section .app-description5 p{max-width: 340px;}
  .app-section .home-rooms-border-center{z-index: -1;}
}


.home-instagram{padding: 50px 0;}
.home-instagram .insta-bottom p{font-family: Montserrat-Light; font-size: 20px; color: #5F504D; letter-spacing: 0.37px; line-height: 24px; max-width: 380px; padding: 45px 0 0 15px;}
.home-instagram .insta-bottom {position: relative;}
.home-instagram .insta-bottom img{max-width: 72px; position: absolute; right: 15px;top: 35px;}
#instafeed{display: flex;}
#instafeed a{padding: 0 15px;}
#instafeed a img { max-width: 390px; max-height: 390px; min-height: 390px; object-fit: cover; box-shadow: 0 0 30px rgba(0,0,0,0.2);}
@media (max-width:768px){
  #instafeed{display: block;}
  .home-instagram .insta-bottom img{left: 50%; margin-left: -36px; top: 160px;}
  .home-instagram .insta-bottom{padding-bottom: 80px;}
}



.footer{background-image: url(../images/footer-bg.jpg) !important; background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 70px 0 0;}
.footer .top-logo img{max-width: 119px; margin: 0 auto; position: relative;}
.footer::after{content: ''; position: absolute; width: 1px; height: 45px; top: 0; left: 50%; margin-left: -1px; background-color: #FFEAD3;}
.footer .footer-center-text{padding: 50px 0 30px;}
.footer .footer-center-text h6{font-family: 'Rozha One', serif !important; font-size: 24px; color: #FFFFFF; letter-spacing: 2px;}
.footer .footer-center-text p{font-family: Montserrat-Regular; font-size: 14px; color: #FFFFFF; letter-spacing: 0.7px;}
.footer .footer-subscribe input{background-color: transparent; border: 1px solid #FCC888; width: 430px; padding: 5px 15px; color: #fff;}
.footer .footer-subscribe input::placeholder{font-family: 'Montserrat', sans-serif !important; font-weight: 700; font-size: 14px; color: #FFFFFF !important; letter-spacing: 0.7px;}
.footer .footer-subscribe a{font-family: Montserrat-Regular; font-size: 14px; color: #5F504D; letter-spacing: 0.7px; text-align: center; background-color: #FFEAD3; padding: 12px 30px; margin-left: -5px;}
.footer .footer-bottom-address p{font-family: Montserrat-Regular; font-size: 14px; color: #E1C19E; letter-spacing: 0.7px; padding-bottom: 10px;}
.footer .footer-bottom-address a{font-family: Montserrat-Regular; font-size: 14px; color: #FFFFFF; letter-spacing: 0.7px;}
.footer .footer-bottom-address{line-height: 20px; padding: 50px 0 30px;}
.ext-corporate{display: grid;}
.address-p{font-family: Montserrat-Regular; font-size: 14px; color: #FFFFFF !important; letter-spacing: 0.7px; text-align: right; max-width: 198px; float: right;}
.footer-bottom-menu ul{display: inline-flex;margin-bottom: 0; padding: 5px 0;}
.footer-bottom-menu ul li a{font-family: Montserrat-Regular; font-size: 13px; color: #FFFFFF !important; letter-spacing: 0; padding: 0 10px;}
.footer-bottom-menu{background-color: rgba(225,193,158,0.3);}
.footer-copyright p{font-family: Montserrat-Regular; font-size: 10px; color: #E1C19E; letter-spacing: 0.5px;}
.footer-copyright p a{font-weight: 600;}
.footer-copyright{line-height: 20px; padding: 20px 0; background-color: rgba(0,0,0,0.9);}
@media (max-width:768px){
  .footer .footer-subscribe input{width: 190px; border-radius: 0 !important;}
  .footer .footer-subscribe a{padding: 12px 20px;}
  .footer-bottom-address .col-md-4{text-align: center !important; padding-top: 30px;}
  .address-p{float: none; text-align: center; margin: 0 auto;}
  .footer-bottom-menu{display: none;}
}


/* NOTE: ROOMS-PAGE */
.rooms-title-section{padding: 90px 0;}
.rooms-title-section-text-2 h1{padding-bottom: 0 !important;}
.rooms-title-section .rooms-title-section-text h1, .rooms-title-section .rooms-title-section-text p{font-family: RozhaOne-Regular; font-size: 36px; color: #5F504D; letter-spacing: 1.8px; max-width: 494px; margin: 0 auto;line-height: 40px;}
.rooms-title-section .rooms-title-section-text p{font-family: Montserrat-Medium; font-size: 16px; color: #5F504D; letter-spacing: 0.8px; max-width: 780px; line-height: 19px; padding-top: 25px;}
.rooms-home .home_slider .image1{background-image: url(../images/rooms/oda-home1.jpg);}
.rooms-home .home_slider .image2{background-image: url(../images/rooms/oda-home2.jpg);}
.rooms-home .home_slider .image3{background-image: url(../images/rooms/room-home-slide1.jpg);}

/* NOTE: Restaurant home */
.rooms-home .home_slider .image4{background-image: url(../images/restaurants/r-home1.jpg);}
.rooms-home .home_slider .image5{background-image: url(../images/restaurants/r-home2.jpg);}
.rooms-home .home_slider .image6{background-image: url(../images/restaurants/r-home3.jpg);}

/* NOTE: Bars Home */
.rooms-home .home_slider .image7{background-image: url(../images/bars/bar-home1.jpg);}
.rooms-home .home_slider .image8{background-image: url(../images/bars/bar-home2.jpg);}
.rooms-home .home_slider .image9{background-image: url(../images/bars/bar-home3.jpg);}

/* NOTE: Activity Home */
.rooms-home .home_slider .image10{background-image: url(../images/activity/a-home1.jpg);}
.rooms-home .home_slider .image11{background-image: url(../images/activity/a-home2.jpg);}
.rooms-home .home_slider .image12{background-image: url(../images/activity/a-home3.jpg);}

/* NOTE: Spa & Wellness Home */
.rooms-home .home_slider .image13{background-image: url(../images/spa&wellness/spa-home1.jpg);}
.rooms-home .home_slider .image14{background-image: url(../images/spa&wellness/spa-home2.jpg);}
.rooms-home .home_slider .image15{background-image: url(../images/spa&wellness/spa-home3.jpg);}

/* NOTE: Beach&Pools Home */
.rooms-home .home_slider .image16{background-image: url(../images/beach&pools/bp-home1.jpg);}
.rooms-home .home_slider .image17{background-image: url(../images/beach&pools/bp-home2.jpg);}
.rooms-home .home_slider .image18{background-image: url(../images/beach&pools/bp-home3.jpg);}

/* NOTE: Fitness Home */
.rooms-home .home_slider .image19{background-image: url(../images/fitness/f-home1.jpg);}
.rooms-home .home_slider .image20{background-image: url(../images/fitness/f-home2.jpg);}
.rooms-home .home_slider .image21{background-image: url(../images/fitness/f-home3.jpg);}

.rooms-home .home_slider .slick-arrow{width: 38px; height: 38px; position: absolute; top: 93%;left: 50%; margin-left: -38px; z-index: 250; font-size: 25px; text-align: center; padding: 0; outline: none; transition: all 0.3s; background-color: #FFEAD3;}
.rooms-home .home_slider .slick-arrow img{max-width: 12px; margin: 0 auto;}
.rooms-home .home_slider .slick-next{top: 98%; right: 50%; margin-left: 0px;}
.rooms-video-icon{max-width: 40px;}
.rooms-home .video-right a{ left: 50%; margin-left: -20px;}
.rooms-ext-logo a::after{height: 29vh;}
.rooms-home .video-right a:after{position: absolute; content: ''; width: 1px; height: 48vh; background-color: #FFEAD3; top: 40px; left: 19px;}
.bottom-row2{padding: 120px 0;}

@media (max-width:768px){
  .rooms-home .video-right a{top: 50%; margin-top: -20px; left: 54%;}
  .rooms-home .video-right a:after{display: none;}
  .rooms-title-section-text .col-md-2{padding-bottom: 25px;}
  .rooms-title-section .rooms-title-section-text p{padding-top: 10px;}
}
@media (min-width:1920px){
.rooms-ext-logo a::after{ height: 34.2vh;}
}
@media (min-width:2560px){
  .rooms-ext-logo a::after{height: 38vh;}
  .rooms-home .video-right a:after{height: 49vh;}
  .site-header__logo a::after{height: 89.5vh;}
}


/* NOTE: ABOUT-PAGE */
.about-home{ overflow: hidden; position: relative; height: 100vh; background-color: #FCFCFC;}
.site-header__burger .menu-close-text-color h1{color: #5F504D;}
.lang__current-color{color: #5F504D;}
.about-home .row-height{height: 80vh;}
.about-home .about-left-text{max-width: 520px; margin: 0 auto;top: 50%; position: relative; will-change: transform; -webkit-transform: translateY(-14%); -moz-transform: translateY(-14%); -ms-transform: translateY(-14%); transform: translateY(-14%);}
.about-home .about-left-text h1{font-family: RozhaOne-Regular; font-size: 36px; color: #5F504D; letter-spacing: 1.8px; line-height: 40px; text-align: left; max-width: 450px;}
.about-home .about-left-text p{font-family: Montserrat-Medium; font-size: 16px; color: #5F504D; letter-spacing: 0.8px; padding-top: 30px;}
.about-home  .about-right-image img{position: absolute; top: 50%; will-change: transform; -webkit-transform: translateY(-44%); -moz-transform: translateY(-44%); -ms-transform: translateY(-44%); transform: translateY(-44%); padding: 140px 0 0;}
.about-home .col-md-6{padding: 0;}
.button_container-white{background-color: #FCFCFC;}
.about-home .download .download-button{display: inline-flex; padding: 10px 25px; background-color: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.2);}
.about-home .download .download-button img{max-width: 20px;position: absolute; right: 25px; top: 15px;}
.about-home .download .col-md-3{max-width: 22.4%; margin: 0 15px;}
.about-home .download .download-button p{font-family: Montserrat-Regular; font-size: 14px; color: #5F504D; letter-spacing: 0;}
.about-home .download{padding: 50px 0;}
.new-information{padding: 70px 0;}
.new-information .info-1 h1{font-size: 16px;color: #5F504D;letter-spacing: 0.8px;line-height: 30px; text-align: center; font-family: 'Montserrat', sans-serif !important; font-weight: 700;}
.new-information .info-1 p{font-size: 14px;color: #5F504D;letter-spacing: 0.8px; line-height: 20px; }
.info-description{padding: 10px;}
.new-information .info-container .col-md-2, .new-information .info-container .col-md-3{border-right: 1px solid #FFEAD3;    border-bottom: 1px solid #FFEAD3;}
.info-border-none .col-md-2{border-bottom: none !important;}
.b-none-info{border-right: none !important;}
.site-header__burger-color{background-color: #FCFCFC !important;}
@media (max-width:768px){
  .about-home{height: 120vh;}
  .about-home .about-left-text h1{font-size: 22px; line-height: 30px;}
  .about-home .about-left-text{padding: 0 60px 0;}
  .about-home .about-left-text p{font-size: 12px; line-height: 20px; padding-top: 15px;}
  .about-home .download .col-md-3{min-width: 100%;}
  .about-home .download{ padding: 170px 30px 0 0;}
  .about-home .download .download-button{margin-top: 10px;}
  .about-home .about-right-image img{ padding: 320px 55px 0;}
  .about-home .about-left-text{transform: none;}
  .about-home .about-right-image img{-webkit-transform: translateY(-49%);-moz-transform: translateY(-49%);-ms-transform: translateY(-49%); transform: translateY(-49%);}
  .info-border-none .col-md-2{border-bottom: 1px solid #FFEAD3 !important;}
}
.activity-h1{font-size: 24px !important; line-height: 20px !important;}
.activity-p{font-size: 14px !important; padding: 5px 0 15px 0 !important;}
.home-center-section-right-description ul li{font-size: 14px; line-height: 23px;}
.home-center-section-right-description ul{list-style: circle;}
.activity-ext-description{display: flex; padding-left: 20px;}
.activity-ext-description2{padding-left: 50px;}
.activity-ext-description3{padding: 20px 0 0 20px;}
.lang__list a:hover{background-color: #FFEAD3;}

.blog-bottom-text-button-ru{width: 215px;}

.home-center-section-right-ru{min-height: 550px !important;}
.img-min-height-ru{min-height: 550px !important; object-fit: cover;}

.restaurant-icon{max-height: 45px;}
.p-bottom-new{padding-bottom: 40px;}
.ext-done{left: -12px !important;}
.close-bottom-button-text{right: -25px !important;}
.booking-open-button-ru{right: -44px;}
.close-bottom-button-text-ru{right: -22px !important;}
.d-none-ru{left: -2px !important;}
.info-container{max-width: 1350px !important;}
.site-header__logo_about a::after{height: 81vh !important;}
@media (max-width:768px){
	.close-bottom-button-text-ru{right: -42px !important;}
	.close-bottom-button-text-ru-2{right: -32px !important;}
}

.animation-logo img{z-index: 9999999;}
.animation-1{max-width: 100px;}
.animation-2{    position: absolute;
    max-width: 150px;
    top: 50%;
    margin-top: -93px;
    left: 50%;
    margin-left: -75px;}
/* Preloader */
.ctn-preloader {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9000;
}

.ctn-preloader .animation-preloader {
  z-index: 1000;
}

.ctn-preloader .animation-preloader .spinner {
  -webkit-animation: spinner 1s infinite linear;
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 1px solid rgba(95, 85, 77, 0.5);
  border-top-color: #FFEAD3;
  height: 5em;
  margin: 0 auto 3.5em auto;
  width: 5em;
}

#spinner {
  -webkit-animation: spinner 1s infinite linear;
  animation: spinner 1s infinite linear;

}

.spinner {
  -webkit-animation: spinner 1s infinite linear;
  animation: spinner 1s infinite linear;

}


.ctn-preloader .animation-preloader .txt-loading {
  font:  3em "Poppins", sans-serif;
  color: #FFEAD3;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading {
  color: rgba(0, 0, 0, 0.2);
  position: relative;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
  -webkit-animation: letters-loading 4s infinite;
  animation: letters-loading 4s infinite;
  color: #5F504D;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  font-family: "Poppins", sans-serif;
  position: absolute;
  top: -3px;
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}



.ctn-preloader.dark .animation-preloader .spinner {
  border-color: rgba(255, 255, 255, 0.2);
  border-top-color: #fff;
}

.ctn-preloader.dark .animation-preloader .txt-loading .letters-loading {
  color: rgba(255, 255, 255, 0.2);
}

.ctn-preloader.dark .animation-preloader .txt-loading .letters-loading:before {
  color: #fff;
}

.ctn-preloader p {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 8px;
  color: #3b3b3b;
}

.ctn-preloader .loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 1;
  pointer-events: none;
}

.ctn-preloader .loader .row {
  height: 100%;
}

.ctn-preloader .loader .loader-section {
  padding: 0px;
}

.ctn-preloader .loader .loader-section .bg {
  background-color: #fff;
  height: 100%;
  left: 0;
  width: 100%;
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}


.ctn-preloader .loader .loader-section .bg2{
	background-color: #FFEAD3;
	right: 0;

}
.ctn-preloader .loader.dark_bg .loader-section .bg {
  background: #fff;
}

.ctn-preloader.loaded .animation-preloader {
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.ctn-preloader.loaded .loader-section .bg {
  width: 0;
  -webkit-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
  -o-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
  transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);

}






@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
  25%,
  50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
  25%,
  50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@media screen and (max-width: 767px) {
  .ctn-preloader .animation-preloader .spinner {
    height: 5em;
    width: 5em;
  }
  .ctn-preloader .animation-preloader .txt-loading {
    font: bold 3.5em "Poppins", sans-serif;
  }
}

@media screen and (max-width: 500px) {
  .ctn-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
  }
  .ctn-preloader .animation-preloader .txt-loading {
    font: bold 2em "Poppins", sans-serif;
  }
}

/*====================================================*/


.menu-item-ru{font-weight: 900;}



.video-hover video{width: 100vw; background-color: transparent;position: absolute;
    top: 0;
    left: 0;height: 100vh;
    object-fit: cover;}
.rooms-home .video-hover a img{max-width: 70px;position: absolute;z-index: 1;left: -14px;
    top: -14px;}
.rooms-home .video-hover a .hover-bg{content: ''; position: absolute; left: -15px; top: -15px; width: 70px; height: 70px; border-radius: 50%; background-color: rgba(255,255,255,0.5);-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);}
    .rooms-home .video-hover a:hover .hover-bg{
        -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.5);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.5);
    transition: all 200ms ease-in;
    transform: scale(1.2);
    }

.rooms-home .video-hover a:hover{cursor: pointer;}
.rooms-home .video-hover a{right: auto;}
.rooms-home .video-hover a:after{top: 110px;}
.site-header__logo-hover a:after{height: 31.2vh;}
.rooms-home .video-hover a p{color: #fff;max-width: 100px;text-align: center;line-height: 20px;padding-top: 60px;margin-left: -32px;}
@keyframes circletimer {
    0% {
        stroke-dashoffset: 500;
        stroke-dasharray: 500;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 500;
    }
}

svg {
    background-color: transparent;
    position: absolute;
    background-color: transparent;
    top: -60px;
    left: -61px;
    transform: translate(-50%, -50%) rotateZ(-90deg);
}

svg .circle {
    stroke: #FFEAD3;
    stroke-width: 1;
    fill: transparent;
    stroke-dashoffset: 500;
    stroke-dasharray: 0;
    
}

.timer {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #bc0054;
    font-size: 42px;
    font-weight: 700;
}


@media screen and (max-width: 1679px ){
  .site-header__logo-hover a:after{height: 27.2vh;}  
}
@media screen and (max-width: 1680px ){
  .site-header__logo-hover a:after{height: 31vh;}  
}

@media screen and (max-width: 768px){
    .video-hover video{height: 100vh; object-fit: cover;}

}



.rooms-home .home_slider .slide:after{content: ''; position: absolute;left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(95,80,70,0.4);}







.item {
    position: relative;
    float: left;
}

.item h2 {
    text-align:center;
    position: absolute;
    line-height: 125px;
    width: 100%;
}

svg {
    transform: rotate(-90deg) scale(0.6);
}

.circle_animation {
  stroke-dasharray: 440; /* this value is the pixel circumference of the circle */
  stroke-dashoffset: 440;
  transition: all 1s linear;
}



@media screen and (max-width: 768px){
	.rooms-home .video-hover a{top: 75%;left: 60%;}
}

.new-certificat-button{padding-top: 20px;display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;align-items: center;}
.new-certificat-button-en{padding-top: 35px;}
.new-certificat-button a{font-size: 14px;
    color: #5F504D;
    letter-spacing: 0.7px;
    text-align: center;
    padding: 15px 50px;
    background-color: #FFEAD3;
    }
    
.new-certificat-button-margin{margin-left: 20px;}
.z-index{z-index: 1;}
@media screen and (max-width: 768px){
	.new-certificat-button{display: flex}
	.new-certificat-button a{padding: 10px 20px; font-size: 12px;}
	.new-certificat-button-de a{padding: 10px 5px; font-size: 11px;}
	.new-information{padding: 0;}
}


.modal-dialog{max-width: 80%;}
.modal-slider {padding: 0 70px;}
.modal-slider .slick-next{right: 20px;}
.modal-slider .slick-prev{left: 20px;}
@media screen and (max-width: 768px){
	.modal-dialog{max-width: 90%; margin: 0 auto;}
    .modal-slider {padding: 0;}
}




.new-app{position: relative;height: 100vh; width: 100%;display: flex;justify-content: center; align-items: center;}
.new-app .app-bottom-button img{max-width: 220px; margin: 0 auto;padding: 10px;}
.new-app .app-bottom-button {display: flex;justify-content: center; align-items: center;}

@media screen and (max-width: 768px){
    .new-app .app-bottom-button{display: block;}
}