@charset "UTF-8";
.template-fS2 .fW-Menus__fW-MainNav {
    background: transparent;
}

.fS2-navbar-menu {
    margin-left: auto;
    display: flex;
    align-items: baseline;
}

.template-fS2 .fW-navbar-menu {
    margin-right: 10px;
}

.template-fS2 .uk-navbar-toggle {
    width: 75px;
}

.template-fS2 .uk-navbar-nav>li>a {
    text-transform: none;
}

.template-fS2 .fS-Nav__TopNav {
    padding-top: 56px;
    padding-bottom: 20px;
}

.fS2-banner-content {
    top: 200px !important;
    width: 100% !important;
    max-width: 1600px !important;
    padding: 0 30px !important;
    overflow-wrap: break-word;
    height: 0;
}

.banner-slide {
    opacity: 0.5;
    transition: opacity 200ms ease-in;
    pointer-events: all;
}

.banner-slide:hover{
    opacity: 1;
}

.fS2-navbar-menu li {
    margin: 12px;
}

.template-fS2 .fW-Menus__fW-MainNav .uk-navbar-center ul.uk-navbar-nav li a {
    font-size: 20px;
    font-weight: normal;
}

.template-fS2 .fS-Nav__TopNav__PhoneNumber span {
    font-size: 20px;
}

.template-fS2 .fW-Menus__fW-MainNav .uk-navbar-right .uk-button {
    font-size: 16px;
    padding: 10px 70px 11px 71px;
}

.fS2-navbar-menu .uk-navbar-nav {
    align-items: center;
}

.template-fS2 .fs2-nav-shadow {
    height: 253px; 
    width: 100%; 
    opacity: 0.75; 
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.94) 43%, rgba(0, 0, 0, 0)); 
    position: absolute;
    pointer-events: none;
}

.template-fS2.uk-sticky-below.uk-sticky-fixed .fs2-nav-shadow{
    display: none;
}

@media (max-width: 960px) {
    .fS2-navbar-menu {
        display: none !important;
    }
    .template-fS2.sliderSection .uk-container {
        padding: 0;
    }

    .template-fS2 .sliderImage {
        padding: 0 7px;
        height: 100%;
    }

    .template-fS2 .fs2-nav-shadow {
        height: 140px; 
    }
    .template-fs2-slider{
        flex-wrap: wrap-reverse !important;
    }
    #sliderContent-slogan *{
        font-size: 12px !important;
        margin-bottom: 10px !important;
    }
    #sliderContent-header *{
        font-size: 32px !important;
        margin-bottom: 10px !important;
    }
    #sliderContent-description *{
        font-size: 14px !important;
        line-height:24px !important;
        margin-bottom: 10px !important;
    }
    #sliderSection .sliderContent {
       padding: 0px 9px 24px !important;
    }
}

@media (min-width: 960px) {
    .template-fS2 .fW-Menus__fW-MainNav {
        padding-top: 0;
        padding-bottom: 0;
    }
    .template-fS2 .uk-container {
        max-width: 1400px;
    }
    .fS-Nav.template-fS2 .uk-container {
        max-width: 1600px;
        box-sizing: border-box;
    }
    
    .fS2-banner-slide-container {
        max-width: 1600px;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        pointer-events: none;
    }

    .fS2-banner-slide-container .uk-position-center-left {
        left: 30px;
    }

    .fS2-banner-slide-container .uk-position-center-right {
        right: 30px;
    }

    .fS2-banner-slide-container .banner-slide {
        transform: translateY(-100%);
    }

    .template-fS2 .sliderContent {
        /* height: 550px; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 40px;
    }
    .template-fS2.sliderSection {
        background-color: #f7f7f6;
        max-width: none;
    }
    .template-fS2 .carousel-control-prev {
        right: 57%;
        bottom: -45px;
        left: auto;
        top: auto;
        width: auto;
    }
    .template-fS2 .carousel-control-next {
        right: 54%;
        bottom: -45px;
        left: auto;
        top: auto;
        width: auto;
    }
    #newsSection.template-fS2 .carousel-control-prev {
        right: 47%;
        bottom: -45px;
        left: auto;
        top: auto;
        width: auto;
    }
    #newsSection.template-fS2 .carousel-control-next {
        right: 44%;
        bottom: -45px;
        left: auto;
        top: auto;
        width: auto;
    }
    .template-fS2 .sliderImage {
        height: 550px;
        flex-direction: column;
    }
    .template-fS2 .sliderImage>div {
        height: 100%
    }
    .template-fS2 .sliderImage img {
        height: 100%;
        width: 100%;
        max-height: none;
        max-width: 100%;
        object-fit: cover;
    }
    .template-fS2 .carousel-indicators {
        display: none;
    }
    #gallerySectionAWARDS.template-fS2 .container {
        max-width: 1400px;
    }
    .template-fS2 .arrow-up {
        top: -10px;
    }
    .template-fS2 .menu-item-dropdown ul li a{
        font-size: 18px !important;
        text-align: left;
    }
    .template-fS2 .awardsImage{
        width: 100%;
    }
    .template-fS2 .awards-Slider{
        padding-left: 90px;
    }
}

/* first section */

.firstSection-content {
    max-width: 1400px;
    padding-left: 30px;
    padding-right: 30px;
    margin: auto;
    margin-bottom: 80px;
}

.firstSection-video iframe{
    width: 100%;
    margin-top: 20px;
}

@media (max-width: 960px) {
    .firstSection-content {
        padding: 0 32px;
        margin: auto;
        margin-bottom: 32px;
        overflow-wrap: break-word;
    }
    .first-section-type2 .first-description {
        flex-basis: unset;
    }
    .first-section-type2{
        gap:unset;
    }

}

/* homepage rooms */
.template-fS2 .room-name {
    color: #f5f5f6;
    font-size: 32px;
}

.room-image-text {
    position: absolute;
    bottom: 32px;
    left: 32px;
}

.template-fS2 .room-size, .template-fS2 .room-capacity {
    color: #ffffff;
    font-size: 20px;
}

.template-fS2 .carousel-control-prev {
    right: 64px;
}

.template-fS2 .carousel-control-next {
    right: 24px;
}

.rectangle {
    width: 95px;
    height: 2px;
    margin: 9px 8px 8px 0;
    background-color: #e7debe;
}

.all-rooms {
    color: black;
}

.fW-Section.template-fS2 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.RoomSection.template-fS2 {
    padding-top: 0;
    padding-bottom: 128px;
    overflow: visible;
}

.sliderSection.template-fS2 {
    padding-bottom: 128px;
}

.highlightsSection.template-fS2 {
    padding-bottom: 80px;
    padding-top: 80px;
}

.fS2-firstSection-image {
    width: 100%;
    max-height: 356px;
}

.template-fS2.servicesSection {
    max-width: 1400px;
}

.firstSection-slider-img {
    object-fit: cover;
    width: 100%;
    height: 356px;
}
.firstSection-content  .show-more {
    padding: 8px 0;
}
.show-more .more, .show-more .less {
    cursor: pointer;
}

.firstSection-content  .show-more > * {
    padding: 0;
    margin: 0;
}

.firstSection-description {
    line-height: 2;
    letter-spacing: 1.25px;
    font-size: 1rem;
}

#firstSectionDescription.collapse:not(.show) {
    display: block;
    height: 6rem;
    overflow: hidden;
}
  
#firstSectionDescription.collapsing {
    height: 6rem;
}
.sliderContent  .show-more {
    padding: 10px 0 0;
}
.sliderContent .show-more .more, .show-more .less {
    cursor: pointer;
}

.sliderContent  .show-more > * {
    padding: 0;
    margin: 0;
}

.sliderContent-description.collapse:not(.show) {
    display: block;
    height: 6rem;
    overflow: hidden;
}

.sliderContent-description.collapsing {
    height: 6rem;
}
#firstDescription-type2.collapse:not(.show) {
    display: block;
}

@media (max-width: 960px) {
    .firstSection-slider-img {
        object-fit: cover;
        width: 100%;
        height: 268px;
    }
    .room-image-text {
        position: static;
        padding: 8px 17px;
        color: #636567;
    }

    .room-detail-card {
        border: solid 1px #97979754;
    }

    .template-fS2 .room-size, .template-fS2 .room-capacity {
        font-size: 14px;
        color: #636567;
    }

    .template-fS2 .room-capacity {
        margin-bottom: 24px;
    }

    .template-fS2 .room-name {
        font-size: 20px;
        color: #636567;
    }
    #firstDescription-type2.collapse:not(.show) {
        display: block;
        height: 10rem;
        overflow: hidden;
    }

    #firstDescription-type2.collapsing {
        height: 10rem;
    }

}

.template-fS2.servicesSection {
    max-width: 1400px;
}

/* gallery fS2 */

.gallery-img-container {
    display: flex;
    box-sizing: border-box;
    margin: 0;
}

@media (min-width: 960px) {
    .gallery-img1 {
        width: 70%;
        max-width: 70%;
        padding: 0 40px 40px 0;
    }
    .gallery-img2 {
        width: 100%;
        max-width: 100%;
        height: 50%;
        max-height: 50%;
        padding: 0 0 40px 0;
    }
    .gallery-img3 {
        width: 100%;
        max-width: 100%;
        height: 50%;
        max-height: 50%;
        padding: 0 0 40px 0;
    }
    .gallery-img4 {
        width: 100%;
        max-width: 100%;
        height: 270px;
        max-height: 270px;
    }
    .gallery-img5 {
        width: 100%;
        max-width: 100%;
        height: 700px;
        max-height: 700px;
        padding: 0 0 40px 0;
    }
    .gallery-left {
        width: 70%;
        max-height: none !important;
        display: flex;
        padding: 0 40px 0 0;
    }
    .gallery-right {
        width: 30%;
        max-height: none !important;
        padding: 0 !important;
        display: flex;
        flex-direction: column;
    }
    .gallery-left-top {
        display: flex;
        height: 526px !important
    }
    .gallery-ltr {
        width: 30%;
        max-width: 30%;
        height: 100%;
        max-height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 960px) {
    .gallery-img1 {
        height: 240px;
        padding: 0 16px 16px 0;
    }
    .gallery-img2 {
        height: 90px;
        max-height: 90px;
        padding: 0 0 16px 0;
    }
    .gallery-img3 {
        height: 90px;
        max-height: 90px;
        padding: 0 0 16px 0;
    }
    .gallery-img4 {
        height: 121px;
        max-height: 121px;
        padding: 0 16px 0 0;
    }
    .gallery-img5 {
        height: 100%;
        max-height: 100%;
    }
    .gallery-right {
        width: 30% !important;
        max-height: none !important;
        padding: 0 !important;
        display: flex;
        flex-direction: column;
    }
    .gallery-left {
        width: 70% !important;
        max-height: none !important;
        display: flex;
        flex-direction: column;
    }
    #searchModules.template-fS2 {
        top: auto !important;
    }
    body.homePage .fS-Header {
        overflow: visible !important
    }
}

@media (min-width: 960px) {
    #searchModules.template-fS2 {
        bottom: 100px !important;
    }
}


.template-fS2 .fS-Slide__Content.addBottom {
    top: 30% !important;
    bottom: unset !important;
}

@media (max-width: 960px) {
    .fW-Section.template-fS2 {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .FirstSection.fW-Section.template-fS2 {
        padding-bottom: 0px;
    }
    
    .highlightsSection.template-fS2 {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    #homePageRooms .sliderContent {
        padding: 0 32px;
        text-align: center;
    }
    #homePageRooms .sliderImage img {
        height: 265px;
        width: 100%;
        object-fit: cover;
    }

    .roomModalButton {
        margin-top: 24px;
    }

    #sliderSection.fW-Section.template-fS2 {
        padding-top: 64px;
        padding-right: 32px;
        padding-left: 32px;
    }
    #sliderSection .sliderImage, #sliderSection .sliderContent{
        padding: 0;
    }
    #sliderSection .row {
        margin: 0;
    }

    #gallerySection.fW-Section.template-fS2 {
        padding: 32px;
    }
    #gallerySection .uk-container{
        padding: 0;
    }
    #newsSection.fW-Section.template-fS2{
        padding: 32px;
    }
    #newsSection .row {
        margin: 0;
    }
    #newsSection .sliderImage, #newsSection .sliderContent {
        padding: 0;
    }
    #servicesSection.fW-Section.template-fS2 {
        padding: 32px 32px 32px 32px;
    }
    #servicesSection.fW-Section.template-fS2.multiple-slider-section-type2 {
        padding:0;
    }
    #gallerySectionAWARDS.fW-Section.template-fS2{
        padding: 32px;
    }
    #gallerySectionAWARDS .container {
        padding: 0;
    }
    #highlightsSection .highlight-row {
        padding-left: 16px;
        padding-right: 16px;
        margin: 16px;
        background-color: #fff;
        color: #000;
        margin-top: 56px;
        padding: 1px;
        
    }

    #highlightsSection .h-text {
        padding-top: 0;
        padding: 8px;
    }
    
    .highlight-button-m {
        padding-bottom: 16px;
    }
}

/* footer */

.ibeFooter.template-fS2 {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.ibeFooter.template-fS2 .footer-top {
    background-color: inherit;
    padding: 40px 0 90px 0;
    max-width: 1400px;
    width: 100%;
    margin: auto;
}

.ibeFooter.template-fS2 .footer-top .footer-first-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ibeFooter.template-fS2 .footer-top .footer-second-row {
    padding-top: 35px;
    display: flex;
}

.ibeFooter.template-fS2 .footer-top .footer-second-row>div {
    padding-right: 2rem;
}

.ibeFooter.template-fS2 .footer-top .footer-second-row * {
    color: #fff;
    text-decoration: none;
}


.ibeFooter.template-fS2 .footer-top .f-logo img {
    max-width: 140px;
    max-height: 100px;
    object-fit: contain;
}

.ibeFooter.template-fS2 .footer-bottom {
    background-color:#000;
    padding: 40px 0;
    text-align: center;
}

.footer-bottom a {
    display: inline-block;
}

.ibeFooter.template-fS2 .uk-navbar-nav a svg {
    fill: #fff;
    height: 24px;
    width: 24px;
}

.ibeFooter.template-fS2 .footer-top .f-links {
    width: 100%;
}

.ibeFooter.template-fS2 .footer-top .f-links * {
    color: #fff;
    font-size: 14px;
    list-style: none;
    text-decoration: none;
}

.ibeFooter.template-fS2 .footer-top .f-links ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    justify-content: center;
}

.ibeFooter.template-fS2 .footer-top .f-links li {
    padding: 5px 3em;
}

.ibeFooter.template-fS2 .footer-top .footer-social-links {
    display: flex;
    justify-content: flex-end;
}

.ibeFooter.template-fS2 .footer-top .footer-social-links * {
    fill: #fff;
}

.ibeFooter.template-fS2 .footer-top .footer-social-links>li {
    text-decoration: none;
    list-style: none;
    padding: 7px;
}


.ibeFooter.template-fS2 .footer-top .footer-third-row {
    padding-top: 41px;
    width: 100%;
}

.ibeFooter.template-fS2 .footer-top .footer-social-links svg {
    width: 24px;
    height: 24px;
}
.ibeFooter.template-fS2 .footer-top .footer-third-row img{
    width: 68px;
    height: 36px;
}
.ibeFooter.template-fS2 .footer-top .footer-third-row .footer-message{
    color: #fff;
    font-size: 10px;
}


@media (max-width: 960px) {
    .ibeFooter.template-fS2 .footer-bottom {
        padding: 6px 0;
    }
    .ibeFooter.template-fS2 .footer-top {
        padding: 24px;
    }
    .ibeFooter.template-fS2 .footer-top .footer-second-row {
        padding: 24px 0 0 0;
        justify-content: center;
        flex-wrap: wrap;
    }
    .ibeFooter.template-fS2 .footer-top .footer-second-row>div {
        padding: 5px 10px;
    }
    .ibeFooter.template-fS2 .footer-top .footer-first-row {
        display: flex;
        flex-wrap: wrap;
    }
    .f-logo {
        order: 1;
        width: 50%;
    }
    .f-links {
        order: 3;
        flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer-social-links {
        order: 2;
        width: 50%;
        flex-wrap: wrap;
        padding: 0;
    }
    .ibeFooter.template-fS2 .footer-top .f-links ul {
        flex-wrap: wrap;
        flex-direction: column;
        padding: 24px 0 0 0;
    }
    .ibeFooter.template-fS2 .footer-top .f-links li {
        padding: 5px 0;
    }
    .ibeFooter.template-fS2 .phone, .ibeFooter.template-fS2 .email {
        white-space: nowrap;
    }
    .ibeFooter.template-fS2 .footer-top .footer-third-row{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    }
}

@media (min-width:960px){
    .ibeFooter.template-fS2 .footer-top .footer-third-row{
        display: inline-flex;
    }
    .ibeFooter.template-fS2 .footer-top .footer-third-row .footer-message{
        width: 75%;
        margin: auto;
    }



}


/* mobile top menu */
@media (max-width:960px){
    .template-fS2 .uk-navbar-left,
    .template-fS2 .uk-navbar-right {
        min-width: auto;
        flex: 1 1 0;
    }

    .template-fS2 .uk-navbar-center {
        width: 100%;
        flex-basis: 0;

    }

    .template-fS2 .uk-navbar-left {
        order: 3;
        justify-content: flex-end;
    }

    .template-fS2 .uk-navbar-right {
        order: 1;
    }

    .template-fS2 .uk-navbar-center {
        order: 2;
    }

    .template-fS2 .toggle-icon {
        width: 32px;
        height: 32px;
        backdrop-filter: blur(10px);
        background-color: #ffffff40 !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin-left: auto !important;
    }

    .template-fS2 .toggle-icon svg {
        fill: #fff;
    }

    .template-fS2 .fW-Menus__fW-MainNav .uk-navbar-right .DropdownLang a {
        color: #fff;
    }

    html body header .template-fS2 .uk-navbar .uk-navbar-right {
        justify-content: flex-start;
    }

    .template-fS2 .uk-slideshow-nav.uk-dotnav {
        position: absolute; 
        width: 100%;
    }

    .template-fS2 .uk-slideshow-nav.uk-dotnav>*>* {
        background-color: #fff;
        opacity: 0.5;
    }

    .template-fS2 .uk-slideshow-nav.uk-dotnav>.uk-active>* {
        opacity: 1;
    }

}

.fS2-banner-content * {
    line-height: normal;
}



/* hotel facility page */
.facility-banner {
    height: 60vh;
}

@media (max-width:960px){
    .facility-banner {
        height: 40vh;
        top: 100px;
    }

    .other-pages-header .template-fS2 .fs2-nav-shadow {
        opacity: 0;
    }

    .other-pages-header .fS-Nav {
        position: relative;
    }
    .other-pages-header .template-fS2 .toggle-icon svg {
        fill: #636567;
    }

    .other-pages-header .template-fS2 .fW-Menus__fW-MainNav .uk-navbar-right .DropdownLang a {
        color: #636567;
    }

    .other-pages-header .template-fS2 .fW-Menus__fW-MainNav .uk-navbar-right .DropdownLang .uk-dropdown {
        background-color: #f6f8fa;
    }
    
    .fS2-banner-content * {
        margin-top: 0;
        margin-bottom: 0;
    }

    .other-pages-header .fW-Menus__fW-MainNav {
        padding: 10px 15px;
    }
}
@media screen 
  and (min-width: 1200px) 
  and (max-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
    .fS2-banner-content * {
        margin-top: 0;
        margin-bottom: 5px;
    }
} 

.search-result-header .uk-navbar-center:not(:only-child) {
    position: static;
    transform: none;
}

.search-result-header .uk-navbar {
    display: flex !important;
}

.hf-icon {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
}

.hf-icon-header {
    opacity: 0.8;
    font-size: 20px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 3.75px;
    color: #abaaa4;
}

.hf-icon-image {
    opacity: 0.6;
    width: 56px;
    height: 56px;
}

.hf-icon-name {
    font-size: 18px;
    font-weight: normal;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #636567;
}

.hf-icon-description {
    font-size: 14px;
    font-weight: normal;
    font-stretch: condensed;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: 0.5px;
    color: #a6a8a9;
}

@media (min-width: 960px){
    .hf-gallery-icon-section {
        margin-top: 80px;
        margin-bottom: 160px;
        column-gap: 140px;
    }

    .hf-icon-header {
        margin-bottom: 40px;
    }

    .hf-icon-list {
        display: flex;
        flex-direction: column;
        row-gap: 56px;
    }

    .hf-without-gallery {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .hf-icon-item {
        display: flex;
        height: 96px;
    }

    .hf-icon {
        position: relative;
        margin-left: 22px;
        margin-right: 22px;
    }

    .hf-icon-name {
        text-align: center;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 12px;
        width: 400px;
    }

    .hf-icon-description {
        align-self: center;
        margin-left: 60px;
    }

    .gallery-first-column {
        width: 100%;
        height: 100%;
        position: relative;
        margin-right: 40px;
    }

    .gallery-second-column {
        width: 100%;
        height: 100%;
        top: 80px;
        position: relative;
    }

    .hf-image-big {
        height: 460px;
    }

    .hf-image-small {
        height: 225px; 
    }

    .hf-image-second-row {
        margin-top: 40px;
    }

    .facSection.fW-Section.template-fS2 {
        padding-bottom: 0;
    }

    .hf-slider-section .uk-container{
        margin-top: 80px;
        margin-bottom: 80px !important;
    }
}


@media (max-width: 960px){
    .hf-gallery-icon-section {
        flex-direction: column;
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .hf-icon {
        margin-right: 25px;
    }

    .hf-icon-item {
        display: flex;
        align-items: center;
    }

    .hf-icon-header {
        margin-bottom: 32px;
        font-size: 14px;
        letter-spacing: 2.63px;
    }

    .hf-icon-list {
        display: flex;
        flex-direction: column;
        row-gap: 24px;
    }

    .hf-icon-name {
        margin-bottom: 4px;
    }

    .gallery-first-column {
        width: 50%;
        position: relative;
        top: -40px;
        margin-right: 17px;
    }

    .gallery-second-column {
        width: 50%;
    }

    .hf-image-big {
        height: 250px;
    }

    .hf-image-small {
        height: 125px; 
    }

    .hf-image-second-row {
        margin-top: 17px;
    }
}

.hf-slider-control .prev {
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}

.hf-slider-control .next {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
}

.hf-slider-text {
    position: absolute;
    bottom: 50px;
    text-align: center;
    width: 100%;
    z-index:2;
}

.hf-slider-img {
    width: 100%;
    height: 65vh;
    object-fit: cover;
}
.hotelFacility-version2-shadow{
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    width: 100%;
    height: 423px;
}
.hf-slider-section-text {
    text-align: center;
}

.hf-slider-section-text h1,
.hf-slider-section-text h2,
.hf-slider-section-text h3,
.hf-slider-section-text h4,
.hf-slider-section-text h5,
.hf-slider-section-text h6 {
    padding: 0 !important;
    margin: 0 !important;
}

.hf-slider-container {
    position: relative;
    margin-top: 48px;
}

.hf-slider-button {
}


.hf-slider-button a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    transition: all 200ms;
    justify-content: center;
}

.hf-slider-button a:hover {
    transform: scale(1.1) ;
    text-transform: none;
    text-decoration: none;
    color: inherit;
}

.hf-slider-rectangle {
    width: 95px;
    height: 2px;
    margin: 9px 8px 8px 0;
    background-color: #e7debe;
}


.hf-slider-show-text{
    font-size: 16px;
    font-weight: normal;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}

.hf-slogan, .hf-header {
    margin-bottom: 12px;
}

.hf-desc {
    margin-bottom: 32px;
}

@media (max-width: 960px){
    .hf-slider-container {
        margin-top: 32px;
    }

    .hf-desc {
        margin-bottom: 24px;
    }

    .hf-slider-control {
        display: none;
    }

    .hf-slider-section .uk-container{
        padding: 0;
    }

    .hf-slider-section-text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hf-slider-img {
        height: 270px;
    }
}

.template4-gallery-type {
    position: absolute;
    width: 100%;
    top: -100px;
    HEIGHT: 100px;
    margin: 0;
    background: #fff;
    max-width: 1200px;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.template4-gallery-type .galleryImageTypes {
    background: none;
    opacity: 0.5;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 18px;
}

.template4-gallery-type .galleryImageTypesSelected {
    opacity: 1;
    font-weight: bold;
}

.gallery-page-show {
    display: inline-block;
    padding: 16px 69px 16px 68px;
    margin-bottom: 60px;
    border: solid 2px #a6a8a9;
    font-size: 14px;
    font-weight: bold;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
    text-align: center;
    color: #636567 !important;
}

.gallery-page-show:hover {
    color: #636567;
}

.template4-gallery-page.uk-grid {
    margin-top: 50px;
}


@media (max-width: 960px){
    .template4-gallery-page .uk-inline-clip.uk-transition-toggle {
        height: 140px;
    }
    
    .template4-gallery-type {
        height: 70px;
        width: 100%;
        position: static;
        overflow: scroll;
        margin-left: 0;
        margin-right: 10px;
        justify-content: start;
        flex-wrap: nowrap;
    }
    
    .last-image-type-filter {
        width: 30vw;
        height: 100%;
        position: absolute;
        right: 0;
        background: rgb(255,255,255);
        background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(255,255,255,0) 100%);
        pointer-events: none;
    }

    .gallery-page-show {
        display: block;
    }
}


/* roompage */
.template-fS2.RoomSection-rooms .RoomCard {
    box-shadow: none;
    margin: 0;
}

.template-fS2.RoomSection-rooms .uk-container {
    max-width: 1200px;
}

.template-fS2.RoomSection-rooms .roomCards {
    padding: 0%;
    width: 50%;
    flex: none;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 56px;
}

.template-fS2 .RoomCard.uk-card {
    max-width: 100%;
    height: auto;
}

.template-fS2 .RoomList img {
    max-height: 100%;
}

body .template-fS2 .fW-Section__Header {
    margin-bottom: 80px;
}

.template-fS2.RoomSection-rooms .RoomCard h5 {
    padding: 0;
}

.roompage-image-container {
    height: 45vh;
}

.room-name-container {
    margin-right: 16px;
}

.template-fS2.RoomSection-rooms .room-name {
    color: #353434;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.template-fS2.RoomSection-rooms .room-size {
    color:  #B8B8B8;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
@media (max-width: 960px) {
    .template-fS2.RoomSection-rooms .room-size {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }
    .template-fS2.RoomSection-rooms .room-name {
        font-size: 16px;
        line-height: 24px;
    }
    .template-fS2.RoomSection-rooms .roomCards {
        width: 100%;
        padding: 0;
    }
    .template-fS2.RoomSection-rooms .roomCards {
        margin-bottom: 0;
    }
}

.template-fS2.RoomSection.threeRoom .RoomCard .RoomCard__Body {
    padding: 24px 0;
}

.roompage-room-header {
    margin-bottom: 8px;
}

.roompage-carousel-control {
    height: 32px;
    flex-shrink: 0;
}

.roompage-slide-left img {
    transform: rotate(180deg);
}

.roompage-slide-left,
.roompage-slide-right {
    color: transparent !important;
    cursor: pointer !important;
    opacity: 0.4;
    transition: all 200ms;
}

.roompage-slide-left:hover,
.roompage-slide-right:hover {
    opacity: 1;
    transition: all 200ms;
}

.template-fS2 .RoomList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.room-page-search-container {
    height: 300px;
    width: 100%;
    background-color: #f7f7f6;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 50;
}

.room-page-search-container #searchModules {
    position: static;
}

.room-page-search-container .search-text {
    font-size: 48px;
    line-height: 1.67;
    text-align: center;
    color: #000000;
    margin-bottom: 64px;
}

.show-rooms-container {
    width: 100;
    text-align: center;
}


@media (min-width: 960px){
    .template-fS2.RoomSection-rooms .uk-container {
        margin-top: 80px;
    }
}

@media (max-width: 960px){
    .room-page-search-container {
        margin-top: 40px;
        margin-bottom: 0 !important;
        padding: 44px 15px;
        height: auto;
    }

    .room-page-search-container .search-text {
        font-size: 32px;
        line-height: 1.25;
        letter-spacing: normal;
        text-align: center;
        color: #000000;
        word-break: break-all;
    }

    .room-page-search-module {
        width: 100%;
    }
    
    .RoomSection.fW-Section.template-fS2 {
        padding-bottom: 0;
    }

    body .template-fS2 .fW-Section__Header {
        margin-bottom: 24px;
    }

    .roompage-slider-item {
        display: flex;
        flex-direction: column;
    }


    .roompage-slider-container {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .roompage-facilities {
        position: relative;
        margin-top: 80px;
        background-color: #f7f7f6;
    }

    .roompage-facility-header {
        position: absolute;
        top: -40px;
        opacity: 0.8;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 2.63px;
        color: #abaaa4;
    }

    .roompage-icons {
        padding: 20px;
    }

    .roompage-icon-description {
        font-size: 18px;
        margin-left: 8px;
        color: #636567;
    }

    .roompage-show-icons {
        opacity: 0.44;
        font-size: 14px;
        letter-spacing: 0.25px;
        color: #636567;
        text-align: center;
        margin-top: 40px;
    }

    .show-icon-button,
    .hide-icon-button {
        padding: 10px 20px;
    }

    .template-fS2.RoomSection-rooms .room-name {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        color: #000000;
        margin-top: 8px;
    }

    .roompage-slider-container img {
        object-fit: cover;
    }
}


.map-info-container {
    line-height: normal;
}

.map-info-container > div {
    background-color: #ffffff;
}

.map-contact-us {
    color: #ced0d2;
}

.map-contact-city {
    font-weight: bold;
    color: #000000;
}

.map-contact-address {
    line-height: 1.64;
    color: #636567;
}

.map-contact-state {
    color: #636567;
}

.map-contact-phone {
    color: #000000;
}

.map-contact-email {
    color: #636567;
}

.template-fS2.MapSection {
    padding: 0%;    
}

.template-fS2.MapSection .uk-container {
    max-width: 100%;
    padding: 0;
}



@media(min-width: 960px) {
    .template-fS2.MapSection #fW-Maps {
        height: 500px;
    }
   
    .map-info-container {
        width: 390px;
        padding: 12px 14px;
        position: absolute;
        top: 50%;
        left: 233px;
        transform: translateY(-50%);
        background-color: #00000068;
    }

    .map-info-container > div {
        padding: 26px 19px 32px 33px;
    }

    .map-contact-us {
        margin-bottom: 4px;
        font-size: 16px;
    }

    .map-contact-city {
        margin-bottom: 8px;
        font-size: 40px;
    }

    .map-contact-address {
        margin-bottom: 32px;
        font-size: 14px;
    }

    .map-contact-phone {
        margin-bottom: 16px;
        font-size: 14px;
    }

    .map-contact-email {
        font-size: 14px;
    }
}

@media(max-width: 960px) {
    .template-fS2.MapSection #fW-Maps {
        height: 200px;
    }

    .template-fS2.MapSection .uk-container {
        padding: 14px;
        display: flex;
        flex-direction: column;
    }

    .map-info-container {
        padding: 12px 0;
        order: -1;
    }

    .map-info-container > div {
        padding: 15px 20px 15px 21px;
        -webkit-box-shadow: 0px 0px 5px 0.2px rgba(0,0,0,1);
        -moz-box-shadow: 0px 0px 5px 0.2px rgba(0,0,0,1);
        box-shadow: 0px 0px 5px 0.2px rgba(0,0,0,1);
    }

    .map-contact-us {
        margin-bottom: 2px;
        font-size: 14px;
    }

    .map-contact-city {
        margin-bottom: 4px;
        font-size: 22px;
    }

    .map-contact-address {
        margin-bottom: 12px;
        font-size: 14px;
    }

    .map-contact-phone {
        margin-bottom: 4px;
        font-size: 14px;
    }

    .map-contact-email {
        font-size: 14px;
    }
}

@media(min-width: 960px) {
    #searchModules.template-fS2.otherPageSearchModule {
        bottom: -40px !important;
    }

    .withSearchModule {
        margin-bottom: 4rem;
    }
}


@media(max-width: 960px) {
    #searchModules.template-fS2.otherPageSearchModule {
       position: static !important;
    }
}


.RoomSection.template-fS2 .carousel-control-prev{
    left: -64px;
    right: unset;
    top: 50%;
    bottom: unset;
    transform: translateY(-50%) rotate(180deg);
}

.RoomSection.template-fS2 .carousel-control-next{
    right: -64px;
    left: unset;
    top: 50%;
    bottom: unset;
    transform: translateY(-50%);
}

/* .more-gallery-hidden {
    display: none !important;
}  */
.map-image-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.map-text{
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 1px;
    color: #FFFFFF;
}
.map-image{
   text-align: center;
    font-size:32px;
}
.uk-cover-container::after {
    background: rgba(31, 26, 26, 0.6);

}
@media(max-width: 960px) {
    .map-image-text {
        top: 71%;
    }

    .map-text {
        font-size: 16px;
    }
    .map-image-text img {
        width: 23px;
    }
    .map-image{
        font-size: 20px !important;
    }
}
@media(min-width: 1024px) and (max-width: 1280px){
    .map-image-text {
        left: 74%;
    }
}
@media (max-width: 960px){
    .hotelFacility-version2-shadow{
        height:200px !important;
    }
    #headbar_for_template_4{
        display: flex;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media (min-width: 961px){
    .header_template_4 .template2v1_Banner_PhoneNumber,.header_template_4 .template2v1_Banner_CallYou{
        font-size: 16px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
    }
    .header_template_4 .template2v1_navbar_logo{
        margin: 0 !important;
    }
    .header_template_4 .template2v1_navbar_container{
        margin: 0 70px !important;
        padding: 0 !important;
        max-width: calc(100% - 140px) !important;
        width: 100% !important;
    }
    .header_template_4 .fS2-banner-content{
        margin: 30px 0;
    }
    .header_template_4 .uk-button.makeReservation{
        border-radius: 2px;
        display: flex;
        width: max-content;
        padding: 6px 32px !important;
        justify-content: center;
        align-items: center;
        gap: 8px;
        font-size: 16px !important;
        font-style: normal;
        font-weight: 700 !important;
        line-height: 24px !important;
    }
    .header_template_4 .template-fS2 .fS-Nav__TopNav {
    padding-top: 16px;
    padding-bottom: 24px;
    }
    .header_template_4 .template-fS2 .fW-Menus__fW-MainNav .uk-navbar-center ul.uk-navbar-nav li a {
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        padding: 0 !important;
    }
    .header_template_4 .template1-tourism-document-number {
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px;
        margin: 0;
        padding: 0;
    }
    .header_template_4 #headbar_for_template_4{
        min-height: 63px;
        padding: 20px 70px;
        display: flex;
    }
    .header_template_4 #headbar_for_template_4 *{
        margin: 0;
        padding: 0;
    }
    .header_template_4 .t2v1-tourism-document-container{
       display: flex;
       align-items: center;
    }
    .header_template_4 .fS-Nav__TopNav .uk-subnav{
        margin: 0;
    }
    .header_template_4 .uk-subnav-divider> :nth-child(n+2):not(.uk-first-column)::before{
        margin-right: 4px;
    }
    .header_template_4 .uk-subnav>*{
        padding-left: 12px;
    }
    .header_template_4 .uk-subnav .fS-Nav__TopNav__PhoneNumber>* ,.header_template_4 .uk-subnav .desktopContactButton>*{
        font-size: 16px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
    .header_template_4 .with-membership-nav{
        top: 50px;
    }
    .header_template_4 .template-fS2.uk-sticky-fixed .fW-Menus__fW-MainNav .uk-navbar-center ul.uk-navbar-nav li a {
        font-size: 16px;
    }
    .header_template_4 .template-fS2.uk-sticky-fixed .fW-Menus__fW-MainNav .uk-navbar-center ul.uk-navbar-nav li a {
        font-size: 16px;
    }
    .header_template_4 .fS-Nav.template-fS2 .uk-container{
        max-width: calc(100% - 140px);
    }
    .header_template_4 .template-fS2 .fW-navbar-menu {
        margin-right: 20px !important;
    }
}