.hotel-landing {position:relative;width:100vw;overflow:hidden;}
.hotels-header-fixed {position:fixed;z-index:9;height:150px;left:0;right:0;top:0;transition:.4s;background: #fff;}
/* ---- */

.top-bar {position: fixed;z-index: 5;width: 100%;height:50px;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;background:#2a2a2a;}
.top-bar > a {color:#ddd;display:flex;align-items:center;}
.top-bar > a img {margin-right:.5rem;}
.top-bar > a img:first-of-type {margin-top:-3px;}
.top-bar section {display:flex;}
.top-bar-lang {display:flex;align-items:center;margin:0 1rem;gap:0.3rem;color:#fff;}
.top-bar-lang a {color:#999;}
.top-bar-lang a:hover {color:#fff;}
.call-center-button {color:#fff;}
.call-center-button:hover {}
.call-center-button img {filter:invert(1) brightness(10);transition:.4s;}
.checkin-button {background:#2a2a2a;color:#fff;border:1px solid #fff;}
.checkin-button:hover {background:#fff;color:#2a2a2a;}
.reservation-button {background:#fff;color:#2a2a2a;border:1px solid #fff;}
.reservation-button:hover {background:#2a2a2a;color:#fff;}
.lang select {color:#fff;}
.lang:after {filter:invert(1) brightness(10);}

.menu-button div {background:#fff;}
/* ---- */
.hotel-header {margin: 50px 0 0 0;background:rgba(255,255,255,.6);text-align:center;}
.hotel-header > a img {max-height:100px;margin:1rem 0;}

/* ---- */
.hotel-nav {display:flex;justify-content:center;padding:1rem 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.hotel-nav a {margin:0 1rem;color:#5e5e5e;}
.hotel-nav a:hover {}
/* ---- */
.hotel-nav-button {display:none;}
/* ---- */
.hotel-banner {}
.hotel-banner video {width:100vw;}

/* ---- */
.hotel-text {text-align:center;max-width:60%;margin:4rem auto;}
.hotel-text strong {font-size:2rem;margin-bottom:2rem;color:var(--brand);}
.hotel-text p {margin-bottom:1rem;color:#777;}
/* ---- */
.hotel-accomodation {position: relative; max-width:1250px;margin:auto;padding: 0 4.5rem;}
.hotel-accomodation > small {display:block;text-align:center;font-family: 'Beau Rivage', cursive;color:#777;font-size:2rem;}
.hotel-accomodation h3 {text-align:center;margin:1rem 0;}
.hotel-accomodation section {overflow:hidden;}
.hotel-accomodation .rooms-swiper {display: flex;}
.hotel-accomodation-item {display:flex;justify-content:space-between;opacity:.75;}
.swiper-slide-active .hotel-accomodation-item {opacity:1;}
.hotel-accomodation-item article {display:flex;flex-direction:column;justify-content:center;max-width:29%;}
.hotel-accomodation-item strong {color:#000;font-size:1.25rem;margin:2rem 0 1rem 0;}
.hotel-accomodation-item mark {color:#B56953;margin:1rem 0;}
.hotel-accomodation-item p {color:#777;font-weight:300;}
.hotel-accomodation-item small {display:flex;color:#5e5e5e;margin-top:1rem;font-size:16px;font-weight:300;letter-spacing:2px;}
.hotel-accomodation-item small img {margin-left:.5rem;transition:.4s;}
.hotel-accomodation-item > img {max-width:69%;}
.hotel-accomodation-item:hover small img {margin-left:.75rem;}
/* ---- */
.hotel-aquapark {position:relative;display:flex;justify-content:center;align-items:center;margin:6rem auto;}
.hotel-aquapark > img {}
.hotel-aquapark article {position:absolute;z-index:5;text-align:center;color:#fff;}
.hotel-aquapark mark {color:#fff;font-weight:600;font-size:2rem;}
.hotel-aquapark strong {font-size:6rem;}
.hotel-aquapark a {display:inline-flex;margin-top:1rem;font-size:16px;font-weight:300;letter-spacing:2px;color:#fff;}
.hotel-aquapark a img {margin-left:.5rem;transition:.4s;filter:invert(1) brightness(10);}
.hotel-aquapark a:hover img {margin-left:.75rem;}
.hotel-aquapark:after {content:'';position:absolute;z-index:4;top:0;left:0;bottom:0;right:0;background:rgba(51,51,51,.3);}
/* ---- */
.hotel-gastronomy {position:relative;padding:4rem calc(50% - 585px);margin:4rem 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.hotel-gastronomy .gastronomy-types {display:none;}
.hotel-gastronomy section {overflow:hidden;margin-top:2rem;}
.hotel-gastronomy .gastronomy-swiper {display:flex;align-items:center;justify-content:space-between;margin-top:2rem;}
.hotel-gastronomy .swiper-slide {color:#000;}
.hotel-gastronomy .swiper-slide > img {height:300px;}
.hotel-gastronomy .swiper-slide strong {font-size:1rem; margin-bottom:.5rem;}
.hotel-gastronomy .swiper-slide span {display:block;margin:.5rem 0;}
.hotel-gastronomy .swiper-slide small {display:flex;color:#5e5e5e;font-size:14px;font-weight:300;letter-spacing:2px;}
.hotel-gastronomy .swiper-slide small img {margin-left:.5rem;transition:.4s;}
.hotel-gastronomy .swiper-slide small img {margin-left:.75rem;}
/* ---- */
.hotel-activities > small {display:block;text-align:center;font-family: 'Beau Rivage', cursive;color:#777;font-size:2rem;}
.hotel-activities section {display:flex;gap:1rem;margin:2rem 0 4rem 0;}
.hotel-activities section a {position:relative;flex:1;}
.hotel-activities section a img {width:100%;height:300px;background:#f9f9f9;}
.hotel-activities section a strong {position:absolute;z-index:5;bottom:2rem;left:0;right:0;text-align:center;color:#fff;font-size:2rem;}
.hotel-activities section a:after {content:'';position:absolute;z-index:4;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,#000,transparent);}
/* ---- */
.hotel-landing .main-special-concept {margin:4rem 0;}
/* ---- */
.hotel-landing .sharewood {display:none;}

/* ---- */
.hotel-main-contact {padding:4rem calc(50% - 585px) 0 calc(50% - 585px);display:flex;justify-content:space-between;align-items:center;}
.hotel-main-contact article {flex-basis:60%;}
.hotel-main-contact strong {font-size:3rem;font-weight:500;color:var(--brand);margin-bottom:1rem;}
.hotel-main-contact p {}
.hotel-main-contact figure {flex-basis:30%;}
.hotel-main-contact img {}
/* ---- */
.hotel-rooms {}
.hotel-rooms-list {margin-top:8rem;}
.hotel-rooms-item {position:relative;width:100%;padding:4rem;margin-bottom:10rem;display:flex;justify-content:space-between;align-items:center;background:#f1f1f1;}
.hotel-rooms-item article {position:relative;width:40%;}
.hotel-rooms-item article:before {content:'';position:absolute;top:-2rem;left:10%;right:30%;height:1px;background:var(--brand);}
.hotel-rooms-item strong {color:var(--brand);font-size:2rem;font-weight:500;}
.hotel-rooms-item mark {color:#B56953;margin:1rem 0;}
.hotel-rooms-item p {color:#777;font-weight:300;margin:2rem 0;}
.hotel-rooms-item small {display:flex;color:var(--brand);margin-top:1rem;font-size:16px;font-weight:300;letter-spacing:2px;}
.hotel-rooms-item small img {margin-left:.5rem;transition:.4s;}
.hotel-rooms-item:hover small img {margin-left:.75rem;}

.hotel-rooms-item > img {width:60%;height:400px;position:relative;margin-bottom:-8rem;}

.hotel-room {}
.hotel-room-text {text-align:center;margin:2rem auto;}
.hotel-room-text strong {font-size:3rem;font-weight:300;margin-bottom:2rem;}
.hotel-room-text p {color:#777;font-weight:300;width:60%;margin:auto;font-size:1rem;}
.hotel-room-cover {}
.hotel-room-cover img {width:100vw;height:70vh;}
.hotel-room-info {margin-top:1em;}
.hotel-room-info p{color:#5c5c5c;}
.hotel-room-info strong {font-size:2rem;font-weight:300;margin:1rem 0 1rem 0;}
.hotel-room-info ul {}
.hotel-room-info li {color:#5c5c5c;margin-bottom:.5rem;font-weight:300;}
.hotel-room-info::after{content: "";display: block;height: 1px;width:5rem;background-color: #5c5c5c;margin:1rem 0;}
.hotel-room-specs {}
.hotel-room-specs strong {font-size:3rem;font-weight:300;margin:2rem 0 1rem 0;}
.hotel-room-specs ul {display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;margin-top: 1rem;}
.hotel-room-specs li {display:flex;align-items:center;color:#131313;font-weight:300;}
.hotel-room-specs img {margin-right:.5rem;}
.hotel-room-gallery {position:relative;margin:4rem auto;overflow:hidden;}
.hotel-room-gallery > strong {display:block;text-align:center;color:#adadad;font-size:3rem;font-weight:400;margin-bottom:1rem;}
.hotel-room-gallery > span {position:absolute;z-index:5;bottom:0;padding:.6rem 0;font-family: 'Cormorant', serif;}
.detail-swiper {position:relative;height:100%;width:100%;}
.other-rooms {background:#f9f9f9;padding:4rem calc(50% - 585px);margin-bottom:4rem;}
.other-rooms strong {color:#adadad;font-size:1.25rem;margin:1rem 0;}
.other-rooms-list {display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1rem;margin-bottom:4rem;}
.other-rooms-item {}
.other-rooms-item > img {height:285px;}
.other-rooms-item span {display:block;color:#131313;font-size:1.25rem;font-family:'Cormorant', serif;margin:1rem 0;}
.other-rooms-item small {display:flex;color:#5e5e5e;font-size:14px;font-weight:300;letter-spacing:2px;}
.other-rooms-item small img {margin-left:.5rem;transition:.4s;}
.other-rooms-item:hover {}
.other-rooms-item:hover small img {margin-left:.75rem;}
/* */
.hotel-detail .breadcrumbs {margin-top: unset;}
.hotel-list .breadcrumbs {margin-top: unset;}
.hotel-rooms .breadcrumbs {margin-top: unset;}
.hotel-room .breadcrumbs {margin-top: unset;}
@media only screen and (max-width:768px) {
    .top-bar {z-index:9; height:60px; padding:0 .5rem;}
    .top-bar > a {font-size:10px;max-width:42%;}
    .hotel-reservation-button {display: none;}
    .call-center-button {display: none;}
    .checkin-button{position:absolute;z-index:89;right:7.5rem;font-size:80%;padding:.6rem;}
    .menu-button {margin-left: 0;}
    .lang {top: 13px;right: 13px;padding:0 1.7rem 0 .4rem;height:35px;font-size:85%;}
    .lang span { height:35px;line-height:35px; }
    .lang:hover {z-index: 5;height: 215px;top: 13px;right: 13px;}
    .lang:after{right:.2rem;}
    .top-bar section { display: flex;justify-content: flex-start;align-items: center;}
    .hotel-header {position:relative;z-index:5;display:flex;justify-content:center;align-items:center;background:#fff;}
    .hotel-header > a img {}

    .hotel-nav-button {position:absolute;right:1rem;display:flex;opacity:.6;}
    .hotel-nav-button img {margin-left:.5rem;transition:.4s;filter:invert(1) brightness(0);}
    .hotel-nav-button span {}
    .hotel-nav-button-active img {transform:rotate(180deg);}

    .hotel-nav {display:flex;flex-direction:column;height:0;opacity:0;padding:0;pointer-events:none;transition:.4s;}
    .hotel-nav a {margin:.5rem 0;text-align:center;}
    .hotel-nav-opened {height: 335px;opacity: 1;pointer-events: visible;overflow-y: auto;overflow-x: hidden;}

    .hotel-text {max-width:90%;margin:1rem auto;}
    .hotel-text strong {font-size:2rem;}

    .hotel-accomodation-item {flex-direction:column-reverse;}
    .swiper-slide-active .hotel-accomodation-item {}
    .hotel-accomodation-item article {max-width:unset;margin:1rem;padding:1rem;margin-top:0;border:1px solid #ddd;border-top:0;}
    .hotel-accomodation-item > img {max-width:100%;}

    .hotel-gastronomy {padding:4rem 1rem;}

    .hotel-activities section {display:block;margin:1rem;}
    .hotel-activities section a {margin-bottom:1rem;}

    .main-design-your-stay figure img {min-height:35vh;}

    .hotel-main-contact {padding:4rem 1rem;flex-direction:column;}
    .hotel-main-contact figure {margin-top:2rem;}


    .hotel-room-text strong {font-size:2.5rem;}
    .hotel-room-text p {width:80%;}


    .other-rooms {padding:4rem 1rem;}
    .other-rooms-list {display:block;}


}