header {position:fixed;z-index:9;left:0;right:0;top:0;height:125px;display:flex;justify-content:space-between;align-items:center;transition:.4s;}
header:before {content:'';position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));}
.scrolled-header {background:rgba(0,0,0,.25);backdrop-filter:blur(5px);border-bottom:1px solid #000;height:100px;}
.scrolled-header #logo img {height:80px;}
.header-left {position:relative;z-index:5;display:flex;flex:1;height:40px;}
.header-hotels {}
.header-hotels a {font-family: 'Cormorant', serif;font-weight:400;margin-right:2rem;color:#000;}
#logo {position:relative;z-index:5;}
#logo img {height:100px;transition:.4s;}
#sublogo {display:none;}
#sublogo img {height:100px;}
.header-buttons {position:relative;z-index:5;right:2rem;display:flex;justify-content:flex-end;height:40px;flex:1;}
.call-center-button {padding:.5rem 1rem;display:flex;align-items:center;color:#fff;border:1px solid transparent;font-size:16px;font-weight:300;}
.call-center-button img {margin-left:.75rem;margin-top:-5px;}
.call-center-button:hover {border:1px solid #fff;}
.checkin-button {padding:.6rem 1rem;margin:0 .5rem;background:var(--brand);color:#fff;border:1px solid var(--brand);}
.checkin-button:hover {background:#fff;color:var(--brand);}

#popup {position: fixed;z-index: 10000;top: 0;bottom: 0;left: 0;right: 0;background: rgb(4,2,2);background: linear-gradient(0deg, rgba(4,2,2,0.35900297619047616) 48%, rgba(0,8,8,0.9164259453781513) 100%);overflow: auto;display: none;justify-content:center;align-items:center;}

#popup-content {display:flex;flex-direction:column;text-align:center;gap:0.5rem;padding:1rem;}
#popup-content button {margin:0 0 0 auto;width:32px;border: unset;background-color: transparent;}
#popup-content button img {margin-right:0;max-width: 24px;}
#popup-content button img:hover {cursor: pointer;}
.pop-up-img{display: block;max-height: 80vh;max-width: 100%;}
.pop-up-mobil{display:none;}
#popup-content a{color:#fff;margin:0 auto 0 auto;}
#popup-content a:hover{color: #555447;cursor: pointer;}


.reservation-button {position:relative;height:42px;padding:0 2rem 0 1rem;margin:0 2rem 0 .5rem;border:1px solid #fff;background:rgba(0,0,0,.25);overflow:hidden;transition:.4s;}
.reservation-button span {color:#fff;display:block;height:42px;line-height:42px;}
.reservation-button a {color:#fff;display:block;height:42px;line-height:42px;}
.reservation-button a:hover {color:#fff;display:block;height:42px;line-height:42px;}
.reservation-button:after {content:url("../_img/icons/arrow-down.svg");position:absolute;right:.5rem;top:11px;z-index:1;}
.reservation-button:hover {height: 252px;background:rgba(0,0,0,.5);}


.hotel-reservation-button{padding:.6rem 1rem;margin:0 .5rem;background:var(--brand);color:#fff;border:1px solid var(--brand);}
.hotel-reservation-button:hover{background:#fff;color:var(--brand);}

.lang {position:relative;height:42px;padding:0 2rem 0 1rem;margin:0 2rem 0 .5rem;border:1px solid #fff;background: rgb(38, 35, 35);overflow:hidden;transition:.4s;}
.lang:hover {height: 215px;}
.lang span {color:#fff;display:block;height:42px;line-height:42px;}
.lang a {color:#fff;display:block;height:42px;line-height:42px;}
.lang:after {content:url("../_img/icons/arrow-down.svg");position:absolute;right:.5rem;top:11px;z-index:1;}

.menu-button {display:flex;flex-direction:column;justify-content:center;cursor:pointer;}
.menu-button div {width:30px;height:2px;background:#fff;border-radius:1rem;transition:.4s;}
.menu-button div:nth-child(2) {margin:3px 0;}
.menu-button span {color:#fff;font-weight:300;font-size:12px;margin:10px 0 0 -2px;}
.change .bar1 {transform:rotate(-45deg) translate(-4px, 3px);}
.change .bar2 {opacity:0;}
.change .bar3 {transform:rotate(45deg) translate(-3px, -3px);}
.sub-header {position:relative;padding:0 2rem;}
.sub-header:before {content:unset;background:#fff;}
.sub-header #logo {display:none;}
.sub-header #sublogo {display:block;}
.sub-header .call-center-button {color:#2a2a2a;border:1px solid #2a2a2a;}
.sub-header .call-center-button img {filter:invert(1) brightness(1);transition:.4s;}
.sub-header .call-center-button:hover {color:#fff;background:#2a2a2a;}
.sub-header .call-center-button:hover img {filter:unset;}
.sub-header .lang {border:1px solid #2a2a2a;background:#fff;}
.sub-header .lang span {color:#2a2a2a;}
.sub-header .lang a {color:#2a2a2a;}
.sub-header .lang::after {filter:invert(1) brightness(1);}
.sub-header .menu-button div {background:#2a2a2a;}
.sub-header .menu-button span {color:#2a2a2a;}
.menu {position:fixed;z-index:10;top:0;left:0;bottom:0;right:0;opacity:0;pointer-events:none;transition:.4s;}
.menu:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);}
.menu-opened {opacity:1;pointer-events:visible;}
.menu-background {position:absolute;z-index:-1;width:100vw;height:100vh;}
.menu-logo {margin:1.5rem auto;position:relative;}
.menu-closer {position:absolute;right:2rem;top:3rem;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;}
.menu-closer img {margin-bottom:.5rem;}
.menu-closer small {font-size:.75rem;font-weight:100;}
nav {position:relative;font-size:1rem;}
.nav-item {width:100%;display:flex;justify-content:flex-start;align-items:center;}
.nav-item span {width:50%;color:#A3A3A3;padding:1rem 4rem 1rem 0;transition:.4s;cursor:pointer;text-align:right;border-right:1px solid #a3a3a3;}
.nav-item span:hover {color:#fff;}
.nav-item span a {color:#A3A3A3;}
.nav-item span a:hover {color:#fff;}
.nav-item ul {position:absolute;width:50%;left:50%;top:0;bottom:0;padding:0 0 0 4rem;text-align:left;opacity:0;pointer-events:none;transition:.4s;}
.nav-item:hover > ul {opacity:1;pointer-events:visible;}
.nav-item li {list-style:none;}
.nav-item li a {color:#A3A3A3;padding:1rem 0;}
.nav-item li a:hover {color:#fff;}
.back-to-page {position:absolute;left:calc(50% - 585px);bottom:4rem;color:#fff;display:flex;align-items:center;}
.back-to-page img {margin-right:1rem;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.social-responsibility { display: block;padding: 7rem !important;font-size: 90%;}
.social-responsibility h1 { margin: 11px 0;}
.social-responsibility p:last-of-type { margin: 5px 0;}
.social-responsibility p:last-of-type a { padding: 5px; }

.container {width:95%;max-width:1170px;margin:auto;overflow:hidden;}
main {position:relative;width:100vw;overflow-x:hidden;}
.main-swiper {position:relative;width:100vw;height:100vh;overflow:hidden;}
.main-swiper img {width:100vw;height:100vh;object-fit:cover;}
.main-swiper a {width:100vw;height:100vh;}
.banner {}
.banner img {width:100vw;height:100vh;object-fit:cover;}
.explore-link {position:relative;display:inline-flex;align-items:center;margin:auto;color:#5E5E5E;font-size:1rem;font-weight:300;letter-spacing:2px;}
.explore-link img {position:relative;right:-.5rem;transition:.4s;}
.explore-link:hover img {right:-1rem;}
.explore-link:hover {color:#000;}
.main-about {text-align:center;padding:4rem 0;}
.main-about strong {font-size:2rem;margin:1rem 0;color:var(--brand);}
.main-about p b {font-size:1.2rem;font-weight:500;color:#000;}
.main-about p {margin:1rem auto;color:#777;max-width:70%;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.main-design-your-stay {position:relative;max-height:75vh;overflow:hidden;}
.main-design-your-stay figure {}
.main-design-your-stay figure img {width:100vw;}
.main-design-your-stay article {position:absolute;top:0;bottom:0;left:20%;right:20%;background:rgba(255,255,255,.75);backdrop-filter:blur(5px);text-align:center;padding:2rem;}
.main-design-your-stay strong {font-size:3.5rem;margin:1rem 0;}
.main-design-your-stay mark {display:inline;color:var(--brand);}
.main-design-your-stay em {font-size:2.7rem;}
.main-design-your-stay p b {font-size:1.25rem;font-weight:500;}
.main-design-your-stay p {max-width:75%;margin:2rem auto;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.main-gastronomy {position:relative;padding:4rem 0;}
.main-gastronomy > em {text-align:center;opacity:.5;margin-bottom:2rem;}
.main-gastronomy > strong {font-size:3rem;color:var(--brand);text-align:center;}
.main-gastronomy-swiper {padding-left:calc(50% - 585px);}
.slide-item {display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1000px;}
.slide-item article {flex:2;}
.slide-item strong {font-size:1.5rem;}
.slide-item p {margin:2rem 0;color:#777;max-width:90%;}
.slide-item a {}
.slide-item figure {flex:3;}
.slide-item figure img {min-height:500px;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.grid-line-6 {display:grid;grid-gap:1rem;padding:4rem 0;}
.grid-line-6 section {grid-column:1/2;grid-row:1/2;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.grid-line-6 em {opacity:.5;color:#777;font-size:2rem;margin-bottom:1rem;}
.grid-line-6 strong {color:var(--brand);font-size:3rem;}
.grid-line-6-img {width:100%;height:100%;}
.grid-line-6-img img {width:100%;height:100%;transform:scale(1);transition:.4s;}
.grid-line-6-img:hover > img {transform:scale(1.1);}
.grid-line-6-img-1 {grid-column:1/2;grid-row:2/3;}
.grid-line-6-img-2 {grid-column:2/3;grid-row:1/3;}
.grid-line-6-img-3 {grid-column:3/4;grid-row:1/2;}
.grid-line-6 article {grid-column:3/4;grid-row:2/3;align-self:flex-end;}
.grid-line-6 p {line-height:2;color:#777;margin-bottom:2rem;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */



/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.main-special-concept {position:relative;display:flex;justify-content:center;display:none;}
.main-special-concept img {width:100vw;height:75vh;}
.main-special-concept span {position:absolute;bottom:10rem;color:#fff;font-size:2rem;max-width:70%;text-align:center;}
.main-special-concept a {position:absolute;bottom:4rem;background:var(--brand);color:#fff;border:1px solid var(--brand);padding:1rem 3rem;font-family:'EB Garamond', serif;font-weight:700;letter-spacing:2px;}
.main-special-concept a:hover {background:#fff;color:var(--brand);}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.main-waterworld {background:#f9f9f9;padding:4rem calc(50% - 585px);}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.main-hotels {padding-top:4rem;}
.main-hotels strong {font-size:2rem;color:var(--brand);text-align:center;margin-bottom:2rem;}
.main-hotels p {color:#777;margin:auto;text-align:left;max-width:80%;line-height:2;letter-spacing:1px;padding:0.5rem;}
.main-hotels-list {position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1rem;margin:6rem 0;height:350px;overflow:hidden;}
.main-hotels-item {height:350px;}
.main-hotels-item figure {height:100%;}
.main-hotels-item figure img {height:100%;}
.main-hotels-item picture {position:absolute;left:0;right:0;bottom:0;top:0;pointer-events:none;opacity:0;transition:.4s;}
.main-hotels-item picture img {width:100%;height:100%;}
.picture-lines {position:absolute;top:0;width:100%;height:100%;display:flex;justify-content:space-evenly;}
.picture-line {width:1rem;height:100%;background:#fff;}
.main-hotels-item small {position:relative;top:-2rem;left:1rem;color:#fff;text-shadow:1px 1px 5px #000;font-size:14px;}
.main-hotels-item small:first-of-type {z-index:5;display:block;}
.main-hotels-item small:last-of-type {z-index:51;display:none;}
.main-hotels-item:hover > small:first-of-type {display:none;}
.main-hotels-item:hover > small:last-of-type {display:block;}
.main-hotels-item:hover > picture {opacity:1;z-index:50;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.sharewood {background:#f9f9f9;padding:4rem 0;display:grid;justify-items:center;}
.sharewood a {display:flex;align-items:center;padding:.25rem .5rem;color:#000;border:1px solid #ddd;border-radius:5px;}
.sharewood a:hover {border:1px solid #aaa;box-shadow:1px 2px #aaa;}
.sharewood figure {display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1rem;}
.sharewood figure img {position:relative;width:100%;transition:.4s;aspect-ratio:1/1;}
.sharewood figure img:hover {transform:scale(1.1);}
.sharewood figure img:nth-child(1), .sharewood figure img:nth-child(5), .sharewood figure img:nth-child(6), .sharewood figure img:nth-child(10) {top:-2rem;}
.sharewood figure img:nth-child(3), .sharewood figure img:nth-child(8) {bottom:-2rem;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.wrapper {background:#f1f1f1;padding:2rem 0 4rem 0;display:flex;justify-content:space-evenly;align-items:flex-start;}
.wrapper-nav {}
.wrapper-nav section {display:flex;}
.wrapper-nav ul {min-width:200px;}
.wrapper-nav a {position:relative;font-weight:300;letter-spacing:1px;display:flex;align-items:center;color:#000;margin-top:1rem;}
.wrapper-nav a:before {content:'';position:absolute;left:0;width:0;background:#000;height:1px;transition:.4s;}
.wrapper-nav a:hover:before {width:4px;}
.wrapper-nav a:hover {padding-left:8px;}
.wrapper-socials {}
.wrapper span {position:relative;display:block;font-weight:700;padding-top:.5rem;width:100%;}
.wrapper span:before {content:'';position:absolute;top:0;width:50px;height:1px;background:#000;}
.socials {display:flex;margin:1rem 0;}
.socials a {margin-right:.5rem;}
.apps {display:flex;align-items:center;}
.apps a {margin-right:1rem;}
.apps a img {max-height:42px;}
#giata {width:300px;margin-left:-.5rem;margin-top:1rem;}
#alternative-logo {height:60px;margin-top:1rem;}

/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
footer {background:#000;color:#fff;height:50px;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;}
footer a {color:#fff;margin-left:1rem;border-bottom:1px solid transparent;}
footer a:hover {border-bottom:1px solid #fff;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.breadcrumbs {margin-top: 135px;background:#f7f7f7;padding:.5rem calc(50% - 585px);display:flex;align-items:center;}
.breadcrumbs a {color:#acacac;}
.breadcrumbs a:hover {color:#454545;}
.breadcrumbs a img {}
.breadcrumbs span {margin:0 1rem;}
.breadcrumbs span img {margin-top:3px;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.list {margin: 125px 0 0 0;}
.list-header {padding:2rem 0;text-align:center;}
.list-header span {color:#777;font-size:1.125rem;}
.list-header strong {font-size:3rem;color:var(--brand);margin:2rem 0;}
.list-header p {max-width:60%;margin:auto;}
.list-heads {padding:1rem 0;display:flex;justify-content:center;align-items:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.list-heads a {font-family:'EB Garamond', serif;margin:0 1rem;font-size:1.25rem;color:#777;}
.list-heads a:hover {color:#000;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.list-items {}
.list-items-category {}
.list-items-category > strong {font-family:'EB Garamond', serif;margin:2rem 0;font-size:3rem;color:#adadad;text-align:center;}
.list-item {display:flex;align-items:center;margin:4rem 0;}
.list-item:nth-child(odd) {flex-direction:row-reverse;}
.list-item figure {flex-basis:65%;}
.list-item figure img {width:100%;max-height:65%;}
.list-item article {position:absolute;width:45%;right:0;padding:3rem;background:rgba(255,255,255,.8);display:flex;flex-direction:column;align-items:flex-end;text-align:right;}
.list-item:nth-child(odd) article {right:unset;left:0;align-items:flex-start;text-align:left;}
.list-item strong {font-size:2rem;color:var(--brand);}
.list-item p {margin:1rem 0;color:#777;width:80%;}
.list-item p:empty {display:none;}
.list-item small {display:flex;align-items:center;color:#262626;font-size:1rem;}
.list-item small img {margin-left:1rem;transition:.4s;}
.list-item:hover small img {margin-left:.5rem;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.detail {}
.detail-head {padding:2rem 0;text-align:center;}
.detail-head strong {font-size:3rem;color:var(--brand);margin:2rem 0;}
.detail-head p {max-width:60%;margin:auto;}
.detail-banner {}
.detail-banner img {width:100vw;height:85vh;object-fit:cover;object-position:center;}
.detail-text {margin:2rem auto;}
/* bu bölüm, strong'lar b'ye dönüştükten sonra silinecek */
.detail-text strong {font-size:1rem;margin-bottom:1rem;font-weight:500;font-family: 'Inter', sans-serif;}

.detail-text b {display:block;font-size:1rem;margin-bottom:1rem;font-weight:500;font-family: 'Inter', sans-serif;}
.detail-text p {width:80%;color:#5c5c5c;margin-bottom:1rem;}
.detail-text ul {margin-left:1rem;}
.detail-text li {list-style:circle;width:80%;color:#5c5c5c;margin-bottom:.5rem;}
.detail-text table{text-align:center;margin-top:2rem;border:1px solid #ddd;border-collapse: collapse;}
.detail-text table tr {border-bottom:1px solid #ddd;}
.detail-text table tr:nth-child(1) {font-weight:bold;background:#f9f9f9;}
.detail-text table td {padding:.2rem;}

.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;}
.hotel-room-specs li {display:flex;align-items:center;color:#131313;font-weight:300;}
.hotel-room-specs img {margin-right:.5rem;height:32px;}
.detail-gallery {position:relative;margin:4rem auto;overflow:hidden;}
.detail-gallery strong {color:#ADADAD;font-size:2rem;text-align:center;margin-bottom:1rem;}
.detail-swiper {position:relative;height:100%;width:100%;}
.detail-swiper img {width:100%;}
.detail-gallery-head {position:absolute;z-index:5;bottom:0;padding:.6rem 0;font-family: 'Cormorant', serif;display:none;}
.detail-info {margin-top:6rem;}
.detail-info strong {position:relative;color:#ADADAD;font-size:2rem;text-align:center;margin-bottom:3rem;}
.detail-info strong:after {content:'';position:absolute;bottom:-1rem;left:0;right:0;margin:auto;width:150px;height:1px;background:var(--brand);}
.detail-info figure {padding:2rem 0;background:#f9f9f9;display:flex;justify-content:center;}
.detail-info figure a {margin:0 1rem;text-align:center;color:var(--brand);display:flex;flex-direction:column;justify-content:center;align-items:center;}
.detail-info figure img {margin-bottom:1rem;max-height:128px;}
.detail-info figure a:hover {color:#000;}


@media only screen and (max-width:768px){
    body::-webkit-scrollbar {display:none;}
    body {-ms-overflow-style: none;scrollbar-width: none;}
    header {padding:0 1rem;}
    .header-left {display:none;}
    #logo { min-width:35%; height:60%; }
    #logo img {height:100%;}
    .scrolled-header #logo img {height:100%;}
    .header-buttons {position:relative;left:1rem;right:5rem;justify-content: center;}
    .menu-button {position:absolute;z-index:99;right:1rem;}
    .call-center-button {padding:.5rem;margin:0 .5rem;}
    .call-center-button span {display:none;}
    .call-center-button img {margin:0;}
    .reservation-button {display:none;}
    .lang {position:absolute;z-index:89;right:1rem;height: 35px;padding: 5px;margin: 0 3rem 0 .5rem;}
    .lang:after {content: unset;}
    .lang span{line-height: unset; height: 35px;}
    .main-swiper {height: 41vh;}
    .main-swiper img{height:40vh;}
    .swiper-button-next {top: unset;}
    .swiper-button-prev {top: unset;}
    .footer-nav { position:fixed; z-index:100; bottom:0; left:0; right:0; height:3.6rem; background: rgba(0,0,0,.25); backdrop-filter:blur(5px); border-top:1px solid #000; }
    .footer-nav-stab { display:flex; justify-content:space-between;align-items:center;width:100%; height:100%; padding:.6rem 1rem; }
    .footer-nav-but { display:flex; justify-content:center; align-items:center; height:90%; width:48%; border:1px solid #000; background:rgb(38, 35, 35); color:#fff; font-size:95%; cursor:pointer; }
    .footer-nav-menus { position:fixed; z-index:99; left:0; right:0; bottom:-200%; transition:.5s; background: rgba(0,0,0,.70); backdrop-filter:blur(5px); border-top:1px solid #000; }
    .reservation-menu { }
    .call-menu { }
    .footer-nav-menu-selected { bottom:3.6rem !important; }
    .footer-nav-menus a { display:flex; align-items:center; width:100%; height:3.6rem; border-bottom:1px solid #000; padding:0 1rem; font-weight:600; color:#fff; }
    .footer-nav-menus a img { display:inline-block; width:auto; height:60%; margin:0 1rem 0 0; }

    #popup-content a{width:70%;height: auto;}
    .pop-up-mobil{display:block;max-height: 80vh;max-width: 100%;}

    .menu {overflow-y:scroll;}
    .menu:before {position:fixed;}
    .menu-background {position:fixed;}
    .nav-item {display:block;margin-bottom:1rem;}
    .nav-item span {width:100%;border:none;padding:0;color:#fff;font-size:1.25rem;}
    .nav-item ul {width:unset;position:unset;opacity:1;padding:1rem 2rem;pointer-events:unset;}
    .nav-item li {list-style:circle;color:#fff;}
    .nav-item li a {font-size:1rem;padding:.5rem 0;}
    .back-to-page {position:relative;bottom:0;left:0;font-size:1rem;margin:1rem;}

    .slide-item {flex-direction:column;}

    .main-design-your-stay strong {font-size:1.5rem;}
    .main-design-your-stay em {font-size:2rem;}
    .main-design-your-stay p {display:none;}

    .main-gastronomy {overflow:hidden;}
    .main-gastronomy-swiper {padding:1rem;}

    .grid-line-6 {display:flex;flex-direction:column;padding:1rem;}

    .main-hotels {}
    .main-hotels p {max-width:80%;}

    .main-hotels-list {display:block;height:unset;}
    .main-hotels-item {height:unset;}

    .main-hotels-item {width:100%;height:300px;}
    .main-hotels-item img {width:100%;height:100%;}

    .picture-lines {display:none;}

    .main-hotels-item small {top:-1.5rem;left:.5rem;}
    .main-hotels-item:hover > picture {opacity:0 !important;}

    .main-waterworld {}

    .sharewood {padding:4rem 1rem;}
    .sharewood p {max-width:80%;}
    .sharewood figure {grid-template-columns:repeat(2,1fr);grid-gap:1px;}
    .sharewood figure img {top:unset !important;bottom:unset !important;}

    .wrapper {flex-direction:column;padding:2rem;}
    .wrapper-nav {margin-bottom:2rem;}
    .wrapper-nav ul {min-width:115px;}

    .social-responsibility { display: block;margin: 110px 0;padding: 1rem !important;font-size: 90%;}
    .social-responsibility h1 { margin: 11px 0;}

    footer {height:unset;flex-direction:column;font-size:12px;text-align:center;padding:2rem;}
    footer a {margin:0;margin-top:1rem;}
    /* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
    .breadcrumbs {padding:1rem;}

    .list-header strong {font-size:2rem;margin:1rem 0;}
    .list-header p {max-width:90%;}

    .list-heads {flex-direction:column;}
    .list-heads a {margin:1rem 0;}

    .list-item {display:block;margin:0;margin-bottom:4rem;}
    .list-item article {position:unset;width:unset;margin:2rem;border:1px solid #ddd;margin-top:0;border-top:0;padding:1rem;}
    .list-item p {width:unset;}

    .detail-head strong {margin:0;margin-bottom:2rem;}
    .detail-head p {max-width:90%;}

    .detail-info figure {display:block;}
    .detail-info figure a {flex-direction:row;justify-content:flex-start;margin:.5rem;padding:.5rem;border:1px solid var(--brand);}
    .detail-info figure a img {margin:0;margin-right:1rem;height:65px;}

}