body {
font-family: 'Manrope', sans-serif;
}

p {
    letter-spacing: 1px;
}

.c-mybigproject {
    font-size: 1em;
}
@media (max-width: 768px) {
    .c-mybigproject {
        font-size: 0.8em;
    }
}

.c-belowsitetitle{
font-size: 1.4em;
font-weight: 300;
line-height: 1em;
color: #6fb513;
text-align: center;
}
.c-belowsitetext{
font-size: 1em;
font-weight: 300;
margin-bottom: 0px;
line-height: 1em;
text-align: center;
}



/* DISABLE LOCOMOTIVE */


.rootOverflow {
overflow: auto !important;
}

/* ===================== */

section {
position: relative !important;
overflow: hidden;
display: block;
}



/* ===================== */

.c-logo-body {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 90;
overflow: hidden;
}

.c-logo-body img {
    height: 130px;
    width: auto;
transition: 1s;
}

.c-logo-body-height1 {
    height: 130px;
transition: 1s;
}

.c-logo-body-height2 {
    height: 90px;
transition: 1s;
}

.c-logo-body-height2 img {
    height: 160px;
transition: 1s;
}

#cLogo {
    z-index: 112;
    position: absolute !important;
    top: 0;
    width: 100%;
    overflow: initial !important;
}

/* BACKGROUNDS */

.c-first-image {
background-image: url('/cache/files/8a9c4c4b88e5f25edf92ec9d6be20dc7d55776ac.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
min-height: 100vh;
width: 100%;
}


/* ===================== */

/* BIG LETTERS */

.c-big-letter-e {
position: absolute;
    bottom: 10px;
    left: 13vw;
    z-index: 2;
}

.c-big-letter-e img {
    width: 20vw;
    height: auto;
}

.c-big-letter-l {
    position: absolute;
    z-index: 1;
    bottom: 18vw;
    left: 7vw;
    opacity: 0.6;
}

.c-big-letter-l img {
    width: 15vw;
    height: auto;
}


/* ===================== */

/* PADDINGS */

.c-paddingtop-150 {
padding-top: 15vw;
}

.c-paddingtop-100 {
padding-top: 10vw;
}

.c-paddingtop-50 {
padding-top: 5vw;
}

.c-paddingbottom-150 {
padding-bottom: 15vw;
}

.c-paddingbottom-100 {
padding-bottom: 10vw;
}

.c-paddingbottom-50 {
padding-bottom: 5vw;
}

.c-paddingright-25 {
padding-right: 2.5vw;
}

.c-paddingleft-25 {
padding-left: 2.5vw;
}

/* ======================= */

/* BODY MARGINS */

.c-marginleft-50 {
margin-left: 5%;
}

.c-marginright-50 {
margin-right: 5%;
}


/* ======================= */

.c-first-container {
    position: absolute;
    right: 15%;
    z-index: 3333;
    top: 30%;
    max-width: 650px;
    color: white;
}


/* TITLES */

.c-title-lg {
    font-family: 'Gilda Display', serif;
    font-size: 3vw;
}

.c-title-md {
    font-family: 'Gilda Display', serif;
    font-size: 2vw;
    margin-bottom: 0;
}

#second .c-title-md {
    position: relative;
    top: 9vw;
    margin-bottom: 0px;
    text-align: center;
    font-family: 'Manrope';
    font-size: 1.3vw;
    font-weight: 100;
}

/* MIDDLE GALLERY */

.c-title-gallery {
    font-family: 'Gilda Display', serif;
    font-size: 5vw;
    text-align: center;
    margin-bottom: -50px;
    line-height: 0.7;
    position: relative;
    z-index: 2;
    top: 10vw;
width: 100%;
}


.c-midtext-container {
    max-width: 1100px;
    margin: auto;
    position: relative;
}

.c-parag-line {
    position: absolute;
    bottom: 0;
    left: -10%;
    height: 15vw;
    width: 1px;
    background-color: #12161a;
}

.c-midtext-inner {
    width: 70%;
    margin-right: 0;
    margin-left: auto;
    position: relative;
}

/* MIDDLE GALLERY */

.swiper-slide-active .c-roomtitle-container {
opacity: 1;
transition: 1s;
transition-delay: 1s;
}

.c-roomtitle-container {
opacity: 0;
transition: 1s;
transition-delay: 1s;
}

.c-roomtitle-container {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
z-index: 9;
}

.c-room-abovetitle {
font-size: 1.5vw;
color: white;
font-weight: 200;
}

.c-room-title {
font-size: 4vw;
    font-family: 'Gilda Display', serif;
color: white;
}

#holidays .c-room-title {
margin-bottom: 0px;
}

.c-room-link {
color: white;
text-decoration: none;
}

.c-bottom-grad {
    width: 100%;
    height: 20vw;
    background-image: linear-gradient(0deg, rgb(0 0 0 / 30%), transparent);
    position: absolute;
    bottom: 0;
    z-index: 8;
}



/* FOOTER */

.c-footer {
    margin-top: 3vw;
    margin-bottom: 3vw;
}

.c-footer .col-md-3, .c-footer .col-md-6 {
    min-height: 30vw;
    position: relative;
}


.c-footer .c-big-letter-l {
    top: -5px;
    bottom: auto;
    position: absolute;
    z-index: 1;
    bottom: 18vw;
    left: 16%;
    opacity: 1;
}

.c-footer .c-big-letter-l img {
    width: 12vw;
    height: auto;
}

.c-footer .c-big-letter-e {
    position: absolute;
    bottom: 30px;
    left: 37%;
    z-index: 2;
}

.c-footer .c-big-letter-e img {
    width: 15vw;
    height: auto;
}

.c-title-footer {
font-size: 2vw;
    font-family: 'Gilda Display', serif;
}

.c-subtitle-footer {
font-size: 1.3vw;
    font-family: 'Gilda Display', serif;
margin-bottom: 0;
margin-top: 30px;
line-height: 1;
}


/* COPYRIGHT */

#copyright {
border-top: 1px solid rgb(18 22 26 / 20%);
color: rgb(18 22 26 / 40%);
    font-size: 14px;
}

#copyright a {
text-decoration: none;
color: rgb(18 22 26 / 40%);
}

#copyright .col-md-6 div {
    padding-top: 30px;
    padding-bottom: 30px;
}


/* BUTTONS */

.c-button-1 {
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 1em;
    text-align: center;
    padding: 20px 20px;
    width: 50px;
    height: 50px;
    color: #12161a;
    margin: auto;
    background-color: transparent;
    border: 1px solid #c19d41;
    transform: rotate(45deg);
    transition: 0.5s;
    position: relative;
    font-family: 'Gilda Display', serif;
}

.c-button-1:hover {
color: white;
background-color: #c19d41;
}

.c-button-1 span {
position: absolute;
transform: translate(-50%,-50%) rotate(-45deg);
top: 50%;
left: 50%;
width: 100%;
}


.c-button-container {
position: relative;
padding-top: 50px;
}

.c-extrafacilities {
    margin-top: 5vw;
    background-color: #c7a552;
    padding-top: 30px;
    padding-bottom: 40px;
    color: white;
}

.c-extrafacilities ul, .c-weddingfacilities ul {
    padding-left: 0px !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

.c-extrafacilities ul li, .c-weddingfacilities ul li {
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
    flex-basis: 20%;
list-style-type: none !important;
    letter-spacing: 1px;
}

.c-weddingfacilities ul li {
    flex-basis: 33.33%;
}

.c-extrafacilities ul li img, .c-weddingfacilities ul li img {
    margin-right: 15px;
}

.c-weddingfacilities {
    padding-top: 3vw;
    padding-bottom: 3vw;
    border-bottom: 1px solid rgb(18 22 26 / 20%);
}

.c-breakfastfacilities {
    margin-top: 5vw;
}

.c-breakfast-title .c-title-lg {
    font-size: 3vw;
    margin-bottom: -50px;
    z-index: 2;
    position: relative;
}

.c-breakfast-title img {
    margin-bottom: 50px;
    width: 100%;
    max-width: 1000px;
    height: auto;
}


/* IFRAME */

.c-iframeMap {
    max-width: 1000px;
    margin: auto;
    width: 100%;
}

.c-iframeMap iframe {
    width: 100%;
    height: 720px;
}

#map {
background-color: white;
}


/* MOBILE */

@media (max-width: 768px) {

.c-logo-body img {
    height: 90px;
    width: auto;
    transition: 1s;
}

.c-logo-body-height1 {
    height: 90px;
    transition: 1s;
}

.c-logo-body-height2 {
    height: 70px;
    transition: 1s;
}

.c-logo-body-height2 img {
    height: 130px;
    transition: 1s;
}

.c-booknow-body span, .c-smallmenutitle {
display: none;
}

.c-title-lg {
    font-family: 'Gilda Display', serif;
    font-size: 40px;
}

.c-title-md {
    font-size: 30px;
}

#second .c-title-md {
    font-size: 20px;
}

.c-title-gallery {
    font-size: 40px;
}

.c-first-container {
    position: absolute;
    right: 0;
    z-index: 3333;
    top: 40%;
    max-width: 650px;
    color: white;
    padding-left: 15px;
    padding-right: 15px;
}


/* ===================== */

/* PADDINGS */

.c-paddingtop-150 {
padding-top: 150px;
}

.c-paddingtop-100 {
padding-top: 100px;
}

.c-paddingtop-50 {
padding-top: 50px;
}

.c-paddingbottom-150 {
padding-bottom: 150px;
}

.c-paddingbottom-100 {
padding-bottom: 100px;
}

.c-paddingbottom-50 {
padding-bottom: 50px;
}

.c-paddingright-25 {
padding-right: 25px;
}

.c-paddingleft-25 {
padding-left: 25px;
}

/* ======================= */

.c-midtext-inner {
    width: 80%;
}
.c-parag-line {
    position: absolute;
    bottom: 0;
    left: -12%;
    height: 65vh;
}

.c-room-abovetitle {
    font-size: 20px;
}

.c-title-footer {
    font-size: 30px;
}

.c-subtitle-footer {
    font-size: 20px;
    margin-top: 20px;
}

#copyright .col-md-6 div {
text-align: center !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.c-room-title {
    font-size: 40px;
}

}.c-newlogo {
    background-image: url('/cache/files/ccc030bd05e0d7f6081824ad7757f2b198b3e8fd.svg');
    background-position: center;
    background-size: contain;
background-repeat: no-repeat;
}


a.mobile-header-startlink {
    background-image: url('/cache/files/ccc030bd05e0d7f6081824ad7757f2b198b3e8fd.svg');
    background-position: center;
    background-size: contain;
background-repeat: no-repeat;
width: 220px;
    transform: translate(-50%, 0%);
}

.side-nav__header {
    background-color: white;
    background-image: url('/cache/files/ccc030bd05e0d7f6081824ad7757f2b198b3e8fd.svg') !important;
    color: #333;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-left: 8vh;
    margin-right: 8vh;
}/*! locomotive-scroll v3.5.4 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
  overflow: hidden;
}

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.has-scroll-smooth body {
  overflow: hidden;
}

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
}

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100vh;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0;
}
.c-scrollbar:hover {
  transform: scaleX(1.45);
}
.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
  opacity: 1;
}

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab;
}
.has-scroll-dragging .c-scrollbar_thumb {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}/* DISABLE LOCOMOTIVE */


.rootOverflow {
overflow: auto !important;
}.c-smallmenutitle {
position: absolute;
    top: 33px;
    left: calc(5% + 75px);
letter-spacing: 1px;
font-size: 13px;
font-weight: 400;
color: white;
}

.c-smallmenutitle-white {
    position: absolute;
    top: 34px;
    left: calc(5% + 75px);
    color: white;
    z-index: 999;
letter-spacing: 2px;
font-size: 13px;
font-weight: 300;
}


#custom-menu ul {
    padding-left: 0px !important;
    list-style: none !important;
    list-style-type: none !important;
    list-style-position: initial !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    top: 50%;
    transform: translateY(-50%);
left: 0%;
}

.loggedin .button_container {
  position: relative;
}

.notloggedin .button_container {
  position: fixed;
  width: 0px;
  height: 0px;
    left: 5%;
    top: 30px;
  cursor: pointer;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.55s;
}

.button_container.active-container {
  position: fixed;
  width: 60px;
  height: 30px;
}

.notloggedin .c-custom-menu-buttons .button_container {
  position: absolute;
  width: 60px;
  height: 30px;
z-index: 999;
    left: 5%;
    top: 30px;
  cursor: pointer;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.55s;
}

#custom-menu .button_container {
  position: absolute;
  width: 60px;
  height: 30px;
z-index: 999;
    left: 5%;
    top: 30px;
  cursor: pointer;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.55s;
}

#cMenu .button_container {
    top: 20px;
}



#custom-menu .button_container span {
opacity: 1;
}

/* DESIGN GIA TO MENU BUTTONS OTAN EINAI STO FIXED */

.button_container span {
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: white;
  transition: all 0.35s ease;
opacity: 0;
}

.button_container .active-buttons span {
opacity: 1;
}

/* ============================== */

/* DESIGN GIA TO MENU BUTTONS OTAN EINAI STO TOP=0 */

.c-custom-menu-buttons span {
opacity: 1;
}

/* ============================== */

.top {
  top: 7px;
}

.button_container:hover .top {
  top: 9px;
}

.button_container.active:hover .top {
  top: 0px;
}


.bottom {
  top: 19px;
}

.button_container:hover .bottom {
  top: 15px;
}

.button_container.active:hover .bottom {
  top: 20px;
}

.button_container.active .top {
  -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
  transform: translateY(10px) translateX(0) rotate(45deg);
  background-color: #0b0205;
  transition: all 0.35s ease;
transition-delay: 1s;
  opacity: 1;
width: 30px;
    top: 0px;
}

.button_container.active .bottom {
  -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
  transform: translateY(-10px) translateX(0) rotate(-45deg);
  background-color: #0b0205;
  transition: all 0.35s ease;
transition-delay: 1s;
  opacity: 1;
width: 30px;
}

/* DEACTIVE BUTTONS */

.c-custom-menu-buttons .top {
background-color: white;
  top: 7px;
}

.c-custom-menu-buttons:hover .top {
  top: 9px;
}

.button_container.active:hover .top {
  top: 0px;
}


.c-custom-menu-buttons .bottom {
background-color: white;
  top: 17px;
}

.c-custom-menu-buttons:hover .bottom {
  top: 15px;
}

.button_container.active:hover .bottom {
  top: 20px;
}

.c-custom-menu-buttons.deactive .top {
  -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
  transform: translateY(10px) translateX(0) rotate(45deg);
  background-color: #a8915f;
  transition: all 0.35s ease;
transition-delay: 1s;
  opacity: 0;
}



.c-custom-menu-buttons.deactive .bottom {
  -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
  transform: translateY(-10px) translateX(0) rotate(-45deg);
  background-color: #a8915f;
  transition: all 0.35s ease;
transition-delay: 1s;
  opacity: 0;
}

/* ================================ */



.button_container.active {
  right: 35px;
z-index: 99999999 !important;
}

.c-overlay {
  position: fixed;
background-color: #f2f4f6;
  visibility: hidden;
  width: 0%;
  height: 100vh;
  left: 0px;
  top: 0px;
  opacity: 0;
  overflow-y: scroll;
  -webkit-transition: opacity 0.35s, width 0.35s, visibility 0.35s;
  transition: opacity 0.35s, width 0.35s, visibility 0.35s;
    z-index: 9999999;
}

.c-overlay.open {
  width: 100%;
  opacity: 1;
  visibility: visible;
overflow-y: hidden;
}

.c-overlay.open li {
  -webkit-animation: fadeInLeft 1.5s ease forwards;
  animation: fadeInLeft 1.5s ease forwards;
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}

.c-overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.c-overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s;
}

.c-overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.c-overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: 1.05s;
  animation-delay: 1.05s;
}

.c-overlay .nav {
    position: relative;
    height: 100vh;
    top: 0%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
font-size: 14px;
}
.c-overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    position: relative;
    width: 100%;
    display: block;
}

.c-overlay ul li {
    display: flex;
    min-height: 50px;
    position: relative;
    opacity: 0;
    width: 100%;
}

.c-overlay ul li a {
    text-decoration: none;
color: #12161a;
}






@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    left: -20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    left: -20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@-webkit-keyframes fadeInLeftLogo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInLeftLogo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

body.active {
  overflow: hidden;
}




/* STYLING */

.c-menu-category {
font-size: 2vw;
    margin-bottom: 0;
font-family: 'Gilda Display', serif;
}

.c-overlay ul li a span {
font-size: 20px;
}

.c-overlay ul li div:nth-child(1) {
    padding-top: 15px;
    padding-bottom: 10px;
    margin-left: 5%;
    line-height: 1;
    flex: 1;
    margin-right: 2%;
}


.c-overlay ul li {
background-color: #f4f3f0;
transition: 0.75s;
}

.c-menu-line {
    background-color: #12161a;
    width: 100%;
    height: 1px;
    position: relative;
    top: calc(2px + 1.5vw);
    opacity: 0;
    transition: 1s;
    flex: 1;
    flex-basis: auto;
}

.c-overlay ul li:hover .c-menu-line {
opacity: 1;
}

#custom-menu .c-logo {
    position: absolute;
    top: 12%;
    left: 5%;
    z-index: 9;
opacity: 0;
}

.c-overlay.open .c-logo {
  -webkit-animation: fadeInLeftLogo 1.5s ease forwards;
  animation: fadeInLeftLogo 1.5s ease forwards;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}


#custom-menu .c-logo img {
    width: 12vw;
    max-width: 250px;
    min-width: 130px;
}

.c-contactMenu {
    position: absolute;
    bottom: 30px;
    padding-bottom: 0px;
    padding-top: 15px;
    z-index: 22;
    width: auto;
    text-align: left;
    left: 5%;
}

.c-contactMenu a {
text-decoration: none;
color: #0b0205;
}


.c-menu-image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5%;
    width: 60%;
}

.c-menu-image img {
width: 100%;
height: auto;
}

.c-menu-image-active {
opacity: 1;
transition: 1s;
transition-delay: 0.5s;
}

.c-menu-image-deactive {
opacity: 0;
transition: 0.3s;
}


.c-shapelist {
    height: 15px;
    width: 15px;
    position: absolute;
    background-color: #c19d41;
    left: 0;
    top: 0;
    margin-left: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    transform: translateY(-50%)rotate(45deg);
}

.c-menutitle-sm {
    font-family: 'Gilda Display', serif;
    font-size: 20px;
}


.c-menu-gradient {
    position: absolute;
    width: 100%;
    height: 160px;
    background-image: linear-gradient(180deg, rgb(0 0 0 / 35%), transparent);
}

.c-deactive-grad {
opacity: 0;
transition: 1s;
}

.c-active-grad {
opacity: 1;
transition: 1s;
}

.c-booknow-body {
    position: absolute;
    right: 5%;
    top: 30px;
    color: white;
}

.c-booknow-body a{
    text-decoration: none;
    color: white;
}


.c-booknow-body .c-menutitle-sm {
    font-family: 'Gilda Display', serif;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 0;
}


.cLang {
    position: absolute;
    top: 30px;
    right: 5%;
    z-index: 9999;
}

#c-bodylang .cLang {
    position: absolute;
    top: 70px;
    right: 5%;
    z-index: 9999;
}

#c-bodylang .cLang a {
    color: #ffffff;
}

#c-bodylang .cLang li:nth-child(1) {
    width: 22px;
    margin-right: 10px;
    letter-spacing: 1px;
}

#c-bodylang .cLang li:nth-child(2) {
    width: 22px;
    letter-spacing: 1px;
}

.cLang div.langlist ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-transform: uppercase;
    display: flex;
    transform: translateY(0) !important;
}

#c-bodylang .cLang div.langlist ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-transform: uppercase;
    display: flex;
    transform: translateY(0) !important;
}

.cLang a {
color: #0b0205;
}
.cLang ul li a {
    margin-top: 0px !important;
}

.cLang .active {
    font-weight: 800;
}

.cLang li {
    background-color: transparent !important;
    height: auto !important;
    overflow: hidden;
}

.cLang li:hover {
    background-color: transparent !important;
    height: auto !important;
}

.cLang li:nth-child(1) {
    width: 25px;
margin-right: 10px;
}

.cLang li:nth-child(2) {
    width: 25px;
}



@media (max-width: 1700px) {
.c-overlay ul li .c-overlay-inner {
    height: 72%;
}
.c-menu-category {
    font-size: 20px;
}

.c-overlay ul li a {
    font-size: 20px;
}
.c-overlay.open li .c-subtitle {
    font-size: 12px;
}
.c-overlay ul li a span {
    font-size: 20px;
}
}

@media (max-width: 768px) {


.cLang div.langlist span.langtext {
    display: block;
}


.notloggedin .c-custom-menu-buttons .button_container {
    position: absolute;
    width: 40px;
}
.c-overlay ul li a {
    font-size: 30px;
}

#custom-menu .c-logo img {
    width: 22vw;
    max-width: 310px;
    min-width: 200px;
}
.c-menutitle-sm {
    font-family: 'Gilda Display', serif;
    font-size: 16px;
}

}.loggedin #topbanner, .loggedin #topmenu {
display: initial;
}

.notloggedin #topbanner, .notloggedin #topmenu {
display: none;
}.swiper-container {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    overflow-x: clip !important;
    overflow: hidden !important;
position: relative;
}


.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #faf7f7;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }


.swiper-slide {
        width: 100%;
      }


.swiper-button-next, .swiper-button-prev {
    position: absolute;
    bottom: 10% !important;
    top: auto !important;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white !important;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    color: #110105 !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 16px !important;
}

/* ====================================== */

/* MIDDLE GALLERY */

.swiper-middle {
    max-width: 1100px !important;
}

.swiper-middle .swiper-wrapper {
    position: relative;
    width: 100%;
}

.swiper-middle .swiper-slide {
    width: 100%;
    height: 30vw;
    width: 100%;
}

.swiper-middle .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
background-repeat: no-repeat;
}

/* MIDDLE GALLERY BUTTON DESIGN */

.c-middlegallery .swiper-button-next, .c-middlegallery .swiper-button-prev {
    position: absolute;
    top: calc(50% + 80px)!important;
    width: 70px;
    height: 70px;
    transform: translateY(-50%) rotate(45deg);
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
background-color: #c19d41 !important;
}

.c-middlegallery .swiper-button-next:after, .c-middlegallery .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    transform: rotate(-45deg);
}




/* MIDDLE GALLERY BUTTONS POSITION */

.c-middlegallery .swiper-button-prev {
    left: 30px !important;
    right: auto !important;
}

.c-middlegallery .swiper-button-next {
    right: 30px !important;
    left: auto;
}

.swiper-slide {
background-color: transparent !important;
}

.swiper-slide img {
        display: block;
        width: 100%;
        object-fit: cover;
      }


/* ===================== */


.c-middlegallery {
position: relative;
    width: 1280px;
    margin: auto;
}

.c-clonedButtons-container {
    position: absolute;
    height: 100%;
    max-width: 1220px;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}


/* FULLSCREEN GALLERY */

.swiper-fullscreen {
    height: 100vh;
    width: 100% !important;
max-width: 100% !important;
position: relative;
}

.swiper-fullscreen .slide-inner {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}


/* FULLSCREEN GALLERY BUTTON DESIGN */

.swiper-fullscreen .swiper-button-next, .swiper-fullscreen .swiper-button-prev {
    position: absolute;
    top: auto !important;
    bottom: 8% !important;
    width: 70px;
    height: 70px;
    transform: translateY(0%) rotate(45deg);
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    background-color: #c19d41 !important;
}

.swiper-fullscreen .swiper-button-next:after, .swiper-fullscreen .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    transform: rotate(-45deg);
}

/* FULLSCREEN GALLERY BUTTONS POSITION */

.swiper-fullscreen .swiper-button-prev {
    left: 25% !important;
    right: auto !important;
}

.swiper-fullscreen .swiper-button-next {
    right: 25% !important;
    left: auto;
}

/* ===================== */

/* ====================================== */

/* ROOMS GALLERY */

.swiper-rooms1 {
    position: relative;
    top: 0;
    height: 40vw;
    width: 100%;
    z-index: 2;
    width: 55vw;
}
.swiper-rooms1 .swiper-wrapper {
    position: relative;
    max-width: 55vw;
}

.swiper-rooms2 {
position: absolute;
top: 5vw;
right: 0;
height: 30vw;
z-index: 1;
max-width: 100% !important;
    opacity: 0.4;
}


.swiper-rooms1 .swiper-slide {
    width: 100%;
    height: 40vw;
    max-width: 100%;
    margin: auto;
}

.swiper-rooms2 .swiper-slide {
    height: 30vw;
}

.swiper-rooms1 .slide-inner, .swiper-rooms2 .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
background-repeat: no-repeat;
}

/* SWIPER1 BUTTON DESIGN */

#roomgallery .swiper-button-next, #roomgallery .swiper-button-prev {
    position: absolute;
    top: calc(50% + 80px)!important;
    width: 70px;
    height: 70px;
    transform: translateY(-50%) rotate(45deg);
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
background-color: #c19d41 !important;
}

#roomgallery .swiper-button-next:after, #roomgallery .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    transform: rotate(-45deg);
}




/* MIDDLE GALLERY BUTTONS POSITION */

.c-swiper1-container .swiper-button-prev {
    left: calc(1.5vw + 30px) !important;
    right: auto !important;
}

.c-swiper1-container .swiper-button-next {
    right: calc(1.5vw + 30px) !important;
    left: auto;
}


.swiper-rooms .swiper-slide img {
        display: block;
        width: 100%;
max-width: 1000px;
        object-fit: cover;
      }


/* ===================== */


.c-swipers-container {
position: relative;
    margin: auto;
}

.c-swiper1-container {
    position: relative;
    width: 55vw;
    margin: auto;
    overflow: hidden;
    padding-right: 5vw;
    padding-left: 5vw;
    background-color: #f2f4f6;
    z-index: 9;
}




@media (max-width: 768px) {

.c-middlegallery .swiper-button-next, .c-middlegallery .swiper-button-prev {
    width: 50px;
    height: 50px;
}


.c-middlegallery {
    width: 100%;
}

.swiper-middle .swiper-slide {
    height: 40vh;
}
.swiper-middle .slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-fullscreen {
    height: 60vh;
}

.swiper-fullscreen .swiper-button-next, .swiper-fullscreen .swiper-button-prev {
    bottom: 50% !important;
    width: 50px;
    height: 50px;
}
.swiper-fullscreen .swiper-button-next {
    right: 20px !important;
    left: auto;
}
.swiper-fullscreen .swiper-button-prev {
    left: 20px !important;
    right: auto !important;
}

.c-swiper1-container {
    position: relative;
    width: 50vh;
}

.swiper-rooms1 {
    position: relative;
    top: 0;
    height: 50vh;
    width: 100%;
    z-index: 2;
    width: 100%;
}

.swiper-rooms1 .swiper-wrapper {
    position: relative;
    max-width: 100%;
}

.swiper-rooms1 .swiper-slide {
    width: 100%;
    height: 100%;
}

.swiper-rooms2 {
display: none;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
}

#roomgallery .swiper-button-next, #roomgallery .swiper-button-prev {
    top: calc(50% + 80px) !important;
    width: 50px;
    height: 50px;
}

.c-swiper1-container .swiper-button-prev {
    left: 30% !important;
    right: auto !important;
}

.c-swiper1-container .swiper-button-next {
    right: 30% !important;
    left: auto !important;
}

}.c-grid-container {
    position: absolute;
    top: 0;
    width: 60%;
    height: 100vh;
    right: 5%;
    z-index: 999;
transition: 0.3s;
transition-delay: 0.3s;
}

.c-active-grid {
opacity: 1;
transition: 1s;
}

.c-deactive-grid {
opacity: 0;
transition: 1s;
}

.c-grid-container img {
height: auto;
    width: 100%;
    margin-top: 2vw;
}

.c-grid-1 {
position: absolute;
top: 0%;
transform: translateY(0%);
  animation: marquee-vertical-1 40s linear infinite;
    width: 100%;
display: block;
padding-left: 0.5vw;
    padding-right: 0.5vw;
}

.c-grid-2 {
position: absolute;
top: 0%;
transform: translateY(0%);
  animation: marquee-vertical-2 40s linear infinite;
    width: 100%;
display: block;
padding-left: 0.5vw;
    padding-right: 0.5vw;
}


@keyframes marquee-vertical-1 {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(-100%);
  }
}

@keyframes marquee-vertical-2 {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}


@media (max-width: 768px) {
.c-grid-container, #mainImage {
display: none;
}
}.c-room-namecontainer {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.c-room-namecontainer .c-room-title {
    font-size: 6vw;
    font-family: 'Gilda Display', serif;
    color: white;
    line-height: 1;
margin-bottom: 0;
}


.c-viewmore {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    color: white;
    font-family: 'Gilda Display';
    font-size: 0.8vw;
    line-height: 1;
    width: -webkit-fill-available;
}

.c-viewmoretext {
    position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
    z-index: 1;
}

.c-viewmoreshape {
    position: absolute;
    background-color: #c19d41;
    width: 20px;
    height: 20px;
    transform: translateX(-50%) translateY(0%) rotate(45deg);
    left: 50%;
    top: 0px;
opacity: 0;
    z-index: 0;
  animation: viewmoreshape-anim 2s linear infinite;

}

@keyframes viewmoreshape-anim {
  0% {
    transform: translateX(-50%) translateY(-10px) rotate(45deg);
opacity: 0;
  }
  50% {
    transform: translateX(-50%) translateY(25px) rotate(45deg);
opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(60px) rotate(45deg);
opacity: 0;
  }
}


.c-details-container {
    padding-left: 4vw;
    padding-right: 4vw;
    padding-top: 7vw;
}

#facilities {
background-color: white;
text-align: center;
}


#roomgallery {
position: relative;
padding-top: 10vw;
padding-bottom: 10vw;
}


@media (max-width: 768px) {
.c-viewmore {
    font-size: 20px;
}
.c-room-namecontainer .c-room-title {
    font-size: 40px;
}

#facilities .col-xs-6 {
    height: 200px;
}
}.notloggedin #c-container {
  position: relative;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: white;
  overflow: hidden;
}

.loggedin #c-container {
  position: relative;
  width: 60vw;
  height: 6vh;
  top: 0;
  left: 0;
  background-color: white;
  overflow: hidden;
}

.notloggedin #c-wrapper {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index: 10;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.notloggedin #c-wrapper div {
    position: absolute;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.c-holidays-container {
height: 100vh;
width: 100%;
position: relative;
}

.p1 {
    z-index: 6;
    left: 10%;
    top: 10%;
}

.p2 {
    z-index: 8;
    left: 30%;
    top: 50%;
}

.p3 {
    z-index: 8;
    right: 10%;
    top: 10%;
}

.p4 {
    z-index: 8;
    right: 10%;
    top: 50%;
}

.p1 img, .p2 img, .p3 img, .p4 img {
    width: auto;
    height: 15vw;
opacity: 0.4;
}

.c-holidays-titlecontainer {
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    z-index: 29;
}

@media (max-width: 768px) {
.p1 {
    z-index: 6;
    left: 0%;
    top: 12%;
}

.p2 {
    z-index: 8;
    left: 15%;
    top: 60%;
}

.p3 {
    z-index: 8;
    right: 5%;
    top: 8%;
}

.p4 {
    z-index: 8;
    right: 0%;
    top: 65%;
}

.p1 img, .p2 img, .p3 img, .p4 img {
    width: auto;
    height: 40vw;
opacity: 0.4;
}
}.instagram .swiper-button-prev, .instagram .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
    width: 70px;
    height: 70px;
    border: 0px;
    background-color: #c19d41 !important;
transform: rotate(45deg) translateY(-50%);
    top: 50% !important;
    margin-top: 0px !important;
}

.instagram .swiper-button-next, .instagram .swiper-rtl .swiper-button-prev {
    right: 60px;
    left: auto;
    width: 70px;
    height: 70px;
    border: 0px;
    background-color: #c19d41 !important;
transform: rotate(45deg) translateY(-50%);
    top: 50% !important;
    margin-top: 0px !important;
}

.instagram .swiper-button-prev:after, .instagram .swiper-rtl .swiper-button-next:after {
color: white;
    transform: rotate(-45deg);
}

.instagram .swiper-button-next:after, .instagram .swiper-rtl .swiper-button-prev:after {
color: white;
    transform: rotate(-45deg);
}


.instagram .slick-slide {
    margin-left: 10px;
    margin-right: 10px;
}