.room .ctaWidget {
    height: 43.6vw;
}

/* .room .controlsBar {
    display: none;
} */

.room .picLayer {
    height: 100%;
}

.room .picLayer .pic {
    min-width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.scrollButton:first-child {
    padding-left: 0;
}

.scrollButton {
    display: flex;
    align-items: flex-end;
    position: relative;
    padding: 0 9vw;
    pointer-events: all;
    will-change: transform;
}

.scrollTitle {
    color: #fffff4;
    font-size: 65px;
    white-space: nowrap;
    text-transform: uppercase;
}

.cWhite {
    color: #fffff4 !important;
}

.scrollButton .discoverButton {
    margin-bottom: -3px;
    top: 0;
}

.discoverButton {
    display: flex;
    align-items: flex-end;
    padding: 20px 0 20px 0;
    margin-bottom: -40px;
    position: relative;
    top: 30px;
    z-index: 3;
    text-transform: uppercase;
    will-change: transform;
}

.scrollTitle {
    color: #fffff4;
    font-size: 65px;
    white-space: nowrap;
    text-transform: uppercase;
}

.scrollTitle {
    color: #fffff4;
    font-size: 65px;
    white-space: nowrap;
    text-transform: uppercase;
}

.discoverButton.left .label {
    order: 1;
    margin-left: 20px;
}

.discoverButton.left .discoverLine {
    margin-left: 0;
}

.discoverLine {
    width: 203px;
    height: 1px;
    margin-bottom: 3px;
    margin-left: 20px;
    transform-origin: left;
    flex: 1;
}

.scrollButtons a:first-child {
    margin-left: unset;
    margin-bottom: unset;
}

.room .buttonsLayer {
    position: absolute;
    left: 0;
    top: unset;
    width: 100%;
    height: 145px;
    overflow: hidden;
    z-index: 1;
    bottom: 10vw;
}

.room .label {
    font-family: Geometria;
    font-size: 13px;
    letter-spacing: 3px;
    font-weight: 400;
    -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

#index .ctaWidget {
    height: 43.6vw;
}

.text-1 {
    text-align: justify;
}

.circle-carousel .pagination .item .icon .dot-text {
    font-size: 36px;
    color: #fff;
    text-transform: unset;
}

#hFacilitiesSlider .item-stand {
    width: 510px;
    height: 630px;
}

#hFacilitiesSlider .item-lie {
    width: 800px;
    height: 550px;
}

/* .learnmore {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    bottom: -50px;
    color: #fff;
} */

.hFacilitiesItem.horizontal .hFItemTitle {
    bottom: -20px;
    right: 0;
}

.hFacilitiesItem.vertical .hFItemTitle {
    bottom: 100px;
    right: unset;
    left: unset;
    transform: unset;
    transform-origin: top left;
    white-space: nowrap;
    width: 100%;
    display: flex;
    justify-content: center;
}
/* .learnmore {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 50%;
    bottom: 60px;
    color: #fff;
    transform: translate(115px, 10px);
} */
.bGWhite {
    background-color: #fff !important;
}

.voucher {
    width: 100%;
}

.voucher img {
    width: 100%;
    object-fit: contain;
}

.name-about-content {
    font-size: 56px;
    font-family: "Be Vietnam Pro";
    color: #36454F;
}

.bgBrey {
    background-color: #E3E3E5;
}

#intro1 {
    height: 120vh;

}

#about-page .library {

    padding-top: 0px;
}

.qPic.right {
    margin-right: 5.949%;
    margin-top: 1.949%;
}

/* .qPic.minus {
    margin-top: -12%;
} */

.text-light span {
    font-size: 60px !important;
    z-index: 10px;
}

.next-section-slider {
    position: absolute;
    top: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.3) !important;
    width: 100%;
}

.discoverButton .learnmore {
    bottom: 30px;
}

.discoverButton .learnmore div {
    width: 100px;
}

.room .scrollButton .discoverButton {

    display: flex;
}

.subContainer .doubleColumn-intro {
    display: grid;
    grid-template-columns: 590px 1fr;
    grid-column-gap: 0vw;
}

.title-chitiet {
    top: 50px;
}

#about-page .hoat-dong .about-heading span {
    font-size: 60px;
}

.bgYellow {
    background-color: #EFC876;
}

#about-page .hoat-dong {
    height: auto;
}

#about-page .hoat-dong .about-content img {
    width: 100%;
}


#about-page .hoat-dong .about-content .about-content_top {
    padding: 20px 40px;
}

.about-content_bot img {
    width: 100%;
}

#navBar {

    z-index: 18;
}

.circle-carousel .bslide {
    position: absolute;
    top: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.3) !important;
    width: 100%;
    height: 100%;
}

#instaBigIco .grid img {
    width: 415px;
    height: 351px;
    object-fit: cover;
}

.name-room {
    top: 15px;
}

#footerBottom .bottom {

    padding: 30px 180px 30px 0;

}

.subContainer .doubleColumn-intro .next-section-slider {
    position: absolute;
    top: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.3) !important;
    width: 500px;
    height: 80px;
}

.name-room {
    z-index: 11;
}

.bigTypo {
    font-size: 70px;
}

@media (min-width:1280px) and (max-width:1439px) {
    #footerBottom .bottom {

        padding: 30px 120px 30px 0;

    }
}

.images img {
    object-fit: contain !important;
    object-position: center center;
}

#hExperiencesTitle {
    margin-top: -2.8vw
}

#hExperiences {}


#hExperiencesContainer {
    height: 100%;
    display: flex
}

#hExperiencesLayer {
    flex: 1;
    height: 650px;
    min-width: 35vw
}

#hExperiencesPics {
    width: 35vw;
    max-width: 960px;
    margin-left: 5vw;
    margin-right: -150px;
    height: 650px
}

.hExperienceBlock {
    position: absolute;
    width: 100%;
    overflow: hidden
}

.hExperienceBlock.show~.hExperienceBlock {
    transform: translateY(calc(100% - 69px))
}

.hExperienceContent {
    height: calc(650px - 281px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transform: translateY(-25%);
    z-index: 0;
    will-change: transform
}

.hExperienceActions {
    display: flex
}

.hMore {}

.hExperienceBlock.show {
    transform: none
}

.hExperienceBlock.show .hExperienceContent {
    transform: none
}

.hExperienceBlock._1 {
    top: 0;
    z-index: 0
}

.hExperienceBlock._2 {
    top: 70px;
    z-index: 1
}

.hExperienceBlock._3 {
    top: 140px;
    z-index: 2
}

.hExperienceBlock._4 {
    top: 210px;
    z-index: 3
}

.hExperienceButton {
    display: flex;
    justify-content: space-between;
    height: 70px;
    align-items: center;
    z-index: 1;
    cursor: pointer;
    will-change: transform
}

.hExperienceContent:after,
.hExperienceButton:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #8c8279;
    left: 0;
    height: 1px;
    -webkit-transition: -webkit-transform 2e3ms cubic-bezier(.19, 1, .22, 1), opacity 2e3ms cubic-bezier(.19, 1, .22, 1);
    transition: transform 2e3ms cubic-bezier(.19, 1, .22, 1), opacity 2e3ms cubic-bezier(.19, 1, .22, 1);
    transform-origin: left;
    will-change: transform
}

.hExperienceBlock.show .hExperienceButton:after {
    transform: scale(0, 1);
    transform-origin: right
}

.hExperienceTitle {
    font-family: Geometria;
    font-size:30px;
    width: 90%;
}
.hExperienceTitle h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 30px;
    font-size: 28px;
    line-height: 1.5;
}
.hExperienceArrow {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    pointer-events: none;
    margin-right: 1px
}

.hExperienceBlock.show .hExperienceArrow {
    pointer-events: all
}

.hExperienceArrow svg {
    width: 10px;
    z-index: 1
}

.hExperienceBackground {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    transform: scale(.4);
    opacity: 0
}

.hExperienceBlock.show .hExperienceBackground {
    opacity: 1;
    transform: scale(1)
}

.hExperienceBlock.show .hExperienceArrow {
    transform: rotate(45deg)
}

.hExperienceBlock.show .hExperienceArrow .fillColor {
    fill: #6e6259
}

.hExperienceArrow .fillColor {
    fill: #fff
}

.hExperienceSubTitle {
    font-family: LM Roman
}

.hExperiencePic {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.hExperiencePic:first-child {
    position: relative
}

.hExperienceText {
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.hExperienceText p:first-child {
    max-width: 300px
}

#hExperiencesPicsContainer {
    height: 100%
}

.block {
    display: block;
}

@media all and (max-width:1440px) {


    .hExperienceTitle {
        font-size: 20px
    }

    .more p>span {
        margin-top: 5vw;
        margin-right: 2.5vw
    }
}

@media all and (max-width:960px) {
    body {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0
    }

    #about-page .about-content_top {

        gap: 7px;
    }

    .about-content .about-content_top .image img {
        width: 100%;
    }

    #about-page .about-content_top .text {
        margin-left: 20px;

    }


    .logoFull img {
        height: 35px;
        object-fit: contain;
    }

    .mobileMargin {
        margin-top: 30px !important
    }

    .mobile {
        display: flex
    }

    .mobileOnly {
        display: block !important
    }

    .mobileHidden {
        display: none !important
    }

    [data-disable-mobile-scroll] {
        transform: none !important
    }

    .compositionPic img,
    .slide img {
        height: 105%;
        top: -2.5%
    }

    header {
        padding: 0 170px 0 0;
        height: 30px;
        top: 0px
    }

    .headerButton.email {
        display: none
    }

    #leftHeader {
        width: auto;
        position: relative
    }

    #mainLogo {
        width: 132px;
        margin-top: 10px
    }

    #mainMenuController {
        width: 25px;
        height: 25px;
        padding: 10px
    }

    #mainMenuController:after {
        content: none
    }

    .menuController .line {
        width: 25px
    }

    .mainContainer {
        width: calc(100% - 60px);
        margin-left: 25px
    }

    #brownies {
        padding: 0 12px;
        left: -8px;
        bottom: 12px
    }

    .brownie.closed {
        height: 27px
    }

    #brownies.hidden {
        transform: translateX(-40px)
    }

    #cookieBrownie.closed {
        transform: translateX(-83px)translateY(0)
    }

    #newsLetterBrownie.closed {
        transform: translateX(-77px)translateY(-87px)
    }

    #covidBrownie.closed {
        transform: translateX(-81px)translateY(-167px)
    }

    .closed .brownieBack {
        opacity: 0 !important;
        transition-duration: 0ms
    }

    .brownie {
        height: 250px;
        position: absolute;
        width: calc(100vw - 61px);
        bottom: 0;
        left: 50px
    }

    .brownie.closed .brownieBack,
    .brownie.closed:hover .brownieBack {
        transform: translateX(23px)translateY(-10px)scale(.5) !important
    }

    .brownie .brownieIcoContainer {
        display: none
    }

    .brownie.closed .brownieIcoContainer {
        display: flex
    }

    .brownieButtons {
        width: 100%
    }

    .brownieButtons .oArrow {
        display: none
    }

    .brownie.closed .brownieIco {
        transform: scale(.8)
    }

    #cookieBrownie.opened {
        height: 340px
    }

    .cookiePrefs ul {
        width: calc(100% - 10px)
    }

    .oButton {
        height: 30px;
        margin-right: 18px
    }

    .brownieContent {
        margin: 0 10px;
        width: 100%;
        padding: 0
    }

    .oContent {
        padding: 0 8px
    }

    .oArrow {
        width: 7px
    }

    .oOuter {
        width: 44.5px
    }

    .oButton.open .oOuter {
        transform: translateX(20px)
    }

    .oSymbol {
        position: absolute;
        right: -11px;
        top: 2px;
        height: 26px;
        display: flex;
        align-items: center
    }

    .oLabel {
        font-size: 11px
    }

    #hLogo {
        width: 250px;
        position: absolute;
        top: 37%;
        left: calc(50% - 125px)
    }

    #hTarget {
        height: 30vh
    }

    #payLook {
        font-size: 25vw;
        letter-spacing: 0;
        margin-left: 35px;
        height: 24.5vw;
        margin-top: 2vw
    }

    #payLimits {
        font-size: 6vw;
        font-weight: 300;
        color: #928474;
        top: calc(50% + 3vw);
        left: 30vw
    }

    #hStrip {
        width: 73vw;
        margin-top: 10vw;
        height: 14vh
    }

    #payFind {
        font-size: 6.5vw;
        margin-right: 7.5vw;
        margin-top: -6vw
    }

    #payPerfection {
        font-size: 8.65vw;
        margin-top: 1vw;
        margin-right: 6vw
    }

    .introTextContainer {
        justify-content: flex-start
    }

    .introText {
        width: 100%
    }

    .text {
        font-size: 16px;
        line-height: 26px
    }

    .tripleMargin {
        margin-top: 90px
    }

    .doubleMargin {
        margin-top: 60px
    }

    .margin {
        margin-top: 30px
    }

    .halfMargin {
        margin-top: 15px
    }

    #accoladesScroller.runAccolades {
        animation: accoladeScroll 30s linear infinite
    }

    @keyframes accoladeScroll {
        0% {
            transform: translateX(calc(100vw - 45px))
        }

        100% {
            transform: translateX(-1287px)
        }
    }

    .accolade.slh img,
    .accolade.reader img {
        width: auto
    }

    .accolade {
        margin-left: 70px;
        width: auto !important
    }

    .accolade.ruinart {
        min-width: 180px
    }

    .accolade:first-child {
        margin-left: 0
    }

    .accolade.lhwbnh {
        min-width: 100px
    }

    .accolade.lhwsl {
        min-width: 100px
    }

    .accolade.traveller,
    .accolade.forbes,
    .accolade.design {
        max-width: 80px;
        min-width: 80px
    }

    .accolade.gstc {
        max-width: 162px;
        min-width: 162px
    }

    #ethos {
        margin-top: calc(80px + 15vw)
    }

    #ethosTitleContainer {
        width: 100%;
        flex-direction: column
    }

    .introPic,
    .introPic.big {
        width: 43vw;
        height: 30vw
    }

    #ethosIntroPic {
        margin-top: -15vw
    }

    #ethosTitle {
        margin-top: 20px;
        align-self: flex-start;
        margin-left: 0
    }

    .blockTitle {
        font-size: 35px;
        line-height: 40px
    }

    #ethosContent {
        flex-direction: column;
        margin-top: 40px
    }

    #ethosPic {
        margin-left: -20px;
        width: calc(100% + 40px);
        height: 68vw;
        top: 0
    }

    #ethosPic img {
        height: 120%;
        top: -10%
    }

    #ethosText {
        margin-top: 40px;
        margin-bottom: 40px;
        max-width: none;
        margin-left: 0;
        flex-direction: column;
        align-items: flex-start
    }

    #ethosIntroText {
        margin-left: 22vw
    }

    #ethosLayer {
        position: absolute;
        top: calc(39vw + 120px);
        height: 68vw
    }

    #minimalism {
        font-size: 25px;
        top: 35vw;
        left: 20vw
    }

    #sublime {
        font-size: 50px;
        top: 17vw;
        left: 2.5vw
    }

    #modern {
        font-size: 50px;
        top: 14vw;
        left: auto;
        right: 5vw
    }

    html[lang=it] #modern {
        top: 53vw
    }

    #prSection {
        margin-top: 90px
    }

    .miniTitle {
        font-size: 16px
    }

    .sectionTitle .small {
        font-size: 7vw
    }

    .sectionTitle .big {
        font-size: 11.3vw;
        line-height: 12vw
    }

    #prTop {
        flex-direction: column
    }

    #prSlider+.oButton {
        position: absolute;
        bottom: 60px !important;
        left: 0 !important
    }

    #prSection .mainBackground {
        top: 26vw
    }

    #prIntroPic {
        width: 60%;
        height: 32vw;
        margin-top: 5px;
        z-index: 1
    }

    #prIntroText {
        margin-top: 90px
    }

    #prSlider {
        margin-top: -5vw;
        margin-left: calc(-45px + 5vw);
        width: calc(100% + 60px - 5vw);
        height: 50vw
    }

    #prSection .mainBackground {
        top: calc(46px + 18vw)
    }

    #hFacilitiesTitle {
        margin-top: 15px
    }

    #hFacilities {
        height: 300vh
    }

    #hFacilitiesTarget {
        position: absolute;
        top: 0;
        height: 300vh
    }

    #hFacilitiesSticky {
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: space-around
    }

    #hFacilitiesSlider {
        top: 0
    }

    .hFacilitiesItem.horizontal .hFItemPic {
        width: 75vw;
        height: 47vw
    }

    .hFacilitiesItem.vertical .hFItemPic {
        width: 47vw;
        height: 75vw
    }

    .hFacilitiesItem {
        margin-left: 60px
    }

    .hFItemTitle {
        font-weight: 400;
        opacity: .7;
        font-size: 8vw
    }

    .hFacilitiesItem:first-child {
        margin-left: 35px
    }

    .hFacilitiesItem.horizontal .hFItemTitle {
        bottom: 10vw;
        left: auto;
        right: -7vw
    }

    .hFacilitiesItem.vertical .hFItemTitle {
        bottom: 16vw;
        left: -4vw
    }

    #hDining {
        margin-top: calc(15vw + 60px)
    }

    #hDiningSticky {
        height: auto;
        width: 100%
    }

    #hDiningIntroPic {
        margin-top: -15vw;
        align-self: flex-end
    }

    #hDining .mainContainer {
        flex-direction: column;
        margin-top: 0
    }

    #hDiningScroll {
        width: 100%
    }

    #hDiningScroll .miniTitle {
        margin-top: 7vw
    }

    #hDiningItems {
        width: 100%;
        margin-top: 260px
    }

    #hDiningFixed {
        margin-left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        left: 0
    }

    #hDiningTitle {
        align-self: flex-end;
        margin-top: 30px
    }

    #tasteTitle {
        margin-top: 160px
    }

    .long .hDiningItemPic {
        height: 38vw;
        width: 100%
    }

    #hDining .mainBackground {
        height: calc(48vw + 345px)
    }

    .hDiningItemTitle {
        font-size: 18px;
        margin-top: 15px
    }

    .hDiningItemSubtitle {
        font-size: 18px
    }

    .hDiningItemPic {
        height: 76vw
    }

    .hDiningItem {
        width: 100%
    }

    .hDiningItemContainer {
        flex-direction: column;
        margin-top: 0
    }

    .hDiningItemRow {
        flex-direction: column
    }

    #hDiningItems .callerBottom {
        position: relative
    }

    .hDiningItemSubtitle {
        margin-top: 0
    }

    .hDiningItemPic {
        height: 76vw;
        width: 60%;
        margin: auto
    }

    .hDiningItem {
        margin-top: 30px
    }

    #hDiningItems>.hDiningItem:first-child {
        margin-top: 0
    }

    .slidingTitleBig {
        font-size: 10vw
    }

    .slidingTitleBig.small {
        font-size: 8vw !important;
        top: 4.4vw !important
    }

    .slidingTitleSmall {
        font-size: 5.9vw
    }

    #hExperiences {
        margin-top: 120px
    }

    #detailText .hBook {
        margin-top: -30px
    }

    #hLifeStyle .slidingTitleSmall {
        margin-top: -14vw
    }

    #hLifeStyle .mainBackground {
        top: 16.8vw;
        height: 105%
    }

    .panelLabel {
        font-size: 20px
    }

    .hLSBlockTitle {
        height: 65px
    }

    #hLifeStylePanel {
        margin-top: 0
    }

    #hExperiencesTitle {
        margin-top: -8.5vw
    }

    #hExperiencesTitle .slidingTitleBig {
        margin-top: -4.6vw
    }

    .hExperienceTitle {
        font-size: 18px
    }

    .hExperienceButton {
        height: 40px
    }

    .hExperienceTitle {
        font-size: 16px
    }

    .hExperienceActions {
        margin-top: 30px
    }

    .hExperienceActions .oLabel,
    #detailText .hBook .oLabel {
        position: relative;
        top: -2px
    }

    .hExperienceBlock._2 {
        top: 40px
    }

    .hExperienceBlock._3 {
        top: 80px
    }

    .hExperienceBlock._4 {
        top: 120px
    }

    .hExperienceContent {
        height: auto;
        justify-content: flex-start;
        padding-left: 15px;
        pointer-events: none
    }

    .hExperiencePic {
        position: relative;
        height: 60vw;
        margin-top: 20px
    }

    #hExperiencesLayer {
        height: calc(60vw + 510px)
    }

    .hExperienceText {
        flex: none;
        margin-top: 20px;
        margin-bottom: 20px;
        height: 260px
    }

    .hExperienceSubTitle {
        height: 30px;
        line-height: 20px
    }

    #hExperiences .mainContainer {
        padding-bottom: 35px
    }

    .hExperienceBlock.show~.hExperienceBlock {
        transform: translateY(calc(100% - 40px))
    }

    .clock {
        width: 80px
    }

    .clock.main {
        flex: 1;
        margin: 0
    }

    .clock-city p {
        font-size: 14px
    }

    #date {
        margin-top: 15px
    }

    .weatherContainer {
        width: calc(100% - 20px)
    }

    #date .year {
        font-size: 50px
    }

    #date .day {
        margin-bottom: 9px;
        margin-left: 10px
    }

    #date .ext-day {
        font-size: 18px
    }

    #date .ext-date {
        font-size: 18px
    }

    #weather {
        border-top: 1px solid #b9ada4
    }

    footer {
        height: auto !important
    }

    #footerSticky {
        display: flex;
        flex-direction: column;
        height: auto !important
    }

    #footerMain {
        order: 1;
        height: 100vh
    }

    #footerData {
        position: relative;
        top: 0;
        width: 100%;
        left: 0;
        height: auto
    }

    #weatherIn {
        top: 0
    }

    #weather img {
        width: 40px
    }

    #weather .wind_direction img,
    #weather .wind_speed img {
        width: 20px
    }

    #weather .wave_height img {
        width: 11px
    }

    .meteo_stats {
        font-size: 14px
    }

    .temp_text {
        font-size: 50px;
        letter-spacing: -2px;
        font-size: 30px
    }

    .temp_text span.temp_deg {
        top: 3px;
        margin-left: 3px
    }

    .meteo_col {
        width: 33%
    }

    #footerInfo p,
    #footerInfo a {
        font-size: 16px;
        line-height: 28px
    }

    #footerLogo {
        width: 200px;
        position: relative;
        top: -18%
    }

    #footerRight {
        position: absolute;
        bottom: 320px;
        right: 0
    }

    #footerLeft {
        justify-content: flex-end
    }

    #footerMain .mainBackground img {
        object-position: right
    }

    #overviewScroller {
        height: auto;
        padding: 0;
        flex-direction: row;
        justify-content: flex-start;
        width: auto;
        padding-top: 60px;
        padding-bottom: 45px
    }

    #overviewScroller .oLeftBar {
        position: absolute;
        height: 100%
    }

    .oLeftBar {
        width: 45px
    }

    #overviewViewport {
        flex: 1;
        height: auto;
        max-height: none;
        flex-direction: column
    }

    #overviewMiniTitle {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        justify-content: flex-start;
        margin-left: 35px;
        margin-top: 30px
    }

    #overviewMiniTitle span {
        transform: none;
        writing-mode: horizontal-tb
    }

    #overviewIntro .mainContainer {
        flex-direction: column
    }

    #overviewIntroRight {
        justify-content: flex-start;
        margin-left: 10px;
        margin-right: 0
    }

    #overviewIntroLeft {
        order: 2;
        width: auto;
        margin-left: 10px
    }

    #overviewSnippetContainer {
        width: 100%;
        height: auto
    }

    #overviewSnippetContainer br {}

    .overWord {
        font-size: 30px
    }

    .overviewSub {
        font-size: 20px
    }

    #overviewItems {
        margin-top: 60px;
        width: 100vw
    }

    #overviewControls {
        width: calc(35vw - 45px);
        height: 60vw;
        right: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end
    }

    .overviewColumn.left {
        position: relative;
        height: auto;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .overviewColumn.right {
        position: relative;
        height: auto;
        right: 0;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    #overviewIntroPic,
    #overviewItemPicsContainer {
        width: 65vw;
        height: 65vw;
        margin-left: -10px;
        margin-top: 0
    }

    #overviewItemsContent .activeLayer {
        width: 70vw
    }

    .oNavigation.left,
    .oNavigation.right {
        width: 75px;
        padding-right: 10px;
        padding-left: 10px;
        box-sizing: border-box;
        margin-top: 0;
        transform: none !important
    }

    .oNavigation.left {
        justify-content: flex-end
    }

    .oNavigation.right {
        margin-top: 15px
    }

    .oNavigation .oArrow {
        left: 16px
    }

    .oNavigation.left .oArrow {
        left: -16px
    }

    .oNavigation.left:before {
        transform: translateX(25px)
    }

    .oNavigation.left:before {
        transform: translateX(-25px)
    }

    .oNavigation.show:hover:before {
        opacity: 1;
        transform: translateX(0) !important
    }

    .oNavigation .navigationTitle {
        width: 30px
    }

    .detailTitle {
        font-size: 30px
    }

    #overviewItemsContent {
        flex-direction: column
    }

    #overviewItemTitleContainer {
        margin-left: 0;
        height: auto;
        width: auto;
        padding: 20px 0
    }

    #overviewItemRight {
        margin-left: 0;
        padding-bottom: 0;
        align-items: flex-start;
        margin-left: 10px;
        max-height: 250px
    }

    #overviewItemLeft {
        margin-left: 10px
    }

    #detailTop {
        padding-top: 60px
    }

    #detailTop>.mainContainer:first-child,
    #detailTopSecond .simplePicture+.mainContainer {
        position: relative
    }

    #detailTop .oLeftBar,
    .oLeftBar.wide {
        width: 45px;
        position: absolute;
        left: -45px;
        height: calc(100% - 65px)
    }

    #detailTop .oLeftBar.mobileRoom,
    #detailTop .oLeftBar.azureRoom {
        height: calc(100% - 130px)
    }

    #detailTopContent {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    #detailSectionTitle {
        order: 1;
        margin-top: 30px;
        margin-left: 10px
    }

    #detailTopImgContainer {
        margin-top: 0;
        order: 0;
        margin-left: 0;
        width: calc(100vw - 45px);
        height: calc(100vw - 45px);
        transform: translateY(60px);
        opacity: 0
    }

    #detailTopImgContainer.show #detailTopImg {
        transform: scale(1) !important;
        -webkit-transition: -webkit-transform 3e3ms cubic-bezier(.19, 1, .22, 1), opacity 3e3ms cubic-bezier(.19, 1, .22, 1);
        transition: transform 3e3ms cubic-bezier(.19, 1, .22, 1), opacity 3e3ms cubic-bezier(.19, 1, .22, 1)
    }

    #detailTopImgContainer.show #detailImgBlock {
        transform: scale(1) !important;
        -webkit-transition: -webkit-transform 3e3ms cubic-bezier(.19, 1, .22, 1), opacity 3e3ms cubic-bezier(.19, 1, .22, 1);
        transition: transform 3e3ms cubic-bezier(.19, 1, .22, 1), opacity 3e3ms cubic-bezier(.19, 1, .22, 1)
    }

    #detailIntroTitle {
        order: 2;
        margin-left: 10px;
        font-size: 25px;
        line-height: 30px;
        max-width: none
    }

    #detailIntroSubtitle {
        text-transform: uppercase;
        order: 3;
        margin-left: 10px;
        max-width: none
    }

    #detailText,
    #detailText.no_margin_bottom {
        order: 4;
        width: calc(100% - 10px);
        margin-left: 10px;
        margin-bottom: 60px
    }

    .titleLogo {
        display: block;
        position: relative;
        float: right;
        width: 80px
    }

    .editorialPreTitle {
        order: 2;
        font-size: 24px;
        line-height: 39px;
        margin-top: 20px;
        margin-left: 10px
    }

    .editorialText .editorialPreTitle {
        margin-top: 30px
    }

    #editorialWords {
        order: 3;
        font-size: 17px;
        line-height: 27px;
        margin-top: 10px;
        margin-left: 10px
    }

    #editorialTitle {
        order: 4;
        margin-left: 10px;
        font-size: 35px;
        line-height: 56px
    }

    #editorialSubtitle {
        margin-left: 10px;
        font-size: 35px;
        line-height: 38px;
        order: 5
    }

    .editorialText {
        width: calc(100% - 10px);
        margin-left: 10px
    }

    #editorialInfo .editorialText+.introPic,
    #editorialInfo .editorialText+.introPic:nth-child(7),
    #editorialInfo .editorialText+.introPic.anita {
        right: 0;
        margin-top: 30px
    }

    .editorialPic {
        width: calc(100% - 10px);
        height: 60vw;
        margin-left: 10px
    }

    #detailTopContent>.editorialText {
        order: 6;
        margin-left: 10px
    }

    .editorialText .text {
        font-size: 16px;
        line-height: 28px
    }

    .editorialText+.introPic {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 30px;
        transform: none !important;
        margin-left: 10px;
        margin-bottom: 30px;
        width: calc(100% - 10px)
    }

    #detailTopContent .editorialText+.introPic {
        order: 6;
        width: calc(100% - 10px);
        margin-left: 10px
    }

    .editorialText+.introPic.right {
        margin-left: calc(100% - 43vw)
    }

    .introPicText .text {
        font-size: 22px;
        line-height: 40px
    }

    .introPicText .leftQuo {
        font-size: 50px
    }

    .introPicText .rightQuo {
        font-size: 50px;
        position: absolute;
        bottom: -25px
    }

    .introPicText .text br {
        display: none
    }

    .text.limited {
        width: 100%
    }

    .detailSubtitle {
        font-size: 20px
    }

    .detailTitle {
        font-size: 25px
    }

    #detailTop .miniTitle {
        margin-top: 0
    }

    #detailSectionTitle .detailTitle {
        margin-top: 15px
    }

    .more p>span {
        margin-top: 30px;
        margin-right: 0
    }

    #detailSpaces .introPic {
        margin-top: -25vw
    }

    .fullPicture,
    .fullPictureSticky {
        height: 70vw !important
    }

    .fullPicture.azure img {
        width: 132%;
        left: -14.5%;
        top: 3%
    }

    .fullPicture.azure .fullPictureBlock {
        transform: scale(1)
    }

    #fullPictureTarget,
    #fullPictureTarget2,
    #fullPictureTarget3,
    #fullPictureTarget4 {
        height: 90vw !important
    }

    .locationContainer+.mainContainer {
        margin-top: 45vw
    }

    #detailBody .locationContainer+.mainContainer .detailBodyContent.scheme2 .left {
        order: 0;
        margin-top: 0
    }

    #detailBody .locationContainer+.mainContainer .detailBodyContent.scheme2 .right {
        order: 1;
        margin-top: 60px
    }

    #detailBody .locationContainer+.mainContainer .detailBodyContent.scheme3 .right {
        order: 0;
        margin-top: 0
    }

    #detailBody .locationContainer+.mainContainer .detailBodyContent.scheme3 .left {
        order: 1;
        margin-top: 60px
    }

    .locationContainer+.mainContainer+.fullPicture {
        margin-top: 120px
    }

    .mobileNegative {
        margin-top: -5vw
    }

    #detailSpacesContainer {
        width: 100%;
        position: relative;
        top: 0;
        margin-top: 60vw
    }

    #detailSpacesContainer.azure {
        margin-top: 80vw;
        top: 0
    }

    #detailSpaces {
        height: auto;
        margin-top: 26vw
    }

    #detailSpaces.azure {
        height: auto
    }

    .fullPicture.azure {
        top: 15vw;
        height: 55vw !important;
        width: 70vw;
        left: 20.5vw
    }

    #detailSpaces #detailSnippets {
        margin-top: 8vw;
        order: 0
    }

    #detailSpaces .mainContainer {
        position: relative
    }

    #detailSpacesContent {
        padding: 0 30px;
        align-items: center
    }

    .text.small,
    .text.tech,
    #overviewSnippetContainer .snippet:last-child {
        font-size: 13px;
        line-height: 28px
    }

    .text.tech.small,
    .text.tech.smaller {
        font-size: 14px !important;
        line-height: 26px
    }

    #detailSnippets .snippet {
        width: 100%;
        margin-top: 15px
    }

    #detailSnippets .snippet:first-child {
        margin-top: 0
    }

    .introLogo+#detailSnippets {
        margin-top: 30px
    }

    .introLogo {
        position: relative;
        top: 7.5vw;
        width: 42.5vw
    }

    #detailSpaces .snippet {
        text-align: center
    }

    #detailSpacesContent .slidingTitleBig,
    .locationNameContent .slidingTitleBig {
        top: 6.2vw;
        margin-left: 10px;
        margin-top: 0;
        order: 1;
        position: relative
    }

    #detailServices,
    #shopItems {
        margin-top: 60px
    }

    #detailServicesContent {
        order: 0;
        flex-direction: column;
        margin-left: 0;
        align-items: center
    }

    #detailServicesPic {
        order: 0;
        height: 66vw;
        width: 42vw;
        max-width: none;
        flex: auto;
        margin-top: 0
    }

    #detailServices .mainContainer {
        display: flex;
        flex-direction: column
    }

    #detailServicesLeft {
        order: 1;
        width: 100%;
        margin-top: 60px
    }

    #detailServicesLeft.noServicesPic {
        margin-top: 0
    }

    .listTitle {
        font-size: 33px;
        margin-left: 0
    }

    .listText {
        margin-left: 0;
        margin-top: 30px
    }

    .listItem {
        font-size: 18px;
        margin-top: 12px
    }

    .galleryContainer {
        height: 70vw !important
    }

    #styleDetailsTitle .slidingTitleSmall {
        margin-top: -13vw;
        font-size: 6vw
    }

    .styleDetail {
        min-width: 40vw
    }

    #styleDetailsScroller {
        display: flex;
        animation: styleDetailScroll 40s linear infinite
    }

    @keyframes styleDetailScroll {
        0% {
            transform: translateX(-5%)
        }

        100% {
            transform: translateX(-557.5%)
        }
    }

    #styleDetails .mainContainer {
        width: calc(100% - 60px)
    }

    #others .mainContainer {
        flex-direction: column
    }

    #otherFixed {
        order: 0;
        margin-left: 0;
        margin-top: 0
    }

    #otherFixed .blockTitle {
        text-align: center;
        font-size: 30px;
        line-height: 30px
    }

    #otherFixed .blockTitle br {
        display: none
    }

    #otherItems {
        order: 1;
        margin-top: 60px
    }

    .otherItemPic {
        width: 100%
    }

    .listItemTitle {
        font-size: 17px
    }

    .listItemSubtitle {
        font-size: 15px;
        margin-top: 0
    }

    #detailExpandableText,
    #detailExpandableText.big {
        order: 0;
        margin-left: 0;
        margin-top: 0
    }

    #detailInfo>.mainContainer {
        display: flex;
        flex-direction: column
    }

    #detailInfo>.mainContainer>.introPic {
        order: 1;
        margin-top: 60px
    }

    #detailInfo.noText>.mainContainer>.introPic {
        margin-top: 0
    }

    #detailInfo .snippet._2,
    #detailInfo .snippet._4,
    #detailInfoSecond .snippet._2,
    #detailInfoSecond .snippet._4 {
        margin-top: 0
    }

    #detailInfo .snippet br {}

    #detailSnippets {
        order: 3;
        width: 100%;
        margin-right: 0
    }

    #detailBody .mainContainer>.introPic {
        margin-top: -5vw
    }

    .compositionPicContainer {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        height: 62vw;
        order: 0;
        margin-bottom: 30px
    }

    .compositionText {
        margin-bottom: 60px;
        max-width: none;
        margin-top: 60px
    }

    #detailComposition .mainContainer,
    .infoBlock .mainContainer {
        flex-direction: column
    }

    .compositionPicContainer .tl._3 {
        font-size: 15vw;
        top: 20vw
    }

    .compositionPicContainer .tl._1 {
        top: 10vw;
        bottom: auto;
        left: 25vw
    }

    .text.big {
        font-size: 20px;
        line-height: 35px
    }

    .detailBodyContent {
        padding-left: 0;
        flex-direction: column
    }

    .detailBodyContent .blockTitle {
        margin-left: 0 !important;
        margin-top: 60px
    }

    #detailBody .detailBodyContent>.left,
    #detailBody .detailBodyContent>.right {
        width: 100% !important
    }

    .verticalPic {
        width: 100%;
        height: 140vw;
        margin-top: 40px;
        margin-left: 0
    }

    #detailBody .galleryContainer {
        height: 60vw
    }

    .detailBodyContent.summer .right {
        order: 1
    }

    #detailBody .detailBodyContent.scheme2>.right {
        order: 0;
        padding-left: 0
    }

    #detailBody .detailBodyContent.scheme2>.left {
        order: 1;
        margin-top: 60px;
        width: 100% !important;
        margin-left: 0
    }

    #detailBody .detailBodyContent.scheme2>.left:only-child {
        margin-top: 0
    }

    .menuPic img {
        height: 110%;
        top: -5%
    }

    .detailBodyContent.scheme3>.right {
        display: flex;
        justify-content: flex-end;
        margin-top: 60px
    }

    .detailBodyContent.scheme3>.right .introPic {
        transform: none !important;
        margin-right: 0
    }

    .menuBlock,
    .menuPic {
        width: 41vw;
        height: 41vw;
        margin-left: 0 !important;
        margin-right: 0
    }

    .detailBodyContent.scheme4 {
        padding-right: 0;
        width: 100% !important;
        margin-left: 0
    }

    .menu {
        display: flex;
        justify-content: space-between
    }

    .menu+.menu {
        margin-top: 2vw
    }

    .menuLayout .slidingTitleBig {
        position: relative;
        top: 5.45vw;
        font-size: 10vw
    }

    .menuBlock.small .slidingTitleBig,
    .menuBlock.mobileSmall .slidingTitleBig {
        font-size: 5vw;
        top: 2.6vw
    }

    .menu .oButton {
        position: absolute !important;
        top: 30% !important
    }

    .menuType {
        right: 0;
        top: 20px;
        font-size: 20px
    }

    #detailForm .mainBackground {
        left: 0;
        width: 100%
    }

    .formLayer {
        flex-direction: column;
        width: calc(100% - 20px);
        margin: auto;
        min-height: 45vw
    }

    .wpforms-confirmation-container {
        font-size: 16px;
        width: calc(100% - 5vw);
        line-height: 25px
    }

    .formContent {
        flex-direction: column
    }

    #formTitle {
        margin-left: 0;
        margin-top: -13.3vw
    }

    #detailForm {
        margin-top: calc(60px + 13.3vw)
    }

    #formTitle .slidingTitleBig {
        margin-top: -5.5vw
    }

    .formDescription {
        margin-left: 0
    }

    .formInfo.left {
        width: 100%
    }

    .formContainer .right {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0
    }

    .formField {
        width: 100% !important;
        padding-bottom: 17px !important
    }

    .formField {
        margin-top: 20px
    }

    .formField select,
    ::-webkit-input-placeholder,
    .formField input,
    .wpforms-container label {
        font-size: 14px
    }

    .wpforms-field-description {
        font-size: 12px !important;
        padding: 5px 5px 0 !important
    }

    .wpforms-container .wpforms-submit-container {
        padding: 0 !important;
        width: 100%
    }

    .wpforms-submit {
        margin-right: 0;
        border: none !important
    }

    .formContainer {
        margin: 0;
        width: 100%
    }

    .wpforms-container label.wpforms-error {
        bottom: 0
    }

    .taste .backgroundScheme .mainBackground {
        top: 5vw
    }

    .compositionPicContainer.reversed .tl._3 {
        bottom: 5vw;
        top: auto;
        right: 5vw
    }

    .compositionPicContainer.reversed .tl._1 {
        left: 8vw;
        top: auto;
        bottom: 2vw;
        opacity: .8
    }

    .backgroundScheme .mainContainer {
        margin-top: 0;
        flex-direction: column
    }

    .taste .compositionPicContainer {
        margin-left: 0
    }

    .backgroundScheme+.mainContainer .detailBodyContent.scheme1 {
        margin-top: 0
    }

    .infoBlock .blockText>.text {
        text-align: center;
        font-size: 20px
    }

    .infoBlock .blockText>.text.tech {
        font-size: 16px !important
    }

    .outerBlock {
        width: 100%;
        margin-top: 30px;
        padding: 25px 20px
    }

    .outerRow {
        flex-direction: column
    }

    .outerDescription {
        margin-top: 30px;
        font-size: 14px;
        text-align: center;
        align-items: center
    }

    .infoBlock .mainBackground {
        top: 0
    }

    .infoBlock .mainContainer {
        margin-top: 30px;
        width: calc(100% - 90px)
    }

    .outerRow._1 img {
        width: 75px
    }

    .ab .outerRow._1 img {
        width: 200px
    }

    .outerRow._2 img.ruinart {
        width: 100px
    }

    .scheme1.simpler .text {
        margin-left: 0
    }

    .outerBlock.ruinart .outerPic {
        width: 200px
    }

    #detailBody .detailBodyContent.scheme1 .left .text:only-child {
        margin-top: 60px
    }

    #detailSpaces+#detailBody .detailBodyContent.scheme1 .left .text:only-child {
        margin-top: 0
    }

    #detailTop+#detailSpaces+#detailTop {
        margin-top: 60vw
    }

    .seascape .compositionPicContainer {
        order: 0
    }

    .seascape .compositionText {
        order: 1
    }

    #detailTextSpecial {
        order: 4;
        width: 100%;
        margin-left: 10px
    }

    .simplePicture {
        height: 70vw
    }

    #detailTopSecond .oLeftBar {
        width: 20px;
        position: absolute;
        left: -35px;
        height: calc(100% - 65px)
    }

    .detailBodyContent.scheme3 .blockTitle {
        margin-top: 0
    }

    #detailIntroTitle br {
        display: none
    }

    #detailInfo .mainContainer #detailSnippets:only-child {
        margin-top: 0
    }

    .profileTitle {
        font-size: 30px;
        margin-left: 0
    }

    .profileLogo {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        right: auto;
        margin-top: 50px;
        width: 150px
    }

    .profileContent {
        flex-direction: column
    }

    .profilePic,
    .profilePic.sustainability {
        width: 100%;
        height: 129vw;
        margin-left: 0;
        margin-top: 50px
    }

    .locationContainer+.mainContainer .text.big br {
        display: none
    }

    #detailSpaces+#detailBody {
        margin-top: 30px
    }

    .pressButton {
        margin-top: 10px
    }

    #navBar {
        display: none
    }

    #navBackground {
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        border-radius: 15px;
        top: 5px;
        left: 5px
    }

    #navScroller {
        padding-bottom: 165px
    }

    #navTop {
        padding: 25px 0;
        margin-top: 55px;
        margin-left: 0;
        width: 100%;
        height: calc(100% - 110px)
    }

    .navSection {
        margin-top: 30px
    }

    .navSectionItems {
        margin-top: 1.5vh
    }

    .navItem {
        font-size: 18px;
        padding: 5px 0;
        margin: 0
    }

    .subItem {
        height: auto
    }

    .navItem:after {
        top: 1px;
        height: 26px;
        left: -9px;
        width: calc(100% + 17px)
    }

    .navItem:hover .subItem svg {
        transform: translateX(10px)rotateZ(45deg)
    }

    #navBottom {
        justify-content: space-between
    }

    #navBottom .socials {
        order: 1;
        justify-content: flex-end;
        min-width: 0;
        margin-right: 25px;
        display: flex
    }

    #navBottom .socials svg {
        height: 18px
    }

    #navBottom .socials .tw {
        margin-left: 12px
    }

    #navBottom .socials .ig {
        margin-left: 10px
    }

    .navSection:after {
        top: 50px
    }

    .subItem .subTitle {
        display: none
    }

    .subItem:before {
        content: none
    }

    .navSectionTitle {
        padding-right: 0;
        font-size: 24px
    }

    #navContent {
        padding-right: 0;
        padding-left: 0;
        margin: 0 10px
    }

    .c-scrollbar {
        right: 2px;
        overflow: hidden
    }

    .mobileArrow {
        width: 30px;
        height: 30px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .mobileArrow.left {
        margin-left: 15px
    }

    .mobileArrow.right {
        margin-right: 15px
    }

    .mobileArrow.left .oArrow {
        transform: rotateZ(-135deg)
    }

    .mobileArrow.right .oArrow {}

    .galleryContainer .activeLayer {
        display: flex;
        align-items: center
    }

    .galleryContainer .activeLayer.right {
        justify-content: flex-end
    }

    .sliderPreview {
        position: relative;
        top: 0;
        width: 100%;
        right: 0;
        bottom: 0
    }

    .photogalleryMarginBottom {
        margin-bottom: 100px
    }

    .hExperienceArrow svg {
        width: 8px
    }

    .hExperienceArrow {
        width: 25px;
        height: 25px
    }

    .styleLogo:nth-child(1),
    .styleLogo:nth-child(2) {
        margin-top: 0
    }

    .styleLogo,
    .styleLogo.smaller,
    .styleLogo.smaller.left,
    .styleLogo.smaller.right {
        width: 40%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 60px;
        flex: inherit
    }

    #styleDetailsLogos {
        padding: 30px;
        justify-content: space-between
    }

    .styleLogo img.tinyLogo {
        width: 75%
    }

    .styleLogo img.smallerLogo {
        width: 50%
    }

    .styleLogo img.smallestLogo {
        width: 30%
    }

    .styleLogo:nth-child(3) {
        margin-top: 30px
    }

    .styleLogo img {
        width: 100%
    }

    .wind_direction img {
        display: none
    }

    #mainLogo.menuForced {
        transform: translateY(0)
    }

    .formField.wpforms-field-checkbox.multiple {
        flex-direction: column
    }

    .formField.wpforms-field-checkbox.multiple ul {
        width: 100%;
        margin-top: 15px
    }

    .formField.wpforms-field-checkbox input[type=checkbox]+label {
        background-position: -4px -3px
    }

    .formField.wpforms-field-checkbox input[type=checkbox]:checked+label {
        background-position: -4px -28px
    }

    .formField.right input,
    .formField.right textarea {
        width: 100%
    }

    .langsContainer a {
        font-size: 16px
    }

    .overlay .mainBackground {
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        border-radius: 15px;
        top: 5px;
        left: 5px
    }

    .overlayContainer {
        width: calc(100% - 50px);
        max-width: 280px
    }

    .ovGroup input,
    .ovGroup select {
        font-size: 18px;
        letter-spacing: 0;
        margin-left: 20px
    }

    .overlayLabel {
        width: 100px;
        font-size: 18px
    }

    .bookGuests .icoContainer {
        margin-left: 56px
    }

    .ovGroup select {
        margin-left: 0;
        padding-left: 50px
    }

    .overlayClose {
        transform: scale(.8);
        top: 10px;
        right: 10px;
        z-index: 2
    }

    .lang-item {
        margin-left: 30px;
        position: relative
    }

    .lang-item:before {
        right: -15px
    }

    .ovPeople {
        font-size: 20px
    }

    .ovSmall {
        font-size: 13px;
        line-height: 20px
    }

    #thanksOverlay .overlayContainer {
        max-height: 300px
    }

    #creditsOverlay .overlayContainer {
        max-height: 530px
    }

    .ovGroup {
        padding-bottom: 15px
    }

    #bookOverlay .ovGroup {
        padding-bottom: 5px
    }

    .ovGroup.leaders {
        margin-top: 0;
        width: auto
    }

    .text.tech.small.ovRole {
        line-height: 20px
    }

    #menuClose .circlePath {
        display: none
    }

    #menuClose {
        top: 11px;
        left: 9px;
        transform: scale(1.2)
    }

    #partners {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap
    }

    .partner {
        width: 40% !important;
        display: flex;
        justify-content: center;
        max-width: none !important
    }

    .partner.slh img {
        max-width: 80px
    }

    .partner.virtuoso img {
        max-width: 162px
    }

    .partner.ae {
        margin-top: 77px
    }

    .partner.michelin {
        margin-top: 50px
    }

    .partner.ae img {
        max-width: 100px
    }

    .partner.michelin img {
        max-width: 71px
    }

    .partner.traveller {
        margin-top: 66px
    }

    #footerDataBottom .weatherContainer {
        flex-wrap: wrap;
        padding: 90px 40px;
        align-items: center
    }

    #scrollDown {
        width: 200px;
        margin-left: -100px;
        letter-spacing: .5px;
        text-align: center;
        bottom: 174px
    }

    #verticalArrow {
        transform: rotateZ(180deg)
    }

    .scrollDownText {
        font-size: 12px
    }

    .mobile {
        margin-right: 10px
    }

    .amalfiFirst {
        margin-top: 60px
    }

    #formTitle .slidingTitleSmall {
        height: 13.3vw;
        display: flex;
        align-items: flex-end
    }

    .navSection:last-child .navItem {
        color: #6f6359 !important
    }

    .newsletter_input.title {
        width: 50px
    }

    .bodyParagraphTitle h2 {
        font-size: 20px;
        top: 11px
    }

    .textIndexContainer,
    .bodyParagraphContainer {
        width: 100%
    }

    #pressBody {
        padding-top: 90px
    }

    #pressContainer {
        width: calc(100% - 20px);
        margin-left: 10px
    }

    #pressContainer #detailSnippets {
        width: 70px;
        order: 0
    }

    .pressContent .locationNameContainer {
        width: 100%
    }

    .pressContent .locationNameContent {
        margin-top: 0
    }

    .pressContent .locationContainer+.locationContainer {
        margin-top: 35vw
    }

    .pressList {
        width: 100%
    }

    .pressList .text.big {
        text-transform: lowercase;
        font-size: 18px
    }

    #pressBody+#clocks {
        margin-top: 160px
    }

    #pressTarget {
        height: calc(100% - 90px)
    }

    .outerBlock.cnd {
        height: auto
    }

    .ovGroup.leaders .ovSmall {
        padding-bottom: 4px;
        line-height: 17px
    }

    .ovGroup.leaders img {
        top: -15px
    }

    header .ig {
        position: absolute;
        left: 3px;
        top: 50px
    }

    header .fb {
        position: absolute;
        left: 2px;
        top: 100px
    }

    .headerButton.dark.ig .icon .fillColor,
    .headerButton.dark.fb .icon .fillColor {
        fill: #6e6259
    }

    .headerButton.hidden.ig,
    .headerButton.hidden.fb {
        transform: translateX(-40px);
        transition-delay: 0ms
    }

    .headerButton.ig.menuForced,
    .headerButton.fb.menuForced {
        transform: translateX(-40px) !important
    }

    #text #detailSectionTitle {
        margin-top: -5px
    }

    #bodyIndex {
        margin-top: 22px
    }

    #reserveTable {
        top: auto;
        bottom: 15px;
        position: fixed;
        right: 34px;
        width: auto;
        margin-right: 0
    }

    .sustainabilityIco {
        left: -70px
    }

    .sustainabilityIco img {
        transform: scale(.6)
    }

    .sustainabilityText,
    .sustainabilityText.wide {
        margin-left: 56px;
        width: auto
    }

    .titleLogo.sustainability img {
        width: 20vw;
        margin-top: -1.5vw
    }

    .introLogo a.smaller.text.tech {
        font-size: 11px !important
    }

    html[lang=en] .titleLogo.sustainability img {
        margin-top: 4vw
    }

}

.images img {
    object-fit: contain !important;
    object-position: center center;

}

.bg-new {
    height: 65px;
    background-color: rgb(85 30 17);
    color: #fff;
}

#hExperiencesTitle .slidingTitleSmall {
    color: #fff;
}

.slidingTitleBig span {
    color: rgb(85 30 17);
}

.hExperienceBlock.show .hExperienceArrow img {
    content: url('/Themes/Vinaecolife/Content/assets/images/tin-tuc/icon2.png');
}

.hExperienceBlock.show .hExperienceArrow {
    transform: rotate(0deg);
}

.hExperienceArrow {
    width: 60px;
    height: 60px;

}
.hExperienceTitle  h2{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 30px;
    font-size: 30px;
    line-height: 1;

}
.hinh-hoatdong .quadPicture img{
    height: 500px;
}
.back-to-top {

    transform: rotate(180deg);
}
#room-page .room-describe_title {
    
    justify-content: flex-start;
}
.slideshow::after {
    content: "";
    position: absolute;
    background-image: url(../../assets/images/connect1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    height: 89vh;
    width: 89vh;
    z-index: 9;
    top: 5vh;
    right: -32vh;
    border-radius: 50%;
}

.overviewSectionTitle {
    font-size: 40px;
    font-family: 'Be Vietnam Pro', sans-serif;
    display: block;
    line-height: 2;
}

.mobileOnly {
    display: none;
}

.content-room {
    width: 500px;
}

.content-room img {
    width: 500px;
}

.subContainer .doubleColumn-intro .next-section-slider {
    width: 500px;
}

.is-desktop {
    display: block;
}

.is-mobile {
    display: none;
}

.calendar .wrapper {
    padding: 3rem;

}

.is-mobile .wrapper {
    flex-direction: column;
}

.calendar .is-mobile .item {
    display: flex;
    align-items: center;

    justify-content: space-between;
}

#navFooterTop {

    padding: 0 20px;
}

#about-page .about-heading span {
    font-weight: 200;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
}

header {

    height: 70px;
}

.box-new-content p {
    font-size: 18px;
    line-height: 22px;
    font-family: 'Be Vietnam Pro', sans-serif !important;
}

.group-cate-news .box-new.group-cate-new {
    background-color: #72260F;
    padding: 25px 10px 50px 50px;
}

.group-cate-news .box-new {

    height: 140px;
    text-align: right;
    margin-bottom: 10px;
}

#feedTitle h2 span .capitalize {
    padding: 10px 0;
}

.ctaWidget-rooms {
    height: 100vh;
}

.ctaWidget-rooms .controlsBar {
    display: block;
}

.calendar .item a {
    display: flex;
    color: #36454f;
}

.bullets {
    height: 30px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.bulletsScroller {
    display: flex;
    height: 30px;
    margin-top: 2px;
}

.bullets.moving {
    position: relative;
    width: 212px;
}

.bullets.moving .bulletsScroller {
    position: absolute;
    left: calc(50% - 5.5px);
}





.bullet {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #006d3f;
    margin: 0 2px;
    opacity: 0.8;
}

.bullet.active {
    opacity: 1;
    transform: translateY(-2px);
}

/* .qPic._2,.qPic._3{
    height: 670px;
    width: 505px;
}
.qPic._1,.qPic._4{
    height: 505px;
    width: 670px;
} */

.quadPicture {
    justify-content: space-between;
    gap: 10px;
}

#footerBottom p {
    text-align: left;
}

.ctaWidget-rooms .controlsBar {
    display: none;
}

.qPic.w40 {
    width: 48%;
    margin-bottom: 20px;
}

#about-page .about-content_bot .text {
    margin-bottom: 0px;
    align-self: center;
}

#about-page .about-content_bot .text p {
    text-align: justify;
}

.infomation-ret {
    display: flex;
}

.infomation-ret .title {
    margin: 0 !important;
}

.footerData .icon img {

    width: 40px;
}

#hExperiencesLayer .show .hExperienceTitle h2 {
    font-weight: bold;
}

#room .qPic.w40 img {
    height: 461px;
}
#about-page .about-content_top .text {
    margin-left: 0px;
    max-width: 600px;
    align-self: flex-start;
}
.gb {
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    padding: 20px;
    color: white;
    font-size: 24px;
  }

  .urlManager {
    display: block;
    text-decoration: none;
    color: black;
    transition: all 0.3s ease;
  }
  
  .urlManager:hover {
    transform: translateY(-5px);
  }
  
  .urlManager {
    display: block;
   
    text-decoration: none;
    color: white;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease;
  }
  
  .urlManager:hover {
    transform: scale(1.05); /* Hiệu ứng phóng to khi hover */
  }
  
  .hFItemPic {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  

  .gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); /* Gradient phủ toàn bộ ảnh */
  }
  
  .content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1; /* Đảm bảo chữ và nút nằm trên gradient */
  }
  
  .hFItemTitle {
    font-size: 34px;
    font-weight: bold;
    color: white;
    text-align: center;
    margin-bottom: 15px;
  }
  
  .learnmore {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
    bottom: 60px;
    right: unset;
    left: unset;
    transform: translate(-60px, 10px);
    transform-origin: top left;
    white-space: nowrap;
    width: 130px;
    display: flex;
    justify-content: center;
    position: absolute;
    left: 50%;
  }
  
  .learnmore img {
    width: 15px;
    height: 15px;
  }
  
  .learnmore:hover {
    background-color: #45a049; /* Đổi màu khi hover vào nút */
  }
  .hFacilitiesItem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* Đảm bảo chiều cao 100% của phần tử cha */
}

.hFItemTitle {
    text-align: center;
    margin: auto 0; /* Căn giữa theo chiều dọc */
    padding: 10px 0;
}
#about-page .about-content_bot {
   
    justify-content: space-between;
}
#about-page .about-content_top {

    gap: 90px;
}
.titleClass {
    display: flex;
    flex-direction: column;
    align-items: center; /* Căn giữa theo chiều ngang */
    justify-content: center; /* Căn giữa theo chiều dọc */
    text-align: center;
    margin: 20px; /* Thêm khoảng cách giữa các tiêu đề */
}

.learnmore {
    margin-top: 10px; /* Tạo khoảng cách giữa tiêu đề và nút */
    padding: 10px 20px; /* Thêm khoảng cách bên trong nút */
    background-color: #4CAF50; /* Màu nền cho nút */
    color: white; /* Màu chữ */
    border-radius: 5px; /* Bo tròn nút */
}

.scrollButtons {
    display: flex!important;
    justify-content: space-around!important; /* Phân bố đều các mục trên cùng một dòng */
    align-items: center!important;
    width: 100%!important; /* Đảm bảo chúng chiếm toàn bộ chiều ngang */
}

.scrollTitle {
    font-size: 20px; /* Điều chỉnh kích thước chữ */
    margin-bottom: 10px; /* Tạo khoảng cách giữa chữ và nút */
}
.room .scrollButton {
   
    flex-direction: column;
}

.active {

    z-index: 9999;
}

#about-page .about-heading {
    padding: 0 0rem;
    
}
#restaurant .menu .session-top .title {
   
   margin-left: 0; 
}