html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr,  th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; list-style-type: none; box-sizing: border-box;}
@font-face {
    font-family: fthsc;
    src: url(/fonts/fthsc.eot?3g7yy4);
    font-display: block;
    src: url(/fonts/fthsc.eot?3g7yy4#iefix) format('embedded-opentype'), url(/fonts/fthsc.woff?3g7yy4) format('woff'), url(/fonts/fthsc.svg?3g7yy4#fthsc) format('svg');
    font-weight: 400;
    font-style: normal
}
[class*=" fthsc-"], [class^=fthsc-] {font-family: fthsc !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
.fthsc-alarm:before {content: "\e900"} .fthsc-arama:before {content: "\e901"} .fthsc-asagi:before {content: "\e902"} .fthsc-asagi-bold:before {content: "\e903"} .fthsc-at:before {content: "\e904"} .fthsc-ayarlar:before {content: "\e905"} .fthsc-behance:before {content: "\e906"} .fthsc-detay:before {content: "\e907"} .fthsc-detay-yatay:before {content: "\e908"} .fthsc-doc:before {content: "\e909"} .fthsc-ekle:before {content: "\e90a"} .fthsc-ekle-bold:before {content: "\e90b"} .fthsc-eposta:before {content: "\e90c"} .fthsc-eposta-bold:before {content: "\e90d"}.fthsc-ev:before {content: "\e90e"} .fthsc-facebook:before {content: "\e90f"} .fthsc-fax:before {content: "\e910"} .fthsc-gizle:before {content: "\e911"} .fthsc-goster:before {content: "\e912"} .fthsc-harici-link:before {content: "\e913"} .fthsc-harici-link-bold:before {content: "\e914"} .fthsc-hata:before {content: "\e915"} .fthsc-indir:before {content: "\e916"} .fthsc-instagram:before {content: "\e917"} .fthsc-jpg:before {content: "\e918"} .fthsc-kalem:before {content: "\e919"} .fthsc-kalp:before {content: "\e91a"} .fthsc-kamera:before {content: "\e91b"} .fthsc-kapat:before {content: "\e91c"} .fthsc-kapat-bold:before {content: "\e91d"}.fthsc-konum:before {content: "\e91e"} .fthsc-link:before {content: "\e91f"} .fthsc-linkedin:before {content: "\e920"} .fthsc-lokasyon:before {content: "\e921"} .fthsc-menu:before {content: "\e922"} .fthsc-aside-menu:before {content: "\e922"} .fthsc-messenger:before {content: "\e923"} .fthsc-mobil:before {content: "\e924"} .fthsc-mobil-bold:before {content: "\e925"} .fthsc-onay-bold:before {content: "\e926"} .fthsc-pdf:before {content: "\e927"} .fthsc-pinterest:before {content: "\e928"} .fthsc-play:before {content: "\e929"} .fthsc-ppt:before {content: "\e92a"} .fthsc-rar:before {content: "\e92b"} .fthsc-saat:before {content: "\e92c"} .fthsc-sag:before {content: "\e92d"} .fthsc-skype:before {content: "\e92e"} .fthsc-sol:before {content: "\e92f"} .fthsc-takvim:before {content: "\e930"} .fthsc-telefon:before {content: "\e931"} .fthsc-telefon-bold:before {content: "\e932"} .fthsc-tiff:before {content: "\e933"} .fthsc-twitter:before {content: "\e934"} .fthsc-whatsapp:before {content: "\e935"} .fthsc-xls:before {content: "\e936"} .fthsc-xml:before {content: "\e937"} .fthsc-yildiz:before {content: "\e938"} .fthsc-yon:before {content: "\e939"} .fthsc-youtube:before {content: "\e93a"} .fthsc-yukari:before {content: "\e93b"} .fthsc-yukle:before {content: "\e93c"} .fthsc-yukleme:before {content: "\e93d"} .fthsc-zip:before {content: "\e93e"}
* {box-sizing: border-box !important;}

.mobilmenu, .fthsc-menu {display: none;}
html,body {width: 100%; height: 100%; margin: 0; padding: 0;}


/* 
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: rgb(79, 79, 79);
}

::-webkit-scrollbar-thumb {
    background-color: rgb(185, 185, 185);
    border-radius: 10px;
    border: 1px solid rgb(79, 79, 79);
} */

* {box-sizing: border-box; scroll-behavior: smooth; outline-offset: 2px; transition: all ease .3s;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.tac {text-align: center !important;}

.inset {
    width: 1440px;
    margin: auto;
    position: relative;
    z-index: auto;
}

ul, ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.multiply {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0, 0.3);
}

.multiply2 {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0, 0.5);
}

.gradient-overlay {
    background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73));
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.subLightbox {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 20;
}

.subLightbox img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 10px;
}

.subLightbox-close {
    position: absolute;
    top: 20px; right: 30px;
    font-size: 30px;
    color: white;
    cursor: pointer;
}

/* ASIDE MENU */

.overlay-panel {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 10000;
    display: none;
    cursor: pointer;
}

.display-full {
    display: block !important;
    backdrop-filter: blur(5px);
    /* overflow-y: scroll; */
}

.fthsc-aside-menu {
    border: none;
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    text-align: center;
    color: #ffffff;
    position: relative;
    cursor: pointer;
    display: flex;
    font-size: 26px;
    background: none;
}

.fthsc-aside-menu>span {
    font-family: "Barlow", serif !important;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    margin-left: 15px;
}

.aside-info {
    border-top: 1px solid #be9b65;
    padding-top: 45px;
    padding-bottom: 45px;
}

.aside-menu {
    display: flex;
    position: fixed;
    width: 35%;
    height: 100%;
    overflow-x: auto;
    z-index: 10002;
    background: #ece2d2;
    left: -100%;
    transition: all ease 0.5s;
    top: 0;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}

.aside-menu--menu>ul {
    width: 60%;
    height: auto;
    position: relative;
    margin-left: 30%;
    margin-right: 10%;
    left: 0;
}

.aside-menu--menu>ul>li {
    width: 100%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    position: relative;
}

.aside-menu--menu>ul>li:hover {
    padding: 0 30px;
    cursor: pointer;
}

.aside-menu--menu>ul>li a::after {
    font-family: fthsc !important;
    content: "\e92d";
    font-weight: 200;
    position: absolute;
    right: 20px;
    opacity: 0;

}

.aside-menu--menu>ul>li:hover a::after {
    font-family: fthsc !important;
    content: "\e92d";
    font-weight: 200;
    position: absolute;
    right: 20px;
    opacity: 1;

}

.aside-menu--menu>ul>li:Hover {
    background: #e4d7c4;
}

.aside-menu--menu>ul>li>a {
    font-family: 'Barlow', serif;
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    text-decoration: none;
}

.aside-menu--menu i {
    font-size: 20px;
    line-height: 60px;
    float: left;
    margin-right: 10px;
}

.aside-menu--menu>ul>li>ul {
    position: fixed;
    left: -100%;
    background: #333029;
    top: 0px;
    z-index: 3;
    height: 100%;
    transition: all ease 0.2s;
    width: 100%;
    overflow-x: auto;
}

.aside-menu--menu>ul>li>ul>li {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, 1);
    position: relative;
}

.aside-menu--menu>ul>li>ul>li:hover {
    background: rgba(0, 0, 0, 0.2);
}

.aside-menu--menu>ul>li>ul>li>a {
    display: block;
    line-height: 60px;
    color: #fff;
    font-weight: 200;
    font-size: 20px;
    padding-left: 20px;
    text-decoration: none;
}

.aside-menu--menu>ul>li>ul>li>ul {
    position: fixed;
    left: -100%;
    background: #333029;
    top: 0px;
    z-index: 4;
    height: 100%;
    transition: all ease 0.2s;
    width: 100%;
}

.aside-menu--menu>ul>li>ul>li>ul>li {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}

.aside-menu--menu>ul>li>ul>li>ul>li>a {
    display: block;
    line-height: 60px;
    color: #fff;
    font-weight: 200;
    font-size: 20px;
    padding-left: 20px;
    text-decoration: none;
}

.aside-menu--menu address {
    display: flex;
    align-items: center;
    line-height: 16px;
    color: #ffffff;
    font-size: 20px;
    padding-left: 20px;
}

.aside-menu .menu-kontrol {
    position: Absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 60px;
    z-index: 2;
}

.aside-menu .fthsc-aside-kapat {
    border: none;
    width: 40px;
    height: 40px;
    margin-left: 30%;
    margin-top: 5%;
    background: none;
    border: none;
    cursor: pointer;
}

.aside-menu .menu-kontrol:after {
    font-family: fthsc;
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
    width: 60px;
    height: 60px;
    position: Absolute;
    right: 0;
    top: -20px;
    content: "\e92d";
    color: #fff;
    line-height: 100px;
    text-align: center;
}

.aside-menu .menu-down:after {
    transform: rotate(180deg) !important;
}

.aside-menu-position {
    left: 0 !important;
    transition: all ease 0.5s;
}

.aside-menu--menu i {
    float: left;
    width: 25px;
    height: 60px;
    line-height: 60px;
    display: block;
}

/* ASIDE MENU */

/* HEADER */

header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 215px;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #ffffff47;
}

header>hr {
    width: 100%;
    height: 1px;
    border: 1px solid #ffffff47;
    margin: 0;
    padding: 0;
}

header>div.inset {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

header>div.sub-header {
    height: 55px;
    padding: 0;
    margin: 0 auto;
}

header>div.inset>figure.logo {
    width: 295px;
    height: 70px;
    background-image: url(../assets/logo/logo-white.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 20;
    cursor: pointer;
}

header>div.inset>nav {
    width: 100%;
    height: 55px;
}

header>div.inset>nav>ul {
    width: 100%;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

header>div.inset>nav>ul>li {
    position: relative;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}

header>div.inset>nav>ul>li:last-child {
    background-color: #be9b65;
}

header>div.inset>nav>ul>li:last-child:hover {
    background-color: #be9a6595;
    color: #ffffff !important;
}

header>div.inset>nav>ul>li:hover>a {
    color: #be9b65;
}

header>div.inset>nav>ul>li:last-child:hover>a {
    color: #ffffff !important;
}

header>div.inset>nav>ul>li>a {
    font-family: "Barlow", serif;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    transition: all ease .5s;
    text-decoration: none;
}

div.head-info {
    width: 80px;
    height: 35px;
}

div.head-info>a>img,
div.head-info>.language-selector>a>img {
    width: 25px;
    height: 25px;
    opacity: 1;
}

div.head-info>a:hover>img,
div.head-info>.language-selector>a:hover>img {
    opacity: .5;
}

.language-selector {
    position: relative;
    display: inline-block;
    z-index: 99;
}

.dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #ddd;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 120px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    border-radius: 10px;
}

.dropdown li {
    border-bottom: 1px solid #eee;
}

.dropdown li:last-child {
    border-bottom: none;
}

.dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    font-family: 'Barlow', serif;
    font-size: 12px;
    color: #333;
}

.dropdown li a:hover {
    background-color: #f5f5f5;
}

.hidden {
    display: none;
}


/* HEADER */

/* SLIDER */

.slider {
    position: relative;
    width: 100%;
    height: calc(100vh - 65px);
    z-index: 0;
}

.slider>video {
    min-width: 100%;
    max-height: auto;
    height: calc(100vh - 65px);
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.slider>div.inset {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding-top: 10%;
    position: relative;
    z-index: 1;
}

.slider>div.inset>.dsk {
    display: block;
}

.slider>div.inset>.mbl {
    display: none;
}

figure.stars {
    width: fit-content;
    height: auto;
    margin: 0 auto;
}

figure.stars>img {
    width: 20px;
    height: 20px;
}

.slider>div.inset>h1 {
    font-family: 'Barlow', serif;
    font-size: 30px;
    line-height: 60px;
    color: #ffffff;
    font-weight: 500;
}

.slider>div.inset>h2 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 50px;
    line-height: 100px;
    color: #ffffff;
}

.slider>div.inset>button {
    font-family: 'Barlow', serif;
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    background-color: #be9b65;
    border: 1px solid #be9b65;
    border: none;
    padding: 15px 50px;
    margin-top: 15px;
}

.slider>div.inset>button:hover {
    color: #be9b65;
    border: 1px solid #be9b65;
    background-color: transparent;
    cursor: pointer;
}

/* SLIDER */

/* MAIN RESERVATION */

section.main-reservation {
    width: 100%;
    height: 130px;
    position: relative;
}

section.main-reservation>div.inset {
    background-color: #292826;
    height: 130px;
    position: absolute;
    left: 0;
    right: 0;
    top: -50%;
}

section.main-reservation>div.inset>form>ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    
}

section.main-reservation>div.inset>form>ul>li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    height: 130px;
    padding: 0 40px;
    position: relative;
}

section.main-reservation>div.inset>form>ul>li::after {
    content: "";
    width: 1px;
    height: 60%;
    position: absolute;
    right: -10%;
    background-color: #dacab2;
    opacity: .5;
}

section.main-reservation>div.inset>form>ul>li:nth-last-child(-n + 2)::after {
    display: none;
}

section.main-reservation>div.inset>form>ul>li:last-child {
    padding: 0;
}

section.main-reservation>div.inset>form>ul>li>label {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 300;
    color: #dacab2;
    margin-right: 10px;
}

section.main-reservation>div.inset>form>ul>li>div>input, section.main-reservation>div.inset>form>ul>li>div>select {
    width: 70%;
    height: 30px;
    background-color: #292826;
    border: 1px solid #dacab2;
    color: #dacab2;

}

section.main-reservation>div.inset>form>ul>li>button {
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 600;
    background-color: #be9b65;
    color: #292826;
    padding: 0 30px;
    border: none;
}

section.main-reservation>div.inset>form>ul>li>img {
    width: 25px;
    height: auto;
}

.main-reservation input {
    width: 100px;
    position: relative;
    background-color: #292826;
    border: none;
    font-size: 14px;
    color: #dacab2;
    left: inherit;
    top: inherit;
    outline: none;
}

.main-reservation .custom-select {
    position: initial;
    display: inline-block;
    height: 30px;
    font-family: 'Barlow', serif;
}

.main-reservation .select-box {
    width: 100px;
    height: 30px;
    background-color: #292826;
    color: #dacab2;
    white-space: nowrap;
    line-height: 30px;
    cursor: pointer;
    text-align: left;
    font-size: 14px
}

.main-reservation .options-container {
    display: none;
    position: absolute;
    width: 200px;
    background-color: #292826;
    z-index: 999;
    left: 12px;
    max-height: 195px;
    overflow-y: scroll;
}

.main-reservation .option {
    width: 200px;
    padding: 10px;
    cursor: pointer;
    color: #dacab2;
    text-align: left;
}

.main-reservation .option:hover {
    background-color: #444;
}

.main-reservation .custom-select.open .options-container {
    display: block;
}

.main-reservation .custom-select.open.up .options-container {
    bottom: 100%;
    top: auto;
}

.main-reservation .custom-select.open.down .options-container {
    top: 100%;
    bottom: auto;
}


.main-reservation input::placeholder {
    color: #dacab2 !important;
}

/* MAIN RESERVATION */

/* MAIN ABOUTUS */

section.main-aboutus {
    width: 100%;
    height: auto;
}

section.main-aboutus>div.inset {
    text-align: center;
}

section.main-aboutus>div.inset>h1 {
    font-family: 'Barlow', serif;
    font-size: 22px;
    font-weight: 500;
    color: #292826;
    text-align: center;
    line-height: 50px;
}

section.main-aboutus>div.inset>h2 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 46px;
    color: #292826;
    text-align: center;
    line-height: 70px;
}

section.main-aboutus>div.inset>p {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    color: #706d67;
    text-align: center;
    line-height: 30px;
    margin-top: 30px;
}

section.main-aboutus>div.inset>button {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    color: #be9b65;
    margin-top: 40px;
    background-color: #ffffff;
    border: 1px solid #be9b65;
    padding: 15px 50px;
}

section.main-aboutus>div.inset>button:hover {
    color: #ffffff;
    background-color: #be9b65;
    border: 1px solid #ffffff;
    cursor: pointer;
}

/* MAIN ABOUTUS */

/* MAIN SERVICES */

section.main-services {
    width: 100%;
    height: auto;
}

section.main-services>div.inset {
    padding: 100px 0;
}

section.main-services>div.inset>h1 {
    width: fit-content;
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 32px;
    color: #292826;
    margin: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #dccaad;
}

section.main-services>div.inset>p {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    color: #706d67;
    margin: 30px 0 50px 0;
    text-align: center;
}

section.main-services>div.inset>div.owl-carousel div.item {
    border: 1px solid #be9b64;
    padding: 45px 35px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 250px;
    margin: 0 10px;
}

section.main-services>div.inset>div.owl-carousel img {
    width: auto;
    height: 50px;
}

section.main-services>div.inset>div.owl-carousel h3 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 24px;
    color: #292826;
    margin-top: 20px;
}

section.main-services>div.inset>div.owl-carousel p {
    font-family: "Barlow", serif;
    font-weight: 300;
    font-size: 16px;
    color: #706d67;
    margin-top: 20px;
}

section.main-services>div.inset>div.owl-carousel .owl-dots {
    width: 100%;
    height: 28px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

section.main-services>div.inset>div.owl-carousel .owl-dots button {
    width: 24px;
    height: 24px;
    padding: 0px;
    border: 2px solid #be9b64;
    background-color: #ffffff;
    margin: 5px;
    box-sizing: border-box;
    border-radius: 12px;
}

section.main-services>div.inset>div.owl-carousel .owl-dots button.active {
    width: 24px;
    height: 24px;
    padding: 2px;
    border: none;
    background-color: #be9b64;
}

/* MAIN SERVICES */

/* MAIN AREAS */

section.main-areas {
    width: 100%;
    height: auto;
}

section.main-areas>div.inset h3 {
    color: #292826;
}

section.main-areas>div.inset>ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

section.main-areas>div.inset>ul>li {
    position: relative;
}

section.main-areas>div.inset>ul>li:first-child {
    width: 980px;
}

section.main-areas>div.inset>ul>li:nth-child(-n + 2) {
    height: 500px;
}

section.main-areas>div.inset>ul>li:nth-last-child(-n + 3) {
    height: 580px;
}

section.main-areas>div.inset>ul>li:nth-child(3) {
    width: 520px;
}

section.main-areas>div.inset>ul>li:nth-child(2),
section.main-areas>div.inset>ul>li:nth-child(4),
section.main-areas>div.inset>ul>li:nth-child(5) {
    width: 460px;
}

section.main-areas>div.inset>ul>li:nth-child(2),
section.main-areas>div.inset>ul>li:nth-child(3) {
    background-color: #dacab2;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    padding: 80px;
}

section.main-areas>div.inset>ul>li:last-child {
    padding: 50px;
}

section.main-areas>div.inset>ul>li:last-child>h2 {
    width: 100%;
    text-align: center;
    margin-top: 55px;
    color: #dacab2;
}

section.main-areas>div.inset>ul>li:last-child>p {
    width: 100%;
    text-align: center;
    color: #dacab2;
}

section.main-areas>div.inset>ul>li:last-child>a {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    left: 50px;
    color: #dacab2;
}

section.main-areas>div.inset>ul>li:last-child>a::after {
    color: #dacab2;
}

section.main-areas>div.inset>ul>li:last-child>figure {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
}

section.main-areas>div.inset>ul>li>h2 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 40px;
    color: #292826;
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
}

section.main-areas>div.inset>ul>li>p {
    font-family: "Barlow", serif;
    font-weight: 300;
    font-size: 16px;
    color: #292826;
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
}

section.main-areas>div.inset>ul>li>a {
    font-family: "Barlow", serif;
    font-weight: 700;
    font-size: 16px;
    color: #292826;
    text-decoration: none;
    position: relative;
    z-index: 2;
}

section.main-areas>div.inset>ul>li>a::after {
    content: "\e92d";
    position: absolute;
    z-index: 2;
    font-family: fthsc;
    color: #292826;
    font-size: 12px;
    right: -20px;
    top: 5px;
    transition: all ease .3s;
}

section.main-areas>div.inset>ul>li>a:hover::after {
    right: -30px;
    transition: all ease .3s;
}

/* MAIN AREAS */

/* MAIN ROOMS */

section.main-rooms {
    width: 100%;
    height: auto;
    background-color: #f3efe9;
    margin-top: 100px;
}

section.main-rooms>div.inset {
    padding: 100px 0;
}

section.main-rooms>div.inset>h1 {
    width: fit-content;
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 32px;
    color: #292826;
    margin: auto;
    padding-bottom: 10px;
}

section.main-rooms>div.inset>p {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    color: #706d67;
    margin: 20px 0 50px 0;
    text-align: center;
}


section.main-rooms>div.inset>ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
}

section.main-rooms>div.inset>ul>li {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 10px;
    width: 460px;
    height: 610px;
}

/*section.main-rooms>div.inset>ul>li:nth-child(1) {
    background-image: url(../assets/rooms/id/standart.jpg);
    margin: 0 30px 30px 0;
}

section.main-rooms>div.inset>ul>li:nth-child(2) {
    background-image: url(../assets/rooms/id/garden.jpg);
    margin: 0 30px 30px 0;
}

section.main-rooms>div.inset>ul>li:nth-child(3) {
    background-image: url(../assets/rooms/id/family.jpg);
    margin: 0 0 30px 0;
}

section.main-rooms>div.inset>ul>li:nth-child(4) {
    background-image: url(../assets/rooms/id/suite.jpg);
    margin: 0 30px 30px 0;
}

section.main-rooms>div.inset>ul>li:nth-child(5) {
    background-image: url(../assets/rooms/id/superrior.jpg);
}*/


section.main-rooms>div.inset>ul>li:nth-child(-n + 4) {
    width: 460px;
    height: 610px;
}

/*section.main-rooms>div.inset>ul>li:nth-last-child(-n + 2) {
    width: 705px;
    height: 440px;
}

section.main-rooms>div.inset>ul>li:nth-last-child(-n + 2) {
    width: 705px;
    height: 440px;
}*/

section.main-rooms>div.inset>ul>li>div {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 0;
}

a.absolute-url {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

section.main-rooms>div.inset>ul>li>div:hover {
    cursor: pointer;
}

section.main-rooms>div.inset>ul>li>div>button {
    position: absolute;
    right: 10px;
    top: 90px;
    rotate: -90deg;
    background-color: transparent;
    border: 1px solid #ffffff;
    padding: 15px;
    font-family: 'Barlow', serif;
    font-size: 16px;
    color: #ffffff;
    opacity: 1;
}

section.main-rooms>div.inset>ul>li>div:hover>button {
    opacity: 0;
}

section.main-rooms>div.inset>ul>li>div>div {
    width: 100%;
    height: 305px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(0, 0, 0);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
    background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    transition-delay: .5s;
}

section.main-rooms>div.inset>ul>li>div:hover>div {
    background: rgb(0, 0, 0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    transition-delay: .5s;
}

section.main-rooms>div.inset>ul>li>div>div>h3 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 32px;
    color: #ffffff;
    position: absolute;
    left: 30px;
    bottom: 65px;
}

section.main-rooms>div.inset>ul>li>div:hover>div>h3 {
    bottom: 115px;
}

section.main-rooms>div.inset>ul>li>div>div>h3::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 1px;
    background-color: #ffffff;
    bottom: -5px;
    left: 0;
    transition: all ease .5s;
}

section.main-rooms>div.inset>ul>li>div:hover>div>h3::after {
    transition: all ease .5s;
    width: 100%;
}

section.main-rooms>div.inset>ul>li>div>div>figure {
    position: absolute;
    left: 30px;
    bottom: 10px;
    opacity: 0;
}

section.main-rooms>div.inset>ul>li>div:hover>div>figure {
    bottom: 55px;
    opacity: 1;
}

section.main-rooms>div.inset>ul>li>div>div>figure>img {
    width: auto;
    height: 30px;
    margin-right: 15px;
}

section.main-rooms>div.inset>ul>li>div>div>a {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;
    position: absolute;
    right: 40px;
    bottom: 0px;
    opacity: 0;
}

section.main-rooms>div.inset>ul>li>div:hover>div>a {
    bottom: 62px;
    opacity: 1;
}

section.main-rooms>div.inset>ul>li>div>div>a::after {
    content: "\e92d";
    position: absolute;
    z-index: 2;
    font-family: fthsc;
    color: #ffffff;
    font-size: 12px;
    right: -20px;
    top: 6px;
    transition: all ease .3s;
}

section.main-rooms>div.inset>ul>li>div>div>a:hover::after {
    right: -30px;
}

/* MAIN ROOMS */

/* MAIN VIDEO */

section.main-video {
    width: 100%;
    height: 600px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    background-image: url(../assets/main-video/bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

section.main-video>div.inset {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
    z-index: 1;
}

section.main-video>div.inset>h1 {
    font-family: 'Barlow', serif;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    margin: 25px 0;
}

section.main-video>div.inset>h2 {
    width: fit-content;
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 50px;
    color: #ffffff;
}

section.main-video>div.inset>a {
    width: 100px;
    height: 100px;
    font-size: 32px;
    color: #be9b65;
    outline: 1px solid #ffffff;
    outline-offset: 5px;
    border-radius: 50px;
    background-color: #ffffff;
    margin-top: 25px;
    transition: all ease .5s;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.main-video>div.inset>a:hover {
    color: #ffffff;
    outline: 1px solid #be9b65;
    background-color: #be9b65;
    transition: all ease .3s;
    cursor: pointer;
}

/* MAIN VIDEO */

/* MAIN OPPORTUNITIES */

section.main-opportunities {
    width: 100%;
    height: auto;
    margin: 100px 0;
    position: relative;
}

section.main-opportunities>div.inset>ul {
    width: 100%;
    height: 480px;
    background-color: #f3efe9;
    display: flex;
    flex-direction: row;
}

section.main-opportunities>div.inset>ul>li {
    width: 50%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 80px;
}

section.main-opportunities>div.inset>ul>li>h2 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 50px;
    color: #292826;
    margin: 10px 0;
}

section.main-opportunities>div.inset>ul>li>h3 {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    color: #292826;
}

section.main-opportunities>div.inset>ul>li>p {
    font-family: 'Barlow', serif;
    font-size: 16px;
    font-weight: 400;
    color: #292826;
    line-height: 28px;
}

section.main-opportunities>div.inset>ul>li>button {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    background-color: #be9b65;
    margin-top: 20px;
    padding: 15px 60px 15px 35px;
    border: 1px solid #be9b65;
    position: relative;
}

section.main-opportunities>div.inset>ul>li>button:hover {
    color: #be9b65;
    background-color: transparent;
    border: 1px solid #be9b65;
    transition: all ease .3s;
    cursor: pointer;
}

section.main-opportunities>div.inset>ul>li>button>i {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    transition: all ease .3s;
    position: absolute;
    right: 30px;
    top: 20px;
}

section.main-opportunities>div.inset>ul>li>button:hover>i {
    color: #be9b65;
    transition: all ease .3s;
    right: 15px;
    top: 20px;
}

section.main-opportunities>div.inset>ul:nth-child(odd)>li:first-child {
    padding: 0;
}

section.main-opportunities>div.inset>ul:nth-child(even)>li:last-child {
    padding: 0;
}

/* MAIN OPPORTUNITIES */

/* MAIN BLOG */

section.main-blog {
    width: 100%;
    height: auto;
    margin: 100px 0 0 0;
    padding: 100px 0;
    position: relative;
    background-color: #f3efe9;
}

section.main-blog>div.inset>h1 {
    width: fit-content;
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 32px;
    color: #292826;
    margin: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #be9b65;
}

section.main-blog>div.inset>p {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    color: #706d67;
    margin: 20px 0 50px 0;
    text-align: center;
}

section.main-blog>div.inset>ul {
    width: 100%;
    height: 700px;
    display: flex;
    flex-direction: row;
}

section.main-blog>div.inset>ul>li {
    width: 460px;
    height: 700px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    opacity: 1;
    transition: all ease .3s;
}

section.main-blog>div.inset>ul>li:hover {
    cursor: pointer;
}

section.main-blog>div.inset>ul>li:nth-child(-n+2) {
    margin-right: 30px;
}

section.main-blog>div.inset>ul>li>figure {
    width: 100%;
    height: 610px;
    position: relative;
    z-index: 0;
}

section.main-blog>div.inset>ul>li>figure>img {
    width: 100%;
    height: 610px;
}

section.main-blog>div.inset>ul>li>article {
    width: 80%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: 2;
    background-color: #292826;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 20px;
}

section.main-blog>div.inset>ul>li:hover>article {
    bottom: -90px;
}

section.main-blog>div.inset>ul>li>article>time {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    color: #be9b65;
}

section.main-blog>div.inset>ul>li>article>h1 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 24px;
    color: #ffffff;
    margin: 20px 0 5px 0;
}

section.main-blog>div.inset>ul>li>article>p {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
}

/* MAIN BLOG */

/* MAIN TESTIMONALS */

section.main-testimonals {
    width: 100%;
    height: auto;
    padding: 100px 0;
    position: relative;
    background-image: url(../assets/main-testimonals/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

section.main-testimonals>div.inset {
    position: relative;
    z-index: 1;
}

section.main-testimonals>div.inset>h1 {
    width: fit-content;
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 32px;
    color: #ffffff;
    margin: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #be9b65;
}

section.main-testimonals>div.inset>div {
    margin-top: 30px;
}

section.main-testimonals>div.inset div.owl-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

section.main-testimonals>div.inset>div.wrap p {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 1px;
    margin: 20px 0 50px 0;
    text-align: center;
}

section.main-testimonals>div.inset>div.wrap ul {
    display: flex;
    flex-direction: row;
    width: fit-content;
    margin: auto;
}

section.main-testimonals>div.inset>div.wrap ul>li:first-child {
    margin-right: 20px;
}

section.main-testimonals>div.inset>div.wrap ul>li:first-child>figure {
    width: 100px;
    height: 100px;
    border: none;
    border-radius: 50%;
    background-color: #be9b65;
    overflow: hidden;
}

section.main-testimonals>div.inset>div.wrap ul>li:last-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

section.main-testimonals>div.inset>div.wrap ul>li:last-child>figure {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

section.main-testimonals>div.inset>div.wrap ul>li:last-child>figure>img {
    width: 30px;
    height: 30px;
}

section.main-testimonals>div.inset>div.wrap ul>li:last-child>h5 {
    font-family: 'Barlow', serif;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    margin-top: 10px;
}

section.main-testimonals>div.inset>div.wrap ul>li:last-child>h6 {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    margin-top: 5px;
}

section.main-testimonals>div.inset>div.owl-testimonals .owl-dots {
    width: 100%;
    height: 28px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

section.main-testimonals>div.inset>div.owl-testimonals .owl-dots button {
    width: 24px;
    height: 24px;
    padding: 0px;
    border: 2px solid #be9b64;
    background-color: transparent;
    margin: 5px;
    box-sizing: border-box;
    border-radius: 12px;
}

section.main-testimonals>div.inset>div.owl-testimonals .owl-dots button.active {
    width: 24px;
    height: 24px;
    padding: 2px;
    border: none;
    background-color: #be9b64;
}

/* MAIN TESTIMONALS */

/* FOOTER */

footer {
    position: relative;
    width: 100%;
    height: auto;
    padding: 75px 0 0 0;
    background-color: #292826;
    clear: both;
}

footer>.inset>figure {
    width: 295px;
    height: auto;
    margin: auto;
}

footer>.inset>figure>img {
    width: 100%;
    height: auto;
}

footer>.inset>form {
    width: 720px;
    height: auto;
    display: block;
    margin: 75px auto;
}

footer>.inset>form>h4 {
    font-family: 'Barlow', serif;
    font-size: 24px;
    color: #dacab2;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
}

footer>.inset>form>p {
    font-family: 'Barlow', serif;
    font-size: 18px;
    color: #dacab2;
    font-weight: 400;
    text-align: center;
}

footer>.inset>form>div {
    position: relative;
    margin: 30px auto;
    width: 590px;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

footer>.inset>form>div>input[type=email] {
    width: 570px;
    height: 65px;
    border: 1px solid #be9b65;
    display: flex;
    padding: 0 20px;
    border-radius: 30px;
    font-family: 'Barlow', serif;
    font-size: 14px;
    color: #dacab2;
    position: relative;
    background-color: #292826;
    outline: none;
}

footer>.inset>form>div>input[type=email]::placeholder {
    font-family: 'Barlow', serif;
    font-size: 14px;
    color: #dacab2;
    font-weight: 400;
    text-align: left;
}

footer>.inset>form>div>button {
    width: 90px;
    height: 90px;
    background-image: url(../assets/footer/add-button.svg);
    background-color: transparent;
    border: none;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: -5px;
    right: 0;
    padding: 0;
    margin: 0;
    opacity: 1;
}
footer>.inset>form>div>button:hover {
    opacity: .5;
    width: 75px;
    height: 75px;
    top: 3px;
    right: 4px;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

footer>.inset>div.footer-top {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

footer>.inset>div.footer-top>ul {
    width: 25%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

footer>.inset>div.footer-top>ul:last-child {
    width: 25%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
}

footer>.inset>div.footer-top>ul>li {
    display: flex;
    flex-direction: column;

}

footer>.inset>div.footer-top>ul.footer-menu {
    width: 70%;
}

footer>.inset>div.footer-top>ul>li>h3, footer>.inset>div.footer-top>ul.footer-menu>li>a {
    font-family: 'Barlow', serif;
    font-size: 20px;
    color: #dacab2;
    font-weight: 600;
    margin-bottom: 30px;
}

footer>.inset>div.footer-top>ul>li>a, footer>.inset>div.footer-top>ul>li>ul>li>a {
    font-family: 'Barlow', serif;
    font-size: 18px;
    color: #dacab2;
    font-weight: 400;
    text-decoration: none;
    line-height: 30px;
}

footer>.inset>div.footer-top>ul>li>address {
    font-family: 'Barlow', serif;
    font-size: 18px;
    color: #dacab2;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    line-height: 30px;
}

footer>.inset>div.footer-top>ul>li>span, footer>.inset>div.footer-top>ul>li>ul>li>span, footer>.inset>div.footer-top>ul>li>ul>li>a {
    font-family: 'Barlow', serif;
    font-size: 18px;
    color: #dacab2;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    line-height: 30px;
}

footer>.inset>div.footer-top>ul li a:hover {
    color: #786548;
}

footer>.inset>div.footer-top>ul>li>ul {
    display: flex;
    flex-direction: column;
    max-width: 300px;
}

footer>.inset>div.footer-top>ul>li>ul>li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

footer>.inset>div.footer-top>ul>li>ul>li:first-child {
    height: 100px;
}

footer>.inset>div.footer-top>ul.footer-menu>li>ul>li:first-child {
    height: initial;
}

footer>.inset>div.footer-top>ul.footer-menu>li>ul>li:last-child {
    border-bottom: none;
}

footer>.inset>div.footer-top>ul>li>ul>li:last-child {
    border-bottom: 1px solid #786548;
}

footer>.inset>div.footer-top>ul>li>ul>li:first-child>a {
    font-size: 28px;
}

footer>.inset>div.footer-top>ul.footer-menu>li>ul>li:first-child>a {
    font-size: 18px;
}

footer>.inset>div.footer-top>ul>li>ul>li>img {
    width: 40px;
    height: 40px;
    margin-right: 30px;
}

footer>.inset>div.footer-top>ul>li:last-child>figure {
    margin-top: 30px;
}

footer>.inset>div.footer-top>ul>li:last-child>figure>a {
    text-decoration: none;
    display: inline-block;
    margin-right: 10px;
}

footer>.inset>div.footer-top>ul>li:last-child>figure>a>i {
    color: #be9b65;
    font-size: 24px;
    opacity: 1;
}

footer>.inset>div.footer-top>ul>li:last-child>figure>a>img {
    width: 24px;
    opacity: 1;
}

footer>.inset>div.footer-top>ul>li:last-child>figure>a:hover>img {
    width: 24px;
    opacity: .5;
}

footer>.inset>div.footer-top>ul>li:last-child>figure>a:hover>i {
    color: #dacab2;
    opacity: .5;
}

footer>div.sub-footer {
    width: 100%;
    height: 95px;
    margin-top: 50px;
    border-top: 1px solid #8c857a;
    border-bottom: 1px solid #8c857a;
}

footer>div.sub-footer>ul {
    display: flex;
    flex-direction: row;
    height: 95px;
    align-items: center;
    justify-content: center;
}

footer>div.sub-footer>ul>li {
    height: 95px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 30px;
}

footer>div.sub-footer>ul>li:nth-child(2) {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-left: 1px solid #8c857a;
    border-right: 1px solid #8c857a;
}

footer>div.sub-footer>ul>li:first-child>figure {
    border-right: 1px solid #8c857a;
    padding-right: 20px;
    display: inline-block;
    height: 38px;
}

footer>div.sub-footer>ul>li:first-child>figure>img {
    height: 38px;
}

footer>div.sub-footer>ul>li:first-child>span {
    color: #e4d7c4;
    font-family: 'Barlow', serif;
    font-size: 12px;
    margin-left: 20px;
    display: inline-block;
    white-space: nowrap;
}

footer>div.sub-footer>ul>li:nth-child(2)>a {
    color: #e4d7c4;
    font-family: 'Barlow', serif;
    font-size: 12px;
    margin-left: 20px;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
}

footer>div.sub-footer>ul>li:nth-child(2)>a:hover {
    color: #786548;
}

footer>div.sub-footer>ul>li:nth-child(2)>a:first-child {
    margin-right: 30px;
}

footer>div.sub-footer>ul>li:nth-child(2)>a>i {
    color: #e4d7c4;
    font-size: 12px;
    margin-left: 20px;
    display: inline-block;
    text-decoration: none;
}

footer>div.sub-footer>ul>li:nth-child(2)>a:hover>i {
    color: #786548;
}

footer>div.sub-footer>ul>li:last-child>figure {
    margin-right: 20px;
    height: 28px;
    position: relative;
}

footer>div.sub-footer>ul>li:last-child>figure>span {
    color: #e4d7c4;
    font-family: 'Barlow', serif;
    font-size: 12px;
    position: absolute;
    top: -20px;
    white-space: nowrap;
}

footer>div.copyright {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    color: #7b7162;
    font-family: 'Barlow', serif;
    font-size: 16px;
}

.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    text-align: center;
    padding: 20px;
    display: none;
    z-index: 1000;
}

.cookie-consent>.inset {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.cookie-consent>.inset>.cookies-text {
    font-size: 14px;
    font-weight: 200;
    color: #ffffff;

}

.cookie-consent>.inset>button#acceptCookies {
    background-color: #6d6d6d;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;

}

.cookie-consent>.inset>button#acceptCookies:hover {
    background-color: #a0a0a0;
}

.cookie-consent>.inset>button#rejectCookies {
    background-color: #6d6d6d;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;

}

.cookie-consent>.inset>button#rejectCookies:hover {
    background-color: #a0a0a0;
}

/* FOOTER */
/* MAIN PAGE */

/* CONTENT PAGES */
/* STATIC CONTENT */
section.corporate-content, section.content {
    width: 100%;
    height: auto;
    position: relative;
}

section.corporate-content strong {
    font-weight: 600;
}

section.corporate-content>figure, section.content>figure {
    width: 100%;
    height: 800px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

section.corporate-content>figure>h1, section.content>figure>h1 {
    font-family: 'Barlow', serif;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    line-height: 42px;
    position: relative;
    z-index: 1;
    margin-top: 170px;
}

section.corporate-content>figure>h2, section.content>figure>h2 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 56px;
    color: #ffffff;
    margin-top: 10px;
    position: relative;
    z-index: 1;
}

section.corporate-content>.inset {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 100px auto;
}

section.corporate-content>.inset>h2 {
    font-family: 'Barlow', serif;
    font-size: 30px;
    font-weight: 200;
    color: #292826;
    line-height: 42px;
}

section.corporate-content>.inset>h1 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 60px;
    color: #292826;
    margin-top: 30px;
}

section.corporate-content>.inset>p {
    font-family: "Barlow", serif;
    font-weight: 400;
    font-size: 18px;
    color: #706d67;
    margin-top: 30px;
}

section.corporate-content>.inset>p strong {
    font-family: "Barlow", serif;
    font-weight: 600;
    font-size: 24px;
    color: #292826;
    margin-top: 30px;
}

section.content>figure.neden-kustur-club {
    background-image: url(../assets/content/id/neden-kustur-club.jpg);
}

section.content>.inset>ul:first-child {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    margin: 100px 0;
}

section.content>.inset>ul:first-child>li:first-child {
    width: 750px;
    height: auto;
    padding-right: 65px;
}

section.content>.inset>ul:first-child>li:first-child>figure {
    margin: 0;
}

section.content>.inset>ul:first-child>li:first-child>h2 {
    font-family: 'Barlow', serif;
    font-size: 30px;
    font-weight: 200;
    color: #292826;
    line-height: 42px;
}

section.content>.inset>ul:first-child>li:first-child>h1 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 56px;
    color: #292826;
    margin-top: 30px;
}

section.content>.inset>ul:first-child>li:first-child>p {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 18px;
    color: #706d67;
    margin-top: 30px;
    text-align: justify;
}

section.content>.inset>ul:first-child>li:last-child {
    width: 690px;
    height: auto;
}

section.content>.inset>ul:first-child>li:last-child>figure {
    width: auto;
    height: auto;
    margin: 60px 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

section.content>.inset>ul:first-child>li:last-child>figure>img {
    width: 317px;
    height: 512px;
}

section.content>.inset>ul:first-child>li:last-child>figure>img:last-child {
    margin: 110px 0 0 30px;
}

section.content>.slogan {
    width: 100%;
    height: 440px;
    background-color: #be9b65;
    display: flex;
}

section.content>.slogan>.inset>p {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 56px;
    font-style: italic;
    letter-spacing: .5px;
    color: #ffffff;
    text-align: center;
    position: relative;
}

section.content>.slogan>.inset>p::before {
    content: "\201C";
    font-size: 150px;
    font-style: italic;
    position: absolute;
    top: 25px;
}

section.content>.slogan>.inset>p::after {
    content: "\201E";
    font-size: 150px;
    font-style: italic;
    position: absolute;
    bottom: 35px;
}

section.content>.slogan>.inset>span {
    font-family: "Barlow", serif;
    font-weight: 400;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    position: relative;
    display: block;
    width: 100%;
    margin-top: 30px;
}

section.content>.awards {
    width: 100%;
    height: 900px;
    background-image: url(../assets/content/id/oduller-genel-foto.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
}

section.content>.awards>.container {
    width: 960px;
    height: 470px;
    background-color: #f3efe9;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    top: auto;
    margin: auto;
    padding: 60px;
}

section.content>.awards>.container>h5 {
    font-family: "Barlow", serif;
    font-weight: 400;
    font-size: 18px;
    color: #292826;
    text-align: center;
    margin-bottom: 15px;
}

section.content>.awards>.container>h4 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 36px;
    color: #292826;
    text-align: center;
    width: fit-content;
    position: relative;
    margin: auto;
    border-bottom: 1px solid #be9b65;
}

section.content>.awards>.container>p {
    margin-top: 30px;
    font-family: "Barlow", serif;
    font-weight: 400;
    font-size: 18px;
    color: #706d67;
    text-align: center;
    margin-bottom: 70px;
}

section.content>.awards>.container>figure {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

section.content>.awards>.container>figure>img {
    width: auto;
    height: 150px;
}

section.content>div.services-section {
    padding: 100px 0;
}

section.content>div.services-section>h1 {
    width: fit-content;
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 32px;
    color: #292826;
    margin: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #dccaad;
}

section.content>div.services-section>p {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    color: #706d67;
    margin: 30px 0 50px 0;
    text-align: center;
}

section.content>div.services-section>div.services {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

section.content>div.services-section>div.services>div.service {
    border: 1px solid #be9b64;
    padding: 45px 35px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 450px;
    height: 250px;
    margin: 15px 15px 15px 15px;
}

section.content>div.services-section>div.services>div.service img {
    width: auto;
    height: 50px;
}

section.content>div.services-section>div.services>div.service h3 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 24px;
    color: #292826;
    margin-top: 20px;
}

section.content>div.services-section>div.services>div.service p {
    font-family: "Barlow", serif;
    font-weight: 300;
    font-size: 16px;
    color: #706d67;
    margin-top: 20px;
}

section.content>div.child-friendly {
    width: 100%;
    height: 1600px;
    background-color: #f3efe9;
    padding-top: 100px;
    position: relative;
    z-index: 0;
}

section.content>div.child-friendly>div.inset {
    position: relative;
}

section.content>div.child-friendly>div.inset>figure {
    width: 800px;
    height: 780px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

section.content>div.child-friendly>figure>img {
    width: auto;
    height: 850px;
}

section.content>div.child-friendly>div.inset>h3 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 50px;
    color: #292826;
    position: absolute;
    left: 880px
}

section.content>div.child-friendly>div.inset>h3::after {
    content: "";
    width: 50%;
    height: 1px;
    background-color: #be9b65;
    position: absolute;
    bottom: -20px;
    left: 0;
}

section.content>div.child-friendly>div.inset>h4 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 20px;
    color: #292826;
    font-style: italic;
    position: absolute;
    left: 880px;
    top: 160px;
}

section.content>div.child-friendly>div.inset>article {
    position: absolute;
    left: 880px;
    top: 220px;
}

section.content>div.child-friendly>div.inset>article>p {
    font-family: "Barlow", serif;
    font-weight: 400;
    font-size: 18px;
    color: #706d67;
    line-height: 24px;
    margin-top: 20px;
}

section.content>div.child-friendly>figure {
    width: 100%;
    height: 850px;
    position: absolute;
    bottom: 0;
    background-image: url(../assets/content/id/aile-foto-genel.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

section.content>div.child-friendly>figure>div.inset {
    height: 100%;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
    display: flex;
    flex-direction: column;
}

section.content>div.child-friendly>figure>div.inset>h5 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 36px;
    color: #222a33;
    font-style: italic;
    position: relative;
    line-height: 48px;
    width: 40%;

}

/* STATIC CONTENT */

/* DYNAMIC CONTENT */

section.content nav{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-end;
}

section.content nav ul {
    width: 315px;
    height: 100%;
    display: flex;
    position: relative;
    z-index: 1;
    float: right;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin-right: 40px;
    margin-top: 75px;
}

section.content nav ul > li {
    width: 100%;
    /* height: 50px; */
    height: auto;
    border-bottom: 1px solid #d2b994;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

section.content nav ul > li:first-child, section.content nav ul > li:last-child {
    border-bottom: none;
}

section.content nav ul > li:first-child {
    height: 75px;
    align-items: flex-start;
}

section.content nav ul li h3 {
    font-family: 'Gilda', serif;
    font-size: 30px;
    font-weight: 400;
    color: #ffffff;
    text-decoration: none;
}

section.content nav ul > li a {
    font-family: 'Barlow', serif;
    font-size: 18px;
    color: #ffffff;
    text-decoration: none;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    line-height: 20px;
    transition: all ease .3s;
    padding: 20px 15px 20px 0;
}

section.content nav ul > li a::after {
    position: absolute;
    font-family: fthsc;
    content: "\e92d";
    font-size: 12px;
    right: 0px;
    top: 0;
    line-height: 20px;
    transition: all ease .3s;
    padding: 20px 5px
}

section.content nav ul > li a:hover {
    color: #dfccb1;
    transition: all ease .3s;
}

section.content nav ul > li a:hover::after {
    right: -15px;
    transition: all ease .3s;
}

section.content .inset article.sub-content {
    width: 1047px;
    height: auto;
    position: relative;
    z-index: 1;
    float: right;
    margin: 100px 0;
}

section.content .inset article.sub-content h2 {
    font-family: 'Barlow', serif;
    font-size: 20px;
    font-weight: 400;
    color: #292826;
}

section.content .inset article.sub-content h1 {
    font-family: 'Gilda Display', serif;
    font-size: 30px;
    font-weight: 400;
    color: #292826;
    position: relative;
    width: fit-content;
}

section.content .inset article.sub-content h1::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #d8c3a3;
    bottom: -10px;
    left: 0;
}

section.content .inset article.sub-content figure {
    width: 100%;
    height: auto;
    margin: 67px 0
}

section.content .inset article.sub-content figure img {
    width: 100%;
    height: auto;
}

section.content .inset article.sub-content h2 {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    color: #706d67;
}

section.content .inset article.sub-content .content-container {
    margin-top: 50px;
}
section.content .inset article.sub-content .content-container ul li, section.content .inset article.sub-content .content-container ol li, section.content .inset article.sub-content .content-container table, section.content .inset article.sub-content .content-container p {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: #706d67;
    margin-bottom: 20px;
}

section.content .inset article.sub-content .content-container ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
}

section.content .inset article.sub-content .content-container ul li {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #c8bca9;
}

section.content .inset article.sub-content .content-container ul li figure {
    width: 50px;
    height: 50px;
    display: flex;
    margin: 0;
}

section.content .inset article.sub-content .content-container ul li figure:hover {
    opacity: .5;
}

section.content .inset article.sub-content .content-container p a {
    color: #be9b65;
    text-decoration: none;
}

section.content .inset article.sub-content .content-container p a:hover {
    color: #000000;
    text-decoration: underline;
}

section.content .inset article.sub-content .content-container table {
    width: 100%;
    height: auto;
    border-collapse: collapse;
}

section.content .inset article.sub-content .content-container table td {
    padding: 10px;
    border-bottom: 1px solid #c8bca9;
}

section.content .inset article.sub-content .content-container table td:nth-child(2n) {
    border-left: 1px solid #c8bca9;
    padding-left: 30px;
}

/* DYNAMIC CONTENT */

/* GENERAL INFORMATIONS */

.sub-content .container {
    width: 100%;
    height: auto;
    margin-top: 50px;
}

button.accordion {
    background-color: #f3efe9;
    color: #292826;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    height: 80px;
    border: none;
    text-align: left;
    outline: none;
    font-family: 'Gilda Display', serif;
    font-size: 22px;
    transition: 0.4s;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}
  
button.active, button.accordion:hover {
    background-color: #eedcc0; 
}
  
.panel {
    padding: 0 18px;
    background-color: #f3efe9;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    position: relative;

}

.panel .info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 2px solid #dcd4c7;
    padding-bottom: 30px;
    flex-wrap: wrap;
}  
  
.panel .info li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}
  
.panel .info:last-child {
    border-bottom: 0;
}

.panel .info .file {
    min-width: 50px!important;
    max-width: 50px!important;
    height: 50px!important;
    padding: 0!important;
    margin: 0!important;
}

.panel .info .info-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-left: 20px;
    font-family: 'Barlow', serif;
    font-size: 18px;
    color: #706d67;
    font-weight: 300;
    margin-right: 20px;
}

.panel .info .info-content a, .panel .info .info-content p a {
    color: #be9b65;
    text-decoration: none;
}

.panel .info .info-content a:hover, .panel .info .info-content p a:hover {
    color: #706d67;
    text-decoration: underline;
}


.panel .info .info-content table {
    width: 100%;
    height: auto;
    border-collapse: collapse;
}

.panel .info .info-content table td {
    padding: 10px;
    border-bottom: 1px solid #c8bca9;
}

.panel .info .info-content table td:nth-child(2n) {
    border-left: 1px solid #c8bca9;
    padding-left: 30px;
}

.imgOnly {
    max-width: 245px;
}
  
.panel .info .info-content strong {
    font-weight: 400;
}

.panel .info figure a img {
    height: 50px!important;
}
  
.panel h4 {
    font-size: 24px;
    font-weight: 400;
    font-family: 'Barlow', serif;
    margin: 20px 0;
}

button.accordion:after {
    content: '\02795';
    font-size: 22px;
    color: #c8bca9;
    float: right;
    margin-left: 5px;
}
  
.container button.active:after {
    content: "\2796";
}

/* GENERAL INFORMATIONS */

/* ROOMS */

section.rooms {
    width: 100%;
    height: auto;
    position: relative;
}

section.rooms>figure {
    width: 100%;
    height: 800px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

section.rooms>figure>h1 {
    font-family: 'Barlow', serif;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    line-height: 42px;
    position: relative;
    z-index: 10;
    margin-top: 170px;
}

section.rooms>figure>h2 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 56px;
    color: #ffffff;
    margin-top: 10px;
    position: relative;
    z-index: 10;
}

section.rooms>figure.rooms {
    background-image: url(../assets/rooms/id/main.jpg);
}

section.rooms>.inset {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 100px auto;
}

section.rooms>.inset>figure {
    margin: 0;
}

section.rooms>.inset>h2 {
    font-family: 'Barlow', serif;
    font-size: 30px;
    font-weight: 200;
    color: #292826;
    line-height: 42px;
}

section.rooms>.inset>h1 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 56px;
    color: #292826;
    margin-top: 30px;
}

section.rooms>.inset>p {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #706d67;
    margin-top: 30px;
    text-align: center;
    width: 70%;
}

section.rooms>.inset>ul {
    width: 100%;
    height: auto;
    margin-top: 80px;
    display: flex;

}

section.rooms>.inset>ul>li {
    display: flex;
    align-items: flex-start;
    position: relative;
}

section.rooms>.inset>ul:nth-child(1n)>li:first-child {
    width: 495px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-right: 65px;
}

section.rooms>.inset>ul:nth-child(1n)>li:last-child {
    width: 880px;
    height: 640px;
}

section.rooms>.inset>ul:nth-child(2n) {
    flex-direction: row-reverse;
}

section.rooms>.inset>ul:nth-child(2n)>li:last-child {
    width: 880px;
    height: 640px;
    position: relative;
    align-items: flex-end;
    justify-content: flex-end;
}

section.rooms>.inset>ul:nth-child(2n)>li:first-child {
    width: 495px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-right: 0;
    margin-left: 65px;
}

section.rooms>.inset>ul:nth-child(1n)>li>h6 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 36px;
    color: #292826;
    position: relative;
}

section.rooms>.inset>ul:nth-child(1n)>li>h6::after {
    content: "";
    width: 50%;
    height: 1px;
    background-color: #be9b65;
    position: absolute;
    bottom: -10px;
    left: 0;
}

section.rooms>.inset>ul:nth-child(1n)>li>p {
    font-family: "Barlow", serif;
    font-weight: 400;
    font-size: 18px;
    color: #706d67;
    text-align: left;
    margin-top: 40px;
}

section.rooms>.inset>ul:nth-child(1n)>li>ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 40px 0;
}

section.rooms>.inset>ul:nth-child(1n)>li>ul>li {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #ddd9d3;
}

section.rooms>.inset>ul:nth-child(1n)>li>ul>li:last-child {
    border-bottom: none;
}

section.rooms>.inset>ul:nth-child(1n)>li>ul>li>figure {
    min-width: 90px;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.rooms>.inset>ul:nth-child(1n)>li>ul>li>figure>img {
    width: 50px;
    height: 50px;
}

section.rooms>.inset>ul:nth-child(1n)>li>ul>li>p {
    font-family: 'Barlow', serif;
    font-weight: 200;
    font-size: 18px;
    color: #706d67;
    text-align: left;
}


section.rooms>.inset>ul:nth-child(1n)>li>button {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    background-color: #be9b65;
    margin-top: 20px;
    padding: 15px 60px 15px 35px;
    border: 1px solid #be9b65;
    position: relative;
}

section.rooms>.inset>ul:nth-child(1n)>li>button:hover {
    color: #be9b65;
    background-color: transparent;
    border: 1px solid #be9b65;
    transition: all ease .3s;
    cursor: pointer;
}

section.rooms>.inset>ul:nth-child(1n)>li>button>i {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    transition: all ease .3s;
    position: absolute;
    right: 30px;
    top: 20px;
}

section.rooms>.inset>ul:nth-child(1n)>li>button:hover>i {
    color: #be9b65;
    transition: all ease .3s;
    right: 15px;
    top: 20px;
}

section.rooms>.inset>ul:nth-child(1n)>li>div.room-slider-bg {
    background-color: #f3efe9;
    width: 750px;
    height: 600px;
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
}

section.rooms>.inset>ul:nth-child(2n)>li>div.room-slider-bg {
    background-color: #f3efe9;
    width: 750px;
    height: 600px;
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
}

section.rooms>.inset>ul:nth-child(2n)>li:last-child>section.room-slider {
    position: relative;
    z-index: 1;
    right: 0;
    top: 0;
}

/* ---------- SWIPER SECTION ------------- */


.room-slider {
    position: relative;
    width: 830px;
    height: 640px;
    z-index: 1;
    overflow: hidden;
}

.room-slider .swiper-wrapper {
    height: 520px !important;
}

.room-slider .swiper-slide {
    margin-right: 0 !important;
    position: relative;
}

.room-slider .swiper-slide figure {
    width: 830px;
    height: 520px;
}

.room-slider .swiper-slide figure img {
    width: 830px;
    height: 520px;
}

.room-slider .swiper-slide a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.room-slider .swiper-button-next, .room-slider .swiper-button-prev {
    top: 510px !important;
    bottom: 55px !important;
}

.room-slider .swiper-button-next:hover, .room-slider .swiper-button-prev:hover {
    background-color: #ddc196 !important;
}

.room-slider .swiper-slide {
    display: flex;
    align-items: center;
}

section.rooms>.inset>ul:nth-child(1n)>li:last-child .room-slider .swiper-button-next {
    width: 65px !important;
    height: 65px !important;
    background: none;
    right: auto !important;
    line-height: 65px !important;
    color: #ffffff !important;
    left: 65px !important;
    text-align: center;
    background-color: #be9b65 !important;
}

section.rooms>.inset>ul:nth-child(1n)>li:last-child .swiper-button-prev {
    width: 65px !important;
    height: 65px !important;
    background: none;
    right: auto !important;
    line-height: 65px !important;
    color: #ffffff !important;
    left: 0px !important;
    text-align: center;
    background-color: #be9b65 !important;
}

section.rooms>.inset>ul:nth-child(2n)>li:last-child .room-slider .swiper-button-next {
    width: 65px !important;
    height: 65px !important;
    right: auto !important;
    line-height: 65px !important;
    color: #ffffff !important;
    left: inherit !important;
    right: 0 !important;
    text-align: center;
    background-color: #be9b65 !important;
}

section.rooms>.inset>ul:nth-child(2n)>li:last-child .swiper-button-prev {
    width: 65px !important;
    height: 65px !important;
    line-height: 65px !important;
    color: #ffffff !important;
    left: inherit !important;
    right: 65px !important;
    text-align: center;
    background-color: #be9b65 !important;
}

.swiper-button-prev:hover, .swiper-button-next:hover {
    background-color: #e3c8a1 !important;
}


.room-slider .rooms-icons {
    width: 700px;
    height: 125px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-left: 130px;
}

section.rooms>.inset>ul:nth-child(1n)>li:last-child .room-slider .rooms-icons {
    width: 700px;
    height: 125px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-left: 130px;
    margin-right: inherit;
}

section.rooms>.inset>ul:nth-child(2n)>li:last-child .room-slider .rooms-icons {
    width: 700px;
    height: 125px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-left: inherit;
    margin-right: 130px;
}

.room-slider .rooms-icons li {
    flex: 1;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.room-slider .rooms-icons li figure {
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.room-slider .rooms-icons li figure img {
    width: auto;
    height: auto;
    max-width: 50px;
    max-height: 50px;
}

.room-slider .rooms-icons li p {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 16px;
    color: #706d67;
    text-align: center;
    margin-top: 10px;
    white-space: pre-line;
}

/* ---------- SWIPER SECTION ------------- */

/* RESTAURANTS */

section.restaurants {
    width: 100%;
    height: auto;
    position: relative;
}

section.restaurants>figure {
    width: 100%;
    height: 800px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

section.restaurants>figure>h1 {
    font-family: 'Barlow', serif;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    line-height: 42px;
    position: relative;
    z-index: 10;
    margin-top: 170px;
}

section.restaurants>figure>h2 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 56px;
    color: #ffffff;
    margin-top: 10px;
    position: relative;
    z-index: 10;
}

section.restaurants>figure.restaurants {
    background-image: url(../assets/content-categories/109/main.jpg);
}

section.restaurants>.inset {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 100px auto;
}

section.restaurants>.inset>figure {
    margin: 0;
}

section.restaurants>.inset>h2 {
    font-family: 'Barlow', serif;
    font-size: 30px;
    font-weight: 200;
    color: #292826;
    line-height: 42px;
}

section.restaurants>.inset>h1 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 56px;
    color: #292826;
    margin-top: 30px;
}

section.restaurants>.inset>p {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #706d67;
    margin-top: 30px;
    text-align: center;
    width: 70%;
}

section.restaurants>.inset>section.restaurant-list {
    width: 100%;
    height: 900px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 100px;
}

section.restaurants>.inset>section.restaurant-list>div.rl-left {
    width: 380px;
    height: 900px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 30px;
}

section.restaurants>.inset>section.restaurant-list>div.rl-left>h2 {
    font-family: 'Barlow', serif;
    font-size: 30px;
    font-weight: 200;
    color: #292826;
    line-height: 42px;
    margin-top: 30px;
}

section.restaurants>.inset>section.restaurant-list>div.rl-left>h1 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 46px;
    color: #292826;
    padding-right: 50px;
    text-align: left;
}

section.restaurants>.inset>section.restaurant-list>div.rl-left>p {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #706d67;
    margin-top: 15px;
    text-align: left;
}

section.restaurants>.inset>section.restaurant-list>div.rl-right {
    width: 1060px;
    height: 900px;
}

.rest-list-container {
    display: flex;
    overflow: hidden;
    height: 900px;
}

.rest-list-item {
    width: 418px;
    height: 900px;
    flex: 1;
    position: relative;
    transition: all 0.5s ease;
    cursor: pointer;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
}

.rest-list-item.active .degrade {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    height: 900px;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease;
}

.rest-list-item:not(.active) .degrade {
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    width: 100%;
    height: 900px;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease;
}

.rest-list-item.active {
    flex: 4;
    width: 418px;
    height: 900px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.5s ease;
}

.rest-list-item:not(.active) {
    flex: 1;
    position: relative;
    width: 418px;
    height: 900px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.5s ease;
}

.rest-list-item.active::after {
    content: "";
    position: absolute;
    width: 418px;
    height: 900px;
    background-color: rgba(0, 0, 0, 0);
    z-index: 1;
    transition: all 0.5s ease;
}

.rest-list-item:not(.active)::after {
    content: "";
    position: absolute;
    width: 418px;
    height: 900px;
    top: 0;
    left: 0;
    transition: all 0.5s ease;
}

.rest-list-item:not(.active):nth-child(1)::after {
    background-color: rgb(37, 37, 37);
}

.rest-list-item:not(.active):nth-child(2)::after {
    background-color: rgb(56, 56, 56);
}

.rest-list-item:not(.active):nth-child(3)::after {
    background-color: rgb(83, 83, 83);
}

.rest-list-item:not(.active):nth-child(4)::after {
    background-color: rgb(103, 103, 103);
}

.rest-list-item:not(.active):nth-child(5)::after {
    background-color: rgb(123, 123, 123);
}

.rest-list-item:not(.active):nth-child(6)::after {
    background-color: rgb(139, 139, 139);
}

.rest-list-item.active div {
    width: 300px;
    height: auto;
    position: absolute;
    bottom: 50px;
    left: 85px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.rest-list-item.active div h2 {
    font-family: 'Gilda Display', serif;
    font-size: 32px;
    font-weight: 400;
    color: #ffffff;
    text-align: left;
    margin-bottom: 20px;
}

.rest-list-item.active div p {
    font-family: 'Barlow', serif;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    text-align: left;
    margin-bottom: 20px;
}

.rest-list-item.active div a {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 600;
    color: #be9b65;
    text-align: left;
    margin-bottom: 20px;
    text-decoration: none;
    position: relative;
    opacity: 1;
}

.rest-list-item.active div a i {
    font-size: 14px;
    font-weight: 600;
    color: #be9b65;
    position: absolute;
    right: -30px;
    top: 3px;
}

.rest-list-item.active div a:hover i {
    right: -40px;
}

.rest-list-item.active div:first-child {
    width: 1px;
    height: 75%;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 85px;
}

.rest-list-item:nth-child(4).active div:first-child {
    width: 1px;
    height: 75%;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 85px;
}

.rest-list-item:not(.active) div {
    width: 400px;
    height: 50px;
    position: absolute;
    bottom: 250px;
    left: 15px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.rest-list-item:not(.active) div h2 {
    font-family: 'Gilda Display', serif;
    font-size: 30px;
    font-weight: 400;
    color: #616161;
    text-align: right;
    bottom: 160px;
    rotate: 90deg;
    position: absolute;
    left: -170px;
    width: 400px;
}

.rest-list-item:not(.active):nth-child(4) div h2 {
    color: #7f7f7f;
}

.rest-list-item:not(.active) div p {
    font-family: 'Barlow', serif;
    font-size: 72px;
    font-weight: 400;
    color: #616161;
    text-align: left;
    position: absolute;
    position: absolute;
    bottom: -200px;
    left: -35px;
}
.rest-list-item:not(.active):nth-child(4) div p {
    color: #7f7f7f;
}

.rest-list-item:not(.active) div a {
    opacity: 0;
    display: none;
}

.rest-list-item:not(.active) div a:hover i {
    right: -40px;
}

.rest-list-item:not(.active) div:first-child {
    width: 1px;
    height: 75%;
    background-color: #616161;
    position: absolute;
    top: 0;
    left: 15px;
}

.rest-slider {
    position: relative;
    overflow: hidden;

}

.rest-slider article {
    width: 800px;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.rest-slider article h3 {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 30px;
    color: #ffffff;
}

.rest-slider article p {
    font-family: 'Barlow', serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin-top: 20px;
}

.rest-slider .multiply2 {
    z-index: 2;
}

.rest-slider .swiper-slide figure {
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.rest-slider .swiper-button-prev {
    top: inherit;
    bottom: 0;
    right: auto;
    left: calc(45px - -44%);
}

.rest-slider .swiper-button-next,
.rest-slider .swiper-button-prev {
    background-color: #be9b65;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rest-slider .swiper-button-next i,
.rest-slider .swiper-button-prev i {
    color: #000000;
}

.rest-slider .swiper-button-next {
    top: inherit;
    bottom: 0;
    left: auto;
    right: calc(45px - -44%);
}

/* RESTAURANTS */

/* RESTAURTANT DETAILS */

.rest-spects {
    width: 100%;
    height: 100px;
    position: relative;
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

.rest-spects li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.rest-spects li figure {
    width: auto;
    height: 45px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.rest-spects li figure img {
    width: auto;
    height: 35px;
}

.rest-spects li h6 {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 14px;
    color: #292826;
    margin-top: 10px;
    position: relative;
}

.rest-spects li h6::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #be9b65;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.rest-opps {
    width: 1050px;
    height: auto;
    position: relative;
    margin: 100px auto;
    margin-bottom: 0;
}

.rest-opps li {
    width: 1050px;
    height: 660px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.rest-opps li:nth-child(even) {
    flex-direction: row;
}

.rest-opps li:nth-child(odd) {
    flex-direction: row-reverse;
}

.rest-opps li figure {
    width: 613px;
    height: 659px;
}

.rest-opps li article {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
}

.rest-opps li:nth-child(odd) figure {
    margin-left: 50px;
}

.rest-opps li:nth-child(even) figure {
    margin-right: 50px;
}

.rest-opps li article h1 {
    font-family: 'Gilda Display', serif;
    font-weight: 400;
    font-size: 48px;
    color: #292826;
    text-align: left;
}

.rest-opps li article p {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 18px;
    color: #706d67;
    text-align: left;
    margin-top: 30px;
}

.other-rests {
    width: 100%;
    height: auto;
    margin-top: 100px;
}

.other-rests .inset {
    display: flex;
    flex-direction: column;
}

.other-rests .inset h1 {
    font-family: 'Barlow', serif;
    font-size: 30px;
    font-weight: 400;
    color: #292826;
    text-align: center;
}

.other-rests .inset p {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    color: #706d67;
    text-align: center;
    margin: 30px 0;
}

.other-rests .inset button {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    color: #be9b65;
    background-color: transparent;
    border: 1px solid #be9b65;
    padding: 15px 35px;
    margin: 50px auto;
}

.other-rests .inset button:hover {
    color: #ffffff;
    background-color: #be9b65;
    border: 1px solid #be9b65;
    cursor: pointer;
}

.other-rests .inset ul {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-bottom: 100px;
}

.other-rests .inset ul li {
    position: relative;
    width: 713px;
    height: 900px;
    margin-top: 10px;
}

.other-rests .inset ul li figure {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.other-rests .inset ul li figure img {
    width: auto;
    height: 100%;
}

.other-rests .inset ul li h1 {
    width: 225px;
    font-family: 'Gilda Display', serif;
    font-size: 48px;
    font-weight: 400;
    color: #ffffff;
    position: absolute;
    z-index: 1;
    bottom: 110px;
    left: 70px;
    text-align: left;
}


.other-rests .inset ul li a {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 600;
    color: #be9b65;
    text-align: left;
    margin-bottom: 20px;
    text-decoration: none;
    position: absolute;
    bottom: 45px;
    left: 70px;
}

.other-rests .inset ul li a i {
    font-size: 14px;
    font-weight: 600;
    color: #be9b65;
    position: absolute;
    right: -30px;
    bottom: 2px;
}

.other-rests .inset ul li a:hover i {
    right: -40px;
}

/* RESTAURTANT DETAILS */

/* BARS MODULE */
.bars-module {
    width: 100%;
    height: 870px;
    position: relative;
    margin-top: 100px;
    background-image: url(../assets/content-categories/110/module.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: -37.5%;
}

.bars-module .inset {
    height: 100%;
}

.bars-module .inset .bars-mod-slogan {
    width: 560px;
    height: 310px;
    position: absolute;
    background-color: #be9b65;
    right: 0;
    top: 50px;
    padding: 35px 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bars-module .inset .bars-mod-slogan h1 {
    font-family: 'Gilda Display', serif;
    font-size: 40px;
    font-weight: 400;
    color: #ffffff;
}

.bars-module .inset .bars-mod-content {
    width: 300px;
    height: 480px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.bars-module .inset .bars-mod-content h1 {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 30px;
    color: #292826;
    margin-bottom: 20px;
}

.bars-module .inset .bars-mod-content p {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 14px;
    color: #706d67;
    margin-bottom: 20px;
}

.bars-module .inset .bars-mod-content ul {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 18px;
    color: #706d67;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.bars-module .inset .bars-mod-content ul li {
    width: 100%;
    height: 47px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #be9b64;
}

.bars-module .inset .bars-mod-content ul li:last-child {
    border-bottom: none;
}

.bars-module .inset .bars-mod-content ul li h4 {
    font-family: 'Barlow', serif;
    font-size: 24px;
    color: #706d67;
    font-weight: 500;
    width: 100%;
}

.bars-module .inset .bars-mod-content ul li h4 a {
    color: #706d67;
    text-decoration: none;
    position: relative;
    width: 100%;
    display: block;
}

.bars-module .inset .bars-mod-content ul li h4 a i {
    color: #be9b65;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 14px;
}

.bars-module .inset .bars-mod-content ul li h4 a:hover i {
    color: #be9b65;
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 14px;
}

/* BARS MODULE */

/* BARS PAGE */

section.restaurants>figure.bars {
    background-image: url(../assets/content-categories/110/main.jpg);
}

.bars-container {
    width: 100%;
    height: auto;
}

.bars-container .bar-slider {
    width: 100%;
    height: 597px;
    background-color: #f3efe9;
    margin-top: 120px;
    display: flex;
    flex-direction: row;
    position: relative;
}

.bars-container .bar-slider:nth-child(odd) article {
    width: 463px;
    height: 597px;
    display: flex;
    flex-direction: column;
    padding: 60px;
    position: relative;
}

.bars-container .bar-slider article h6 {
    font-family: 'Gilda Display', serif;
    font-size: 36px;
    color: #292826;
    font-weight: 400;
    position: relative;
    width: fit-content;
    text-align: left;
}

.bars-container .bar-slider article h6::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 2px;
    background-color: #be9b65;
    bottom: -10px;
    left: 0;
}

.bars-container .bar-slider article p {
    font-family: 'Barlow', serif;
    font-size: 18px;
    color: #706d67;
    font-weight: 400;
    text-align: left;
    margin-top: 50px;
}

.bars-container .bar-slider article span {
    font-family: 'Barlow', serif;
    font-size: 18px;
    color: #706d67;
    font-weight: 400;
    text-align: left;
    position: absolute;
    left: 60px;
    bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.bars-container .bar-slider article span img {
    width: 40px;
    height: 40px;
    margin-right: 20px;
}

/* BAR SLIDER */

.bars-container .bar-slider:nth-child(odd) .bars-slider {
    position: absolute;
    width: 980px;
    height: 656px;
    z-index: 1;
    overflow: hidden;
    right: 0;
    top: -60px;
}

.bars-container .bar-slider:nth-child(even) article {
    width: 463px;
    height: 597px;
    display: flex;
    flex-direction: column;
    padding: 60px;
    position: relative;
}

.bars-container .bar-slider:nth-child(odd) .bars-slider .swiper-button-next {
    bottom: 0;
    top: initial;
    width: 49px;
    height: 49px;
    background-color: #be9b65;
    margin-top: 0;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bars-container .bar-slider:nth-child(odd) .bars-slider .swiper-button-prev {
    bottom: 0;
    right: 50px;
    left: initial;
    top: initial;
    width: 49px;
    height: 49px;
    background-color: #be9b65;
    margin-top: 0;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bars-container .bar-slider:nth-child(even) {
    width: 100%;
    height: 597px;
    background-color: #f3efe9;
    margin-top: 120px;
    display: flex;
    flex-direction: row-reverse;
    position: relative;
}

.bars-container .bar-slider:nth-child(even) .bars-slider {
    position: absolute;
    width: 980px;
    height: 656px;
    z-index: 1;
    overflow: hidden;
    left: 0;
    top: -60px;
}

.bars-container .bar-slider:nth-child(even) .bars-slider .swiper-button-next {
    bottom: 0;
    left: 50px;
    top: initial;
    width: 49px;
    height: 49px;
    background-color: #be9b65;
    margin-top: 0;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bars-container .bar-slider:nth-child(even) .bars-slider .swiper-button-prev {
    bottom: 0;
    right: initial;
    left: 0;
    top: initial;
    width: 49px;
    height: 49px;
    background-color: #be9b65;
    margin-top: 0;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* BAR SLIDER */
/* BARS PAGE */

/* KIDS CLUB */

.kc-slider {
    width: 100%;
    height: 752px;
    position: relative;
    overflow: hidden;
}

.kc-container {
    width: 1000px;
    height: auto;
    position: relative;
    margin: 100px auto;
    margin-bottom: 0;
}

.kc-container:last-child {
    margin-top: 50px;
}

.kc-container li {
    width: 1000px;
    height: 660px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.kc-container li:nth-child(even) {
    flex-direction: row;
}

.kc-container li:nth-child(odd) {
    flex-direction: row-reverse;
}

.kc-container li figure {
    width: 613px;
    height: 659px;
}

.kc-container li article {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
}

.kc-container li:nth-child(odd) figure {
    margin-left: 50px;
}

.kc-container li:nth-child(even) figure {
    margin-right: 50px;
}

.kc-container li article h1 {
    font-family: 'Gilda Display', serif;
    font-weight: 400;
    font-size: 52px;
    color: #292826;
    text-align: left;
}

.kc-container li article p {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 18px;
    color: #706d67;
    text-align: left;
    margin-top: 30px;
}

.kc-slider .swiper-slide figure {
    width: 100%;
    height: 752px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.kc-slider .swiper-button-prev {
    top: inherit;
    bottom: 0;
    right: auto;
    left: calc(45px - -44%);
}

.kc-slider .swiper-button-next, .kc-slider .swiper-button-prev {
    background-color: #be9b65;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kc-slider .swiper-button-next i, .kc-slider .swiper-button-prev i {
    color: #000000;
}

.kc-slider .swiper-button-next {
    top: inherit;
    bottom: 0;
    left: auto;
    right: calc(45px - -44%);
}

.kids-club-container {
    width: 1000px;
    height: 660px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row!important;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.kids-club-container figure {
    width: 332px!important;
    height: 536px!important;
    margin-left: 0!important;
}

.kids-club-container article {
    width: 620px!important;
    height: auto!important;
    background-color: #be9b65;
    padding: 80px;
    position: absolute;
    right: 0;
    top: -235px;
    z-index: 2;
}

.kids-club-container article h1 {
   color: #ffffff!important;
   width: 50%;
}

.kids-club-container article p {
   color: #ffffff!important;
   margin-top: 30px;
}

.kc-container li.kcc-last {
    flex-direction: row-reverse;
}

.kc-container li.kcc-last figure {
    margin-right: 0;
    margin-left: 50px;
}

/* KIDS CLUB */

/* ENTERTAINMENT LIST */

section.entertainment-list {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

section.entertainment-list .inset {
    position: relative;
}

section.entertainment-list .inset ul {
    width: 100%;
    height: auto;
}

section.entertainment-list .inset ul li {
    width: 100%;
    height: 868px;
    position: relative;
    margin-bottom: 100px;
}

section.entertainment-list .inset ul li figure {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

section.entertainment-list .inset ul li:nth-child(odd) figure {
    width: 100%;
    height: 868px;
    position: absolute;
    top: 0;
    right: 340px;
    z-index: 0;
}

section.entertainment-list .inset ul li:nth-child(odd) h1 {
    font-family: 'Gilda Display', serif;
    font-size: 68px;
    color: #ffffff;
    font-weight: 400;
    background-color: #be9b65;
    white-space: nowrap;
    padding: 35px 45px;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 1;
}

section.entertainment-list .inset ul li:nth-child(odd) article {
    width: 340px;
    height: 650px;
    position: absolute;
    right: 0;
    top: 218px;
    text-align: left;
    padding-left: 50px;
}


section.entertainment-list .inset ul li:nth-child(even) figure {
    width: 100%;
    height: 868px;
    position: absolute;
    top: 0;
    left: 340px;
    z-index: 0;
}

section.entertainment-list .inset ul li:nth-child(even) h1 {
    font-family: 'Gilda Display', serif;
    font-size: 68px;
    color: #ffffff;
    font-weight: 400;
    background-color: #be9b65;
    white-space: nowrap;
    padding: 35px 45px;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 1;
}

section.entertainment-list .inset ul li:nth-child(even) article {
    width: 340px;
    height: 624px;
    position: absolute;
    left: 0;
    top: 245px;
    text-align: left;
    padding-right: 50px;
}

section.entertainment-list .inset ul li article h3 {
    font-family: 'Barlow', serif;
    font-size: 30px;
    color: #292826;
    font-weight: 400;
}

section.entertainment-list .inset ul li article p {
    font-family: 'Barlow', serif;
    font-size: 16px;
    color: #706d67;
    font-weight: 400;
    margin-top: 20px;
    letter-spacing: 1px;
}

section.entertainment-list .inset ul li:nth-child(odd) article a {
    font-family: 'Barlow', serif;
    font-size: 18px;
    color: #be9b65;
    font-weight: 400;
    position: absolute;
    bottom: 0px;
    left: 50px;
    background-color: transparent;
    border: 1px solid #be9b65;
    padding: 15px 45px;
    text-decoration: none;
}

section.entertainment-list .inset ul li:nth-child(even) article a {
    font-family: 'Barlow', serif;
    font-size: 18px;
    color: #be9b65;
    font-weight: 400;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: inherit;
    background-color: transparent;
    border: 1px solid #be9b65;
    padding: 15px 45px;
    text-decoration: none;
}

section.entertainment-list .inset ul li article a:hover {
    background-color: #be9b65;
    color: #ffffff;
    cursor: pointer;
}

section.entertainment-list .inset ul li article a i {
    font-size: 14px;
    color: #be9b65;
    position: absolute;
    top: 20px;
    right: 25px;
}

section.entertainment-list .inset ul li article a:hover i {
    right: 15px;
    color: #ffffff;
}

/* ENTERTAINMENT LIST */

/* BEACH & POOLS */

.bp-slider {
    width: 100%;
    height: 752px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.bp-container {
    width: 1000px;
    height: auto;
    position: relative;
    margin: 100px auto;
    margin-bottom: 0;
}

.bp-container:last-child {
    margin-top: 50px;
}

.bp-container li {
    width: 1000px;
    height: 660px;
    margin-bottom: 50px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.bp-container li:nth-child(even) {
    flex-direction: row;
}

.bp-container li:nth-child(odd) {
    flex-direction: row-reverse;
}

.bp-container li.zweite-schiene:nth-child(even) {
    flex-direction: row-reverse;
}

.bp-container li.zweite-schiene:nth-child(odd) {
    flex-direction: row;
}

.bp-container li figure {
    width: 613px;
    height: 659px;
}

.bp-container li article {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
}

.bp-container li:nth-child(odd) figure {
    margin-left: 50px;
}

.bp-container li:nth-child(even) figure {
    margin-right: 50px;
}

.bp-container li.zweite-schiene:nth-child(odd) figure {
    margin-right: 50px;
    margin-left: 0;
}

.bp-container li.zweite-schiene:nth-child(even) figure {
    margin-left: 50px;
    margin-right: 0;
}

.bp-container li article h1 {
    font-family: 'Gilda Display', serif;
    font-weight: 400;
    font-size: 42px;
    color: #292826;
    text-align: left;
}

.bp-container li article p {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 18px;
    color: #706d67;
    text-align: left;
    margin-top: 30px;
}

.bp-slider .swiper-slide figure {
    width: 100%;
    height: 752px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bp-slider .swiper-button-prev {
    top: inherit;
    bottom: 0;
    right: auto;
    left: calc(45px - -42%);
}

.bp-slider .swiper-button-next, .bp-slider .swiper-button-prev {
    background-color: #be9b65;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bp-slider .swiper-button-next i, .bp-slider .swiper-button-prev i {
    color: #000000;
}

.bp-slider .swiper-button-next {
    top: inherit;
    bottom: 0;
    left: auto;
    right: calc(45px - -44%);
}

.beach-pools-container {
    width: 1000px;
    height: 660px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row!important;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.beach-pools-container figure {
    width: 332px!important;
    height: 536px!important;
    margin-left: 0!important;
}

.beach-pools-container article {
    width: 620px!important;
    height: 660px!important;
    background-color: #be9b65;
    padding: 80px;
    position: absolute;
    right: 0;
    top: -235px;
    z-index: 2;
}

.beach-pools-container article h1 {
   color: #ffffff!important;
   width: 50%;
}

.beach-pools-container article p {
   color: #ffffff!important;
   margin-top: 30px;
}

.bp-container li.bpc-last {
    flex-direction: row-reverse;
}

.bp-container li.bpc-last figure {
    margin-right: 0;
    margin-left: 50px;
}

/* BEACH & POOLS */

/* SPORT ACTIVITIES */

.sa-content {
    position: relative;
    overflow: hidden;
}

article.sa-container {
    width: 420px;
    margin: 100px 0;
}

article.sa-container h1 {
    font-family: 'Gilda Display', serif;
    font-weight: 400;
    font-size: 48px;
    color: #292826;
    text-align: left;
}

article.sa-container p {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 18px;
    color: #706d67;
    text-align: left;
    margin-top: 30px;
}

article.sa-container ul {
    margin-top: 30px;
}

article.sa-container ul li {
    list-style-type: disc;
    margin-left: 20px;
    padding: 5px 0;
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 18px;
    color: #706d67;
    text-align: left;
}

.sport-slogan {
    width: 100%;
    height: auto;
    position: relative;
}

.sport-slogan .inside {
    width: 480px;
    height: 515px;
    position: absolute;
    left: 0; 
    right: 0; 
    margin-inline: auto;
    top: -75px;
    background-color: #be9b65;
    z-index: 10;
    padding: 80px 55px;
}

.sport-slogan .inside h3 {
    font-family: 'Gilda Display', serif;
    font-size: 60px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
}

.sport-slogan .inside p {
    font-family: 'Gilda Display', serif;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    margin-top: 30px;
    text-align: center;
}

.sa-slider {
    width: 100%;
    height: 752px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    margin-top: 350px;
}

.sa-slider .swiper-slide figure {
    width: 100%;
    height: 752px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.sa-slider .swiper-button-prev {
    top: inherit;
    bottom: 0;
    right: auto;
    left: calc(45px - -42%);
}

.sa-slider .swiper-button-next, .sa-slider .swiper-button-prev {
    background-color: #be9b65;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sa-slider .swiper-button-next i, .sa-slider .swiper-button-prev i {
    color: #000000;
}

.sa-slider .swiper-button-next {
    top: inherit;
    bottom: 0;
    left: auto;
    right: calc(45px - -44%);
}

/* scrolled slider */

.sa-content-slider {
    width: 1020px;
    height: 630px;
    overflow-x: auto;
    white-space: nowrap;
    position: absolute;
    left: 460px;
    top: 0;
}

.sa-content-slider::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.sa-content-slider::-webkit-scrollbar-thumb {
    background: #000000;
    position: absolute;
    top: 5px;
}

.sa-content-slider::-webkit-scrollbar-track {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

.sa-content-slider::-webkit-scrollbar-button {
    background-color: #000000;
}

.sa-content-slider::-webkit-scrollbar-button:hover {
    background-color: #999999;
}

.sa-slider-track {
    width: 100%;
    height: 575px;
    position: absolute;
    overflow: visible;
}

.sa-slides {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    position: absolute;
    left: 0;
    right: 0;
}

.sa-slider-track img {
    width: 415px;
    height: 575px;
    margin-right: 5px;
    object-fit: cover;
}

/* scrolled slider */

/* SPORT ACTIVITIES */

section.content>.inset>article>h1 {
    font-family: 'Gilda Display', serif;
    font-size: 36px;
    font-weight: 200;
    color: #000000;
    line-height: 32px;
    margin-top: 30px;
}

section.content>.inset>article>p {
    font-family: 'Barlow', serif;
    font-size: 16px;
    font-weight: 200;
    color: #000000;
    line-height: 32px;
    margin-bottom: 2em;
}

section.content>.inset>article>p>a {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    line-height: 32px;
    font-style: italic;
    text-decoration: none;
}

section.content>.inset>article>p>a:hover {
    color: #9f9f9f;
}

section.content>.inset>article>h3 {
    font-size: 20px;
    font-weight: 400;
    color: #676767;
    line-height: 30px;
    margin-bottom: 10px;
}

section.content>.inset>article>ul {
    list-style-type: disc !important;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

section.content>.inset>article>ul>li {
    margin: 5px 0 0 20px;
    list-style-type: disc;
    color: #676767;
    font-size: 16px;
    font-weight: 200;
}

section.content>figure.contact {
    background-image: url(../assets/contact/main.jpg);
}

section.restaurants {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
}

section.restaurants>figure {
    width: 100%;
    height: 800px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

section.restaurants>figure>h1 {
    font-family: 'Barlow', serif;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    line-height: 42px;
    position: relative;
    z-index: 10;
    margin-top: 170px;
}

section.restaurants>figure>h2 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 56px;
    color: #ffffff;
    margin-top: 10px;
    position: relative;
    z-index: 10;
}

section.contact {
    width: 100%;
    height: auto;
    position: relative;
}

section.contact>figure.contact {
    background-image: url(../assets/contact/main.jpg);
    width: 100%;
    height: 800px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

section.contact>figure>h1 {
    font-family: 'Barlow', serif;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    line-height: 42px;
    position: relative;
    z-index: 10;
    margin-top: 170px;
}

section.contact>figure>h2 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 56px;
    color: #ffffff;
    margin-top: 10px;
    position: relative;
    z-index: 10;
}

section.contact>.inset {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 100px auto;
}

section.contact>.inset>figure {
    margin: 0;
}

section.contact>.inset>h2 {
    font-family: 'Barlow', serif;
    font-size: 30px;
    font-weight: 200;
    color: #292826;
    line-height: 42px;
}

section.contact>.inset>h1 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 30px;
    color: #292826;
    margin-top: 30px;
}

section.contact>.inset>address {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    color: #706d67;
    margin-top: 30px;
    text-align: center;
    font-style: normal;
    width: 70%;
}

section.contact>.inset>ul {
    width: 1440px;
    height: 75px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 50px;
}

section.contact>.inset>ul>li {
    width: auto;
    height: 75px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

section.contact>.inset>ul>li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #be9b65;
    bottom: -20px;
    left: 0;
}

section.contact>.inset>ul>li>figure {
    width: 35px;
    height: 35px;
    margin-bottom: 20px;
}

section.contact>.inset>ul>li>figure>img {
    width: 35px;
    height: 35px;
}

section.contact>.inset>ul>li>span, section.contact>.inset>ul>li>span a {
    font-family: 'Barlow',serif;
    font-size: 18px;
    font-weight: 400;
    color: #706d67;
    text-decoration: none;
}

section.contact>.inset>ul>li>span a:hover {
    color: #be9b65;
}

section.contact>.inset>ul>li>span strong {
    font-family: 'Barlow',serif;
    font-size: 18px;
    font-weight: 600;
    color: #292826;
}

section.contact>.inset>p {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #706d67;
    margin-top: 30px;
    text-align: center;
    width: 50%;
}

section.contact>.inset>h3 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 30px;
    color: #292826;
    margin-top: 100px;
}

section.contact>.inset>form>ul {
    width: 700px;
    height: auto;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 50px;
}

section.contact>.inset>form>ul>li {
    width: 320px;
    height: 50px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}

section.contact>.inset>form>ul>li>input[type=text], section.contact>.inset>form>ul>li>input[type=mail] {
   width: 320px;
   height: 50px;
   background-color: transparent;
   border: none;
   border-bottom: 1px solid #be9b65;
   padding: 0 20px;
   outline: none;
}

section.contact>.inset>form>ul>li>textarea {
    width: 700px;
    height: 150px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #be9b65;
    padding: 20px;
    outline: none;
    resize: none;
}

section.contact>.inset>form>ul>li>input::placeholder, section.contact>.inset>form>ul>li>textarea::placeholder {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    color: #706d67;
}

section.contact>.inset>form>ul>li:nth-last-child(-n + 2) {
   width: 700px;
   height: 150px;
}

section.contact>.inset>form>ul>li>button {
    width: 250px;
    height: 50px;
    margin: auto;
    display: block;
    background-color: #be9b65;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    border: 1px solid #be9b65;
}

section.contact>.inset>form>ul>li>button:hover {
    background-color: transparent;
    color: #be9b65;
    border: 1px solid #be9b65;
}

section.contact>iframe {
    width: 100%;
    height: 800px;
    border: none;
}

.gm-style .gm-style-iw { color: #c6a565; }

.avia_google_maps_container img {
	-webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}

.sdocument {
    width: 300px;
    height: 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 100px;
}

.sdocument li:first-child {
    width: 90px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sdocument li:first-child img {
    width: auto;
    height: 90px;
}

.sdocument li:last-child {
    width: 210px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 30px;
}

.sdocument li:last-child h4 {
    font-family: 'Barlow', serif;
    font-size: 24px;
    color: #706d67;
    font-weight: 400;
    text-align: left;
}

.sdocument li:last-child a {
    font-family: 'Barlow', serif;
    font-size: 16px;
    color: #be9b65;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
}

.sdocument li:last-child a i {
    font-size: 14px;
    color: #be9b65;
}

.image-gallery {
    width: 100%;
    height: 100%;
    padding-top: 100px;
}

#macy-container div {
    position: relative;
}

#macy-container div a {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: #000000;
    align-items: center;
    justify-content: center;
}

#macy-container div a h3 {
    font-family: 'Barlow', serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    padding: 15px 30px;
    position: absolute;
    opacity: 0;
    z-index: 1;
}

#macy-container div a:hover h3 {
    opacity: 1;
}

#macy-container div a img {
    width: 100%;
    height: auto;
    opacity: 1;
}

#macy-container div a:hover img {
    opacity: .5;
}

.video-thumbnail {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 10px;
}

.video-thumbnail img {
    width: 700px;
    border-radius: 8px;
}

.play-button {
    position: absolute;
    top: inherit;
    left: inherit;
    transform: translate(-50%, -50%);
    background: transparent;
    color: #ffffff;
    font-size: 26px;
    padding: 10px 15px;
    border-radius: 50%;
    pointer-events: none;
    border: 1px solid #ffffff;
    right: 20px;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    flex-direction: row;
    flex-wrap: nowrap;
}

/* BLOG */

section.blog {
    width: 100%;
    height: auto;
    margin: 100px 0 0 0;
    padding: 100px 0;
    position: relative;
}

section.blog>div.inset>h1 {
    width: fit-content;
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 32px;
    color: #292826;
    margin: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #be9b65;
}

section.blog>div.inset>p {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    color: #706d67;
    margin: 20px 0 50px 0;
    text-align: center;
}

section.blog>div.inset>ul {
    width: 1440px;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

section.blog>div.inset>ul>li {
    width: 460px;
    height: 700px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    opacity: 1;
    transition: all ease .3s;
    margin-bottom: 150px;
}

section.blog>div.inset>ul>li>a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

section.blog>div.inset>ul>li:hover {
    cursor: pointer;
}

section.blog>div.inset>ul>li:nth-child(-n+2) {
    margin-right: 30px;
}

section.blog>div.inset>ul>li>figure {
    width: 100%;
    height: 610px;
    position: relative;
    z-index: 0;
}

section.blog>div.inset>ul>li>figure>img {
    width: 100%;
    height: 610px;
}

section.blog>div.inset>ul>li>article {
    width: 80%;
    height: 190px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: 2;
    background-color: #292826;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0 30px;
}

section.blog>div.inset>ul>li:hover>article {
    bottom: -90px;
}

section.blog>div.inset>ul>li>article>time {
    font-family: 'Barlow', serif;
    font-size: 18px;
    font-weight: 400;
    color: #be9b65;
}

section.blog>div.inset>ul>li>article>h1 {
    font-family: "Gilda Display", serif;
    font-weight: 400;
    font-size: 24px;
    color: #ffffff;
    margin: 20px 0 5px 0;
}

section.blog>div.inset>ul>li>article>p {
    font-family: 'Barlow', serif;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
}

.blog-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.blog-container>article.blog-content {
    width: 940px;
    margin-top: 100px;
}

.blog-container>article.blog-content>time {
    font-family: 'Barlow', serif;
    font-size: 18px;
    color: #be9b65;
    font-weight: 400;
    margin-bottom: 20px;
    display: block;
}

.blog-container>article.blog-content>span {
    font-family: 'Barlow', serif;
    font-size: 18px;
    color: #706d67;
    font-weight: 400;
    margin-bottom: 40px;
    display: block;
}

.blog-container>article.blog-content h1 {
    font-family: 'Gilda Display', serif;
    font-size: 36px;
    color: #292826;
    font-weight: 400;
    margin-bottom: 20px;
}

.blog-container>article.blog-content figure {
    width: 940px;
    height: 610px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.blog-container>article.blog-content div.blog-text p {
    font-family: 'Barlow', serif;
    font-size: 18px;
    color: #706d67;
    font-weight: 400;
    margin-bottom: 40px;
    display: block;
}

.blog-list {
    width: 460px;
    height: max-content;
    margin-top: 100px;
    background-color: #f3efe9;
    padding: 50px;
}

.blog-list>h1 {
    font-family: 'Gilda Display', serif;
    font-size: 30px;
    color: #292826;
    font-weight: 400;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #be9b65;
    padding-bottom: 10px;
}

.blog-list>ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.blog-list>ul>li{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    padding: 20px 0;
    position: relative;
    border-bottom: 1px solid #e5d8c2;
}

.blog-list>ul>li:last-child{
    border-bottom: none;
}

.blog-list>ul>li>figure {
    width: 130px;
    height: 85px;
    min-width: 130px;
    min-height: 85px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.blog-list>ul>li>h1 {
    font-family: 'Barlow', serif;
    font-size: 18px;
    color: #706d67;
    font-weight: 400;
    margin-bottom: 40px;
    display: block;
    margin-left: 20px;
}

.blog-list>ul>li>a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}

/* BLOG */

section.content>iframe.contact-map {
    width: 100%;
    height: 450px;
    border: none;
}

#lightbox {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    text-align: center;
    z-index: 1000;
    transition: none;
}

#lightbox .lb-content {
    max-width: 80%;
    max-height: 80%;
    background-color: transparent;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: fit-content;
    height: fit-content;
    margin: auto;
}

#lightbox .lb-content figure {
    width: fit-content;
    height: fit-content;
    display: block;
    margin: auto;
}

#lightbox .lb-content figure img {
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    border-radius: 20px;
}

#lightbox label {
    position: absolute;
    right: 20px;
    bottom: 20px;
    line-height: 20px;
    color: #000000;
    text-align: left;
}

#lightbox button {
    padding: 2px 8px;
    background-color: transparent;
    color: #ffffff;
    right: 20px;
    top: 20px;
    position: absolute;
    border-radius: 10px;
    border: none;
    z-index: 1002;
    cursor: pointer;
}

#lightbox .lb-content button, #lightbox .lb-content input[type="checkbox"] {
    margin-top: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.imageBox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.imageBox-content {
    position: absolute;
    padding: 10px;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    background-color: #00000070;
    z-index: 20;
    left: 0;
    right: 0;
    bottom: 0;
    margin-inline: auto;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.imageBox img {
    max-width: 90vw;
    max-height: 90vh;
}

#prevBtn {
    position: absolute;
    left: 0;
    top: 50%;
    bottom: 0;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: none;
    color: #ffffff;
    font-size: 22px;
    cursor: pointer;
}

#nextBtn {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 50%;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: none;
    color: #ffffff;
    font-size: 22px;
    cursor: pointer;
}

.popUp {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
}

.popUp-content {
    position: relative;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
}

.popUp img {
    max-width: 90vw;
    max-height: 90vh;
}

.close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

.flatpickr-calendar {
    font-family: 'Barlow', serif!important;
}