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

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

div.innerpopuplogos, #innertopbanner {
    max-width: 100%;
}

.c-section2 {
padding: 15px;
max-width: 1000px;
margin: auto;
padding-top: 50px;
padding-bottom: 100px;
text-align: center;
}


/* LANGUAGES - GLWSSES */
#topbanner .langchooser {
    position: relative;
    right: 2%;
    top: 13px;
}

#topbanner .langchooser select {
    color: #333333;
    border: 1px solid #85754e;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#topbanner .langchooser ul li:nth-child(1) {
width: 10px;
overflow: hidden;
margin-right: 8px;
    text-transform: uppercase;
}

#topbanner .langchooser ul li:nth-child(2) {
width: 20px;
overflow: hidden;
margin-right: 0px;
    text-transform: uppercase;
}

#topbanner .langchooser div.langlist ul li.active a {
color: #a8915f;
}

#topbanner .langchooser ul li a {
color: #a8915f !important;
}

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


.loggedin #topmenu {
display: initial;
}

.notloggedin #topmenu {
display: none;
}

.loggedin #topbanner {
    position: relative;
}

.notloggedin #topbanner {
top: 0;
    position: fixed;
    z-index: 999999;
}


.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;
}


/* CONTAINERS */

/* FIRST SECTION */

.c-first-section {
position: relative;
height: 100vh;
width: 100%;
z-index: 0;
overflow: hidden;
}

@media (max-width: 768px) {
.c-first-section {
position: relative;
height: 70vh;
width: 100%;
z-index: 0;
overflow: hidden;
}
}

.c-first-bottom-text {
    position: absolute;
    text-align: center;
    left: 11.5%;
    bottom: 12%;
    transform: translate(-50%, 0);
    z-index: 2;
    color: #85754e;
    max-width: 250px;
    width: 100%;
}

@media (max-width: 768px) {
.c-first-bottom-text {
    position: absolute;
    text-align: center;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
    color: white;
    max-width: 250px;
    width: 100%;
}
}

.c-first-text {
    position: absolute;
    top: 25%;
    left: 3%;
    z-index: 2;
    max-width: 300px;
    width: 100%;
    font-size: 14px;
}

/* VIDEO */

.c-first-video-pos {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
}

.c-first-video-pos {
height: 100vh;
width: 100%;
text-align: center;
}

.c-first-video-pos img, .c-first-video-pos video {
    width: auto;
    height: 110vh;
position: relative;
    transform: translate(-50%, 0);
    left: 50%;
}

@media (max-width: 768px) {
.c-first-video-pos {
height: 70vh;
width: 100%;
text-align: center;
}
.c-first-video-pos img, .c-first-video-pos video {
    width: auto;
    height: 70vh;
position: relative;
    transform: translate(-50%, 0);
    left: 50%;
}
}

.c-temporary-bg {
background-size: cover;
background-position: center;
height: 100vh;
width: 100%;
}

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


/* BIG LOGO FIRST SECTION */

.c-over-first {
position: absolute;
left: 0;
top: 0;
z-index: 1;
}

.c-over-first img {
height: 101vh;
width: auto;
}

@media (max-width: 768px) {
.c-over-first img {
display: none;
}
}

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

/* TITLES */

.c-title-s-md {
    font-family: 'Bona Nova', serif;
    font-size: 40px;
    font-weight: 100;
    margin-bottom: 20px;
    letter-spacing: 5px;
}

.c-title-ss-md {
font-size: 40px;
font-weight: 200;
margin-bottom: 20px;
opacity: 0.5;
transition: 0.3s;
}

.c-title-s-sm {
    font-family: 'Bona Nova', serif;
font-size: 20px;
font-weight: 200;
margin-bottom: 20px;
transition: 0.3s;
}

.c-title-ss-sm {
font-size: 20px;
font-weight: 200;
margin-bottom: 20px;
transition: 0.3s;
}

@media (max-width: 1600px) {
.c-title-s-md {
    font-size: 30px;
    margin-bottom: 10px;
    letter-spacing: 0.3vw;
}

.c-title-ss-md {
font-size: 30px;
margin-bottom: 10px;
}

.c-title-s-sm {
    font-family: 'Bona Nova', serif;
font-size: 16px;
margin-bottom: 10px;
}

.c-title-ss-sm {
font-size: 16px;
margin-bottom: 10px;
}
}

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

.c-padding-left {
padding-left: 5vw;
}

.c-padding-right {
padding-right: 5vw;
}


/* SOCIAL */

.c-social a{
color: #a8915f !important;
text-decoration: none;
margin-right: 10px;
transition: 0.5s;
}
.c-social a:hover{
color: white;
}
.c-social a span{
    padding-left: 15px;
    padding-right: 11px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #a8915f;
transition: 0.5s;
}
.c-social a:hover span{
background-color: #a8915f;
color: white;
}



/* BUTTONS */

.c-button-gold {
  display: inline-block;
  padding: 15px 25px;
font-size: 14px;
  color: #a8915f;
  text-decoration: none;
  position: relative;
  background-color: transparent;
  border: 1px solid #a8915f;
  text-align: center;
    letter-spacing: 4px;
  text-transform: uppercase;
  transition: 0.5s;
}

.c-button-gold:hover {
  background-color: #a8915f;
  border: 1px solid #a8915f;
color: white;
}

.c-button-gold-full {
  display: inline-block;
  padding: 15px 25px;
font-size: 14px;
  color: white;
  text-decoration: none;
  position: relative;
  background-color: #a8915f;
  border: 1px solid #a8915f;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
    letter-spacing: 4px;
}

.c-button-gold-full:hover {
  background-color: white;
  border: 1px solid #a8915f;
color: #a8915f;
}


/* LINE */

.c-line {
    background-color: #85754e;
    height: 1px;
    margin-bottom: 0.9vw;
}



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

/* WEATHER WIDGET */

.c-weather-container {
background-color: #e7e3dc;
margin-top: 70px;
margin-bottom: 70px;
padding-top: 70px;
padding-bottom: 80px;
}

.c-weather-inner {
max-width: 1280px;
margin: auto;
}

#weatherwidget-io-0 {
font-family: 'Manrope', sans-serif !important;
}


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


/* MY WAY OF */

#wayofliving img {
    margin-left: vw;
    width: 10vw;
    height: auto;
}

.c-mywayof-subtitle {
    font-family: 'Allura', cursive;
    font-size: 5.5vw;
    opacity: 0.1;
    margin-top: -5vw;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0rem 2rem !important;
    position: relative;
    z-index: 0;
    color: #a8915f;
}

.c-mywayof-subtitle-white {
    font-family: 'Allura', cursive;
    font-size: 5.5vw;
    opacity: 0.4;
    margin-top: -3.5vw;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0rem 0rem !important;
    position: relative;
    z-index: 0;
    color: white;
}

.c-fullpage-image-cont {
    position: relative;
    height: 100vh;
color: white;
background-size: cover;
background-position: center;
}


.c-fullpage-image-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 520px;
}

.c-fullpage-image-inner p {
    max-width: 600px;
}

.c-fullpage-image-inner p:nth-last-child(1) {
text-align: center;
font-size: 18px;
}

.c-fullpage-image-inner img {
    margin-left: 0vw;
    width: 10vw;
    height: auto;
}

.c-over-dark {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(29 22 5 / 50%);
}

.c-layouts {
    padding-top: 100px;
    padding-bottom: 100px;
}

.c-layout-capacity {
    margin-top: 50px;
    margin-bottom: 50px;
}

.c-capacity-title {
background-color: #a8915f; 
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
color: white;
width: 100%;
}

.c-layout-capacity p {
margin-bottom: 0px;
}

.c-layout-capacity .row {
margin-right: 0;
    margin-left: 0;
}

.c-layout-capacity .row .col-md-6 {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #a8915f;
}

.c-layout-capacity .row .col-md-6 p {
    padding-bottom: 5px;
    padding-left: 20px;
}

.c-contact-form-title {
padding-top: 100px;
padding-bottom: 50px;
    text-align: center;
}

.cClonedBooking {

}

@media (max-width: 768px) {
.c-fullpage-image-inner img {
    margin-left: 0vw;
    width: 35vw;
    height: auto;
}
.c-mywayof-subtitle-white {
    font-family: 'Allura', cursive;
    font-size: 12.5vw;
    opacity: 0.4;
    margin-top: -6.5vw;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0rem 0rem !important;
    position: relative;
    z-index: 0;
    color: white;
}
}.c-newlogo {
    background-image: url('/cache/files/c688918f5b166db050b099f5cc57f90768f99c71.svg');
    background-position: center;
    background-size: 90%;
background-repeat: no-repeat;
}


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

.side-nav__header {
    background-color: white;
    background-image: url('/cache/files/c688918f5b166db050b099f5cc57f90768f99c71.svg') !important;
    color: #333;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-left: 8vh;
    margin-right: 8vh;
}

#mobile-header .langchooser {
    position: absolute;
    right: 16px;
    top: 23px;
}.loggedin .mobile-header button {
display: block;
}

.notloggedin .mobile-header button {
display: none;
}

#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;
}

.loggedin .button_container {
  position: relative;
}

.notloggedin .button_container {
  position: fixed;
  width: 30px;
  height: 25px;
z-index: 99999999999;
    left: 2%;
    top: 30px;
  cursor: pointer;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.55s;
}

.button_container span {
  width: 30px;
  height: 2px;
  position: absolute;
  background-color: #a8915f;
  transition: all 0.35s ease;
}

.top {
  top: 0px;
}

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

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

.middle {
  top: 10px;
}

.bottom {
  top: 20px;
}

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

.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: #a8915f;
}

.button_container.active .middle {
  opacity: 0;
}

.button_container.active .bottom {
  -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
  transform: translateY(-10px) translateX(0) rotate(-45deg);
  background-color: #a8915f;
}

.button_container.active {
  right: 35px;
}

.c-overlay {
  position: fixed;
background-color: #f4f3f0;
  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%);
    letter-spacing: 0.3vw;
}
.c-overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
}

.c-overlay ul li {
    display: block;

    height: 100vh;
    min-height: 50px;
    position: relative;
    opacity: 0;
    width: 20%;
    padding-left: 1vw;
    padding-right: 1vw;
}

.c-overlay ul li a {
    display: block;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    font-size: 0.7vw;
    color: #4b4942;
margin-top: 20px;
line-height: 1.1;
}

.c-overlay ul li a:hover:after,
.c-overlay ul li a:focus:after,
.c-overlay ul li a:active:after {
  width: 100%;
}

.c-overlay ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0%;
  width: 0%;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  height: 1px;
  background-color: rgb(168 145 95 / 40%);
  -webkit-transition: 0.75s;
  transition: 0.75s;
}

@-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: 1.1vw;
    margin-bottom: 0;
    color: #a8915f;
font-family: 'Bona Nova', serif;
}

.c-overlay ul li a span {
font-size: 1.4vw;
    color: #c9c6be;
}

.c-overlay ul li p {
margin-bottom: 0px;
}

.c-overlay.open li .c-subtitle {
    font-size: 0.6vw;
    letter-spacing: 0.1vw;
}

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

.c-overlay ul li:hover {
background-color: #fff;
}


.c-overlay ul li .c-overlay-inner {
    position: relative;
    height: 65%;
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
    border-right: 1px solid rgb(168 145 95 / 20%);
    border-bottom: 0px solid rgb(168 145 95 / 20%);
padding-right: 1vw;
    margin-left: -1px;
}

/* ALIGN MENU CONTENT MIDDLE */

.c-align-menu {
    position: relative;
    width: 100%;
    top: 2%;
    left: 0%;
    transform: translate(0%,0%);
}

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

#custom-menu .c-logo {
    position: absolute;
    top: 2%;
    left: 50%;
    transform: translate(-50%, 0);
    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;
}


#custom-menu .c-button-gold-full {
  display: inline-block !important;
margin-top: 2vw !important;
  padding: 15px 25px;
font-size: 14px !important;
  color: white;
  text-decoration: none;
  position: relative;
  background-color: #a8915f;
  border: 1px solid #a8915f;
  text-align: center;
  text-indent: 2px;
  text-transform: uppercase;
  transition: 0.5s;
}

#custom-menu .c-button-gold-full:hover {
  background-color: white;
  border: 1px solid #a8915f;
color: #a8915f;
}

.c-boutique {
margin-top: 30%;
}

.c-boutique img {
width: 100%;
max-width: 170px;
height: auto;
}

.c-global-tourism {
margin-top: 30px;
width: 100%;
max-width: 170px;
height: auto;
}

.c-overlay ul li .c-boutique a:hover::after {
    width: 0%;
}

.c-boutique-top {
    position: absolute;
    z-index: 70;
    top: calc(10% + 100px);
    left: 8.5%;
    transform: translate(-50%, 0);
}

.c-boutique-top img {
    width: 11vw;
    height: auto;
    max-width: 200px;
}


@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: 16px;
}
.c-overlay.open li .c-subtitle {
    font-size: 12px;
}
.c-overlay ul li a span {
    font-size: 20px;
}
}

/* MOBILE */

@media (max-width: 990px) {

.notloggedin .button_container {
    position: fixed;
    width: 30px;
    height: 25px;
    z-index: 99999999999;
    left: 15px;
    top: 35px;
    cursor: pointer;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.55s;
}

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

.c-overlay {
    position: fixed;
    background-color: white;
}
.c-overlay ul {
    display: flex;
    flex-wrap: wrap;
}
.c-overlay ul li {
    background-color: white;
}
.c-overlay ul li {
    display: block;
    height: auto;
    min-height: 50px;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    flex: 100%;
}
.c-overlay ul li .c-overlay-inner {
    position: relative;
    height: 65%;
    width: 100%;
    top: 0;
    transform: translate(0, 0%);
    border-bottom: 1px solid rgb(168 145 95 / 20%);
    padding-right: 1vw;
    margin-left: -1px;
    padding-top: 50px;
    padding-bottom: 50px;
    border-right: 0px solid rgb(168 145 95 / 20%);
}
.c-overlay .nav {
    position: relative;
    height: 100%;
    top: 100px;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    letter-spacing: 0.3vw;
}
.c-overlay ul li .c-overlay-inner {
    height: auto;
}

.c-boutique {
margin-top: 5%;
}

.c-boutique img {
width: 100%;
max-width: 100px;
height: auto;
}

.c-overlay ul li .c-boutique a:hover::after {
    width: 0%;
}

}

/* ========================= */.c-logo-box img{
    width: 100%;
    height: auto;
}

.c-social-box {
font-size: 30px;
text-align: center;
}

.c-booking-box {
background-color: #e7e3dc;
    height: 100%;
text-align: center;
}

/*
.c-align-middle {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/

#footer .c-align-middle {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    gap: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#footer .c-align-middle img, #footer .col-md-2 .c-align-middle a {
    margin: auto;
    width: 100%;
    height: 33.33%;
    max-height: 110px;
    object-fit: contain;
}

#footer .col-md-2 .c-align-middle a img {
    display: block;
    margin: auto;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.c-booking-box .c-align-middle {
    width: 70%;
margin: 0 auto;
}

.c-information-box {
    height: 100%;
}


/* SOCIAL */

#footer .c-social a{
color: #4b4942 !important;
text-decoration: none;
margin-right: 10px;
transition: 0.5s;
}
#footer .c-social a:hover{
color: white;
}
#footer .c-social a span{
    padding-left: 0px;
    padding-right: 11px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 0px solid #a8915f;
transition: 0.5s;
}
#footer .c-social a:hover span{
background-color: transparent;
color: #a8915f;
}



@media (max-width: 990px) {
#footer .c-align-middle {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    width: 100%;
    text-align: center;
margin-top: 50px;
}

#footer .c-booking-box {
    background-color: #e7e3dc;
    height: 100%;
    text-align: center;
    padding: 50px;
}
}#rooms .panel .c-room-overlay {
    opacity: 0;
    transition: 0.75s;
    position: absolute;
    height: 100%;
    width: 100%;
background-color: white;
}

#rooms article a {
    height: 100vh;
    position: relative;
    width: 100%;
    text-decoration: none;
    color: #333;
}

#rooms .panel:hover .c-room-overlay {
opacity: 0.85;
}



.c-room-info {
    position: absolute;
    top: 15vw;
    left: 6vw;
    width: 21vw;
    max-width: 800px;
}
.c-interior-info {
opacity: 0;
    position: relative;
    height: 3vw;
transition-delay: 0.25s;
transition-property: opacity;
transition-duration: 0.75s;
}

.c-hosts-info{
opacity: 0;
    position: relative;
    height: 3vw;
transition-delay: 0.75s;
transition-property: opacity;
transition-duration: 0.75s;
}

#rooms .panel:hover .c-interior-info, #rooms .panel:hover .c-hosts-info {
opacity: 1;
}

#rooms .panel .c-button-gold-full {
opacity: 0;
}

#rooms .panel:hover .c-button-gold-full {
opacity: 1;
transition-delay: 1.25s;
transition-property: opacity;
transition-duration: 0.75s;
}

.c-info-title {
font-family: 'Bona Nova', serif;
    font-size: 0.7vw;
    letter-spacing: 0.3vw;
    float: left;
    margin-bottom: 0;
    line-height: 2vw;
color: #a8915f;
}

.c-info {
    float: right;
    font-size: 1vw;
    margin-bottom: 0;
    line-height: 2vw;
}

.c-info-line {
    position: relative;
    width: 100%;
    background-color: #a8915f;
    height: 1px;
    bottom: 0;
    float: left;
}



.c-room-infobox {
    position: absolute;
    bottom: 3vw;
    height: 10vw;
    width: 25vw;
    max-width: 600px;
}

.c-infobox-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(255 255 255 / 90%);
}

.c-infobox-num {
    position: absolute;
    color: white;
    background-color: #a8915f;
    font-size: 6vw;
    width: 4vw;
    text-align: center;
    height: 100%;
    object-position: center;
    bottom: 0;
transition: 0.75s;
}

.c-infobox-num p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#rooms .panel:hover .c-infobox-num {
    bottom: 10%;
}

.c-infobox-inner {
    position: absolute;
    left: 6vw;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 6vw);
}

.c-infobox-title {
font-family: 'Bona Nova', serif;
    font-size: 30px;
    letter-spacing: 0.3vw;
    margin-bottom: 0;
    line-height: 1;
color: #a8915f;
width: 80%;
}

@media (max-width: 1440px) {
.c-infobox-title {
    font-size: 20px;
color: #a8915f;
}
}

.c-infobox-text {
letter-spacing: 4px;
width: 80%;
}

.c-infobox-line {
    width: calc(100% + 4vw);
    height: 1px;
    background-color: #a8915f;
    margin-top: 20px;
    margin-bottom: 15px;
}

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


/* ROOM DETAILS */ 

.c-main-info-container .row {
    max-width: 1000px;
    margin: auto;
}

.c-main-info-container .col-md-4 {
    padding-top: 15px;
    padding-bottom: 15px;
    color: white;
    text-align: center;
    font-size: 20px;
letter-spacing: 4px;
}

#room-details .c-head-container-bg {
    height: 100vh;
    background-size: cover;
    background-position: center;
    width: 100%;
position: relative;
}

#room-details .c-head-container-inner {
    position: absolute;
    background-color: white;
    bottom: 10%;
    left: 6vw;
    width: 100%;
    height: 230px;
    max-width: 550px;
    z-index: 6;
}

@media (max-width: 1600px) {
#room-details .c-head-container-inner {
    position: absolute;
    background-color: white;
    bottom: 10%;
    left: 6vw;
    width: 100%;
    height: 200px;
    max-width: 450px;
    z-index: 6;
}
}

@media (max-width: 1440px) {
#room-details .c-head-container-inner {
    position: absolute;
    background-color: white;
    bottom: 10%;
    left: 6vw;
    width: 100%;
    height: 150px;
    max-width: 450px;
    z-index: 6;
}
}

@media (max-width: 990px) {
#room-details .c-head-container-inner {
    position: absolute;
    background-color: white;
    bottom: 10%;
    left: 6vw;
    width: 75%;
    height: auto;
    max-width: 450px;
    z-index: 6;
}

#gastronomy-details .c-head-container-inner {
    position: absolute;
    background-color: white;
    bottom: 10%;
    left: 6vw;
    width: 75%;
    height: 150px;
    max-width: 450px;
    z-index: 6;
}
}



#room-details .c-infobox-inner {
    position: relative;
    left: 2vw;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}


#room-services, #room-services-balcony {
text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
}

#room-services .row, #room-services-balcony .row {
    margin-top: 30px;
}

#room-services .col-md-2 {
width: 20%;
}

#room-services .col-md-2 p,, #room-services-balcony .col-md-2 p {
margin-top: 20px;
font-size: 14px;
letter-spacing: 3px;
}


/* BUSINESS PAGE */

#meeting-services {
text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
}

#meeting-services .row {
    margin-top: 30px;
}

#meeting-services .col-md-2 p {
margin-top: 20px;
font-size: 14px;
letter-spacing: 3px;
}


.c-parallax {
  position: relative;
  height: 80vh;
}

.c-parallax-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.c-parallax-bg-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white !important;
    text-align: center;
    font-size: 40px;
    font-weight: 100;
    width: 100%;
    max-width: 400px;
    letter-spacing: 5px;
}

.c-parallax-title-1 {
    font-size: 40px;
    font-family: 'Bona Nova', serif;
    letter-spacing: 5px;
    color: white;
    margin-top: 30px;
    margin-bottom: 10px;
}

.c-parallax-line {
width: 100%;
max-width: 400px;
height: 1px;
background-color: white;
margin-bottom: 12px;
}


.c-cocomat {
    padding-top: 0px;
    padding-bottom: 0px;
}

.c-cocomat-info {
position: relative;
    padding: 100px;
    min-height: 720px;
    height: 35vw;
}

@media (max-width: 1440px) {
.c-cocomat-info {
    position: relative;
    padding: 30px;
    min-height: 720px;
    height: 35vw;
}
}

.c-cocomat-text-1 {
    font-size: 30px;
font-family: 'Bona Nova', serif;
letter-spacing: 5px;
color: #a8915f;
margin-top: 30px;
margin-bottom: 10px;
}

.c-cocomat-text-2 {

}

.c-cocomat-line {
width: 100%;
    height: 1px;
    background-color: #a8915f;
margin-bottom: 15px;
}

.c-middle-align {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.c-col-bg-lg {
    height: 80vh;
    min-height: 900px;
    background-size: cover;
    background-position: center;
}

.c-col-bg-md {
    min-height: 720px;
    height: 35vw;
    background-size: cover;
    background-position: center;
background-repeat: no-repeat;
}

.c-col-bg-sm {
    min-height: 500px;
    height: 25vw;
    background-size: cover;
    background-position: center;
background-repeat: no-repeat;
}

.c-col-bg-fs{
    min-height: 500px;
    height: 80vh;
    background-size: cover;
    background-position: center;
background-repeat: no-repeat;
}

.c-cozy-info {
position: relative;
    height: 600px;
}

.c-cozy img {
    max-height: 600px;
    width: auto;
}

.c-col-bg-cozy {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.c-section-title-1 {
    font-size: 30px;
font-family: 'Bona Nova', serif;
letter-spacing: 5px;
color: #a8915f;
margin-top: 30px;
margin-bottom: 10px;
}

.c-cocomat-text-2 {

}

.c-section-line {
width: 100%;
    height: 1px;
    background-color: #a8915f;
margin-bottom: 15px;
    max-width: 400px;
}


.c-luxury-info {
position: relative;
    padding: 100px;
    min-height: 720px;
    height: 80vh;
}

/* STANDARD DOUBLE */

.c-comfort-standardD-content {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 400px;
    font-size: 40px;
    font-weight: 100;
    letter-spacing: 5px;
}

.c-comfort-standardD-title {
    font-size: 40px;
    font-family: 'Bona Nova', serif;
    letter-spacing: 5px;
    color: #a8915f;
    margin-top: 30px;
    margin-bottom: 10px;
}

.c-top-box {
    position: relative;
    height: 30vh;
    min-height: 350px;
    width: 100%;
}

.c-bottom-box {
    position: relative;
    height: 50vh;
    min-height: 550px;
    width: 100%;
}

.c-col-bg-bottom {
height: 100%;
    background-size: cover;
    background-position: bottom;
}

#luxury {
    height: 80vh;
    min-height: 900px;
    position: relative;
overflow: hidden;
}


/* SUPERIOR DOUBLE */



.c-comfort-superiorD-content {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 400px;
    font-size: 40px;
    font-weight: 100;
    letter-spacing: 5px;
}

.c-comfort-superiorD-title {
    font-size: 40px;
    font-family: 'Bona Nova', serif;
    letter-spacing: 5px;
    color: #a8915f;
    margin-top: 30px;
    margin-bottom: 10px;
}

/* FAMILY ROOM */

.c-comfort-height {
    height: 40vw;
    min-height: 720px;
}


/* JUNIOR SUITE */

.c-parallax-junior {
  position: relative;
  height: 65vh;
}

.c-parallax-junior .c-col-bg-lg {
  height: 50vh;
min-height: 900px;
    background-size: cover;
    background-position: center;
}


.c-juniorsuite-video video {
    width: 110%;
    height: 102%;
    margin-bottom: -5px;
}


/* MOBILE */

@media (max-width: 990px) {
#room-services .col-md-2 {
    width: 100%;
}

.c-room-infobox {
    position: absolute;
    bottom: 3vw;
    height: 30vh;
    width: 90vw;
    max-width: 600px;
}
.c-infobox-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(255 255 255 / 100%);
}
.c-infobox-num {
    position: absolute;
    color: white;
    background-color: #a8915f;
    font-size: 6vw;
    width: 15vw;
    text-align: center;
    height: 100%;
    object-position: center;
    bottom: 20px;
    transition: 0.75s;
}
.c-infobox-inner {
    position: absolute;
    left: 19vw;
    top: 50%;
    transform: translateY(-50%);
    width: 90%;
}

.c-col-bg-cozy {
    height: 100%;
min-height: 350px;
}
.c-col-bg-md {
    min-height: 300px;
    height: 25vw;
}
.c-comfort-standardD-content {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    text-align: center;
    max-width: 400px;
    font-size: 20px;
    font-weight: 100;
    letter-spacing: 5px;
}
.c-comfort-standardD-title {
    font-size: 30px;
    font-family: 'Bona Nova', serif;
    letter-spacing: 5px;
    color: #a8915f;
    margin-top: 0px;
    margin-bottom: 10px;
}
.c-parallax {
    position: relative;
    height: 50vh;
}
.c-parallax-title-1 {
    font-size: 30px;
}
.c-parallax-bg-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white !important;
    text-align: center;
    font-size: 30px;
    font-weight: 100;
    width: 100%;
    max-width: 270px;
    letter-spacing: 5px;
}
.c-cocomat-info {
    position: relative;
    padding: 30px;
    min-height: 500px;
}
.c-cozy-info {
    position: relative;
    height: 300px;
}
#room-details .c-infobox-inner {
    position: relative;
    left: 0px;
    top: 0;
    transform: translateY(-0%);
    padding: 15px;
    width: 100%;
}
.c-comfort-superiorD-content {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    text-align: center;
    max-width: 400px;
    font-size: 20px;
    font-weight: 100;
    letter-spacing: 5px;
}
.c-comfort-superiorD-title {
    font-size: 30px;
    font-family: 'Bona Nova', serif;
    letter-spacing: 5px;
    color: #a8915f;
    margin-top: 0;
    margin-bottom: 10px;
}
.c-luxury-info {
    position: relative;
    padding: 50px;
    min-height: 500px;
    height: 0;
}
.c-col-bg-lg {
    height: 80vh;
    min-height: 100%;
    background-size: cover;
    background-position: center;
}
}/* VERTICAL TEXT */
.c-vertical-text-wrap {
    background: rgba(255, 255, 255, 0.95);
    z-index: 1;
    position: fixed;
    display: block;
    top: 50%;
    right: 1%;
    height: 350px;
    width: 60px;
    transform: translate(0%, -50%);
border: 1px solid #a8915f;
}






.c-vertical-text-1 {
    left: 0;
    max-width: 100%;
    padding-top: 0vw;
    padding-right: 0vw;
    font-size: 14px;
    white-space: w;
    text-align: center;
    position: absolute;
    z-index: 1;
    bottom: 15px;
    transition: 0.3s;
    color: #a8915f;
}



.c-vertical-text-2 {
    left: 0;
    top: 0;
    padding-top: 15px;
    padding-left: 2px;
    font-size: 20px;
    white-space: nowrap;
    cursor: vertical-text;
    position: absolute;
    display: block;
    height: auto;
    direction: ltr;
    z-index: 1;
    transition: 0.3s;
    color: #a8915f;
    text-align: center;
    width: 100%;
}


.c-wlogo {
    width: 100%;
    padding-top: 0vw;
    padding-left: 4px;
    font-size: 20px;
    white-space: nowrap;
    cursor: vertical-text;
    position: absolute;
    display: block;
    height: auto;
    direction: ltr;
    z-index: 1;
    top: 50%;
    text-align: center;
transform: translate(0,-50%);
}



.c-wlogo img {
width: 40px;
height: 40px;
}

.c-vertical-text-1 a, .c-vertical-text-2 a{
    text-decoration: none;
    color: #a8915f;
}



@media (max-width: 990px) {
.c-vertical-text {
font-size: 5vh;
}
}




/* .c-vertical-text-1 {
-ms-transform: rotate(-90deg);
 -moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-ms-transform-origin: left bottom 0;
-moz-transform-origin: left bottom 0;
-webkit-transform-origin: left bottom 0;
transform-origin: left bottom 0;
    left: 43px;
    padding-top: 0vw;
    padding-right: 0vw;
    font-size: 20px;
    white-space: nowrap;
    cursor: vertical-text;
    position: absolute;
    display: block;
    height: auto;
direction: rtl;
    z-index: 1;
    bottom: 15px;
    transition: 0.3s;
    color: #a8915f;
} 

.c-wlogo {
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg) translateY(-50%);
-ms-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-webkit-transform-origin: 50%;
transform-origin: 50%;
    left: 50%;
    padding-top: 0vw;
    padding-right: 0vw;
    font-size: 20px;
    white-space: nowrap;
    cursor: vertical-text;
    position: absolute;
    display: block;
    height: auto;
    direction: ltr;
    z-index: 1;
    top: 50%;
}

.c-vertical-text-2 {
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-ms-transform-origin: left top 0;
-moz-transform-origin: left top 0;
-webkit-transform-origin: left top 0;
transform-origin: left top 0;
    left: 16px;
    padding-top: 0vw;
    padding-right: 0vw;
    font-size: 20px;
    white-space: nowrap;
    cursor: vertical-text;
    position: absolute;
    display: block;
    height: auto;
    direction: ltr;
    z-index: 1;
    top: 170px;
    transition: 0.3s;
    color: #a8915f;
}


*/


@media (max-width: 990px) {
.c-vertical-text-wrap {
    height: 300px;
    width: 40px;
}
}#gastronomy article a {
    height: 100vh;
    position: relative;
    width: 100%;
    text-decoration: none;
    color: #333;
}

#gastronomy-details .c-head-container-bg {
    height: 100vh;
    background-size: cover;
    background-position: center;
    width: 100%;
position: relative;
}

#gastronomy-details .c-head-container-inner {
    position: absolute;
    background-color: white;
    bottom: 10%;
    left: 6vw;
    width: 100%;
    height: 230px;
    max-width: 550px;
    z-index: 6;
}

#gastronomy-details .c-infobox-inner {
    position: relative;
    left: 2vw;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}


#gastronomy-services {
text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
}

#gastronomy-services .row {
    margin-top: 30px;
}

#gastronomy-services .col-md-2 {
width: 20%;
}

#gastronomy-services .col-md-2 p {
margin-top: 20px;
font-size: 14px;
letter-spacing: 3px;
}



.c-foodmenus {
    max-width: 1440px;
    margin: auto;
    width: 100%;
    text-align: center;
    min-height: 200px;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
}

.c-foodmenus-christmas {
    max-width: 1550px;
}

.c-foodmenus .col-md-4, .c-foodmenus .col-md-6, .c-foodmenus .col-md-3 {
    height: 200px;
    min-height: 200px;
    position: relative;
}

.c-foodmenus .col-md-2 {
    height: 200px;
    min-height: 200px;
    position: relative;
}


.c-foodmenus .c-border-right {
border-right: 1px solid #a8915f;
}

@media (max-width: 768px) {
.c-foodmenus .c-border-right {
border-right: 0px solid #a8915f;
}
}




.c-minheight-con-text {
    width: 70%;
    margin: auto;
    text-align: justify;
    padding: 20px;
}


@media (max-width: 990px) {
#gastronomy-details .c-head-container-bg {
    background-position: 65%;
}
#gastronomy-details .c-head-container-inner {
    position: absolute;
    background-color: white;
    bottom: 10%;
    left: 6vw;
    width: 75%;
    height: 150px;
    max-width: 450px;
    z-index: 6;
}
}/* article{
  font-size: 5rem;
}

article {
  font-weight: 900;
  transition: color 0.3s;
}

article.c-active {
  color: orange;
}

*/ 

/* SPYROS DESIGN */

.c-leftmenu {
    width: 26.65vw;
    background-color: white;
    position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}

.c-leftmenu a {
    color: #a8915f;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 1.1vw;
    font-weight: 100;
transition: 0.3s;
}

#page {
    overflow-x: hidden;
}

.c-panel-0 {
width: 26vw !important;
}

.c-panel-1 {
width: 75vw !important;
}

.c-panel-2 {
width: 50vw !important;
}

.c-panel-3 {
width: 75vw !important;
}

.c-panel-4 {
width: 50vw !important;
}

.c-panel-5 {
width: 75vw !important;
}

.c-panel-6 {
width: 50vw !important;
}

#panels-container {
width: calc((75vw * 3) + (50vw * 3) + 26.1vw) !important;
}


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


/* BACKGROUNDS & IMAGES */

.c-big-bg {
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
    margin-right: 0;
    margin-left: auto;
}

.c-top-container-image {
    padding: 4vw;
    padding-left: 4vw;
    padding-right: 4vw;
text-align: center;
position: relative;
}

.c-top-container-image img {
    width: 40vw !important;
margin: auto;
}




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


/* TEXT CONTAINERS */


.c-text-container {
    padding-top: 4vw;
width: 80%;
margin: auto;
}

@media (max-width: 1600px) {
.c-text-container {
    padding-top: 1vw;
}
}

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



.full-screen {
  display: block;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

#intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#masthead {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 9999;
    width: 26.65vw;
background-color: white;
border-right: 1px solid #a8915f;
    height: 100vh;
}
#masthead a {
  padding: 1rem 2rem;
}

#panels #panels-container {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0;
  overflow: hidden;
  background-color: white;
}
#panels #panels-container .panel {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#panels #panels-container .panel img {
  max-width: 100%;
  height: auto;
  display: block;
}
#panels #panels-container .panel .panels-navigation {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#panels #panels-container .panel .anchor-panel,
#panels #panels-container .panel .nav-panel {
  color: #000;
  text-transform: uppercase;
  margin-right: 2rem;
}
#panels #panels-container .panels-navigation {
  position: absolute;
  width: 100%;
  bottom: 2rem;
  right: 2rem;
}


/* ROOMS PAGE */

#rooms .c-leftmenu {
    width: 25vw;
}
#rooms #masthead {
    width: 25vw;
}

#rooms .c-leftmenu a {
    color: #4b4942;
    display: block;
    text-align: left;
    text-decoration: none;
    font-size: 0.7vw;
    transition: 0.3s;
    letter-spacing: 0.3vw;
position: relative;
}

#rooms .c-leftmenu a span {
    font-size: 1.4vw;
    color: #c9c6be;
}

#rooms .c-leftmenu a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 2rem;
    width: 0%;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    height: 1px;
    background-color: rgb(168 145 95 / 40%);
    -webkit-transition: 0.75s;
    transition: 0.75s;
}

#rooms .c-leftmenu a:hover:after,
#rooms .c-leftmenu a:focus:after,
#rooms .c-leftmenu a:active:after {
  width: calc(100% - 4rem);
}


#rooms .c-leftmenu {
    background-color: white;
    position: absolute;
    top: 150px;
    transform: translateY(0%);
    width: 100%;
}

#masthead a, #masthead p {
    padding: 1rem 2rem;
}

#rooms #masthead a, #rooms #masthead p {
    padding: 0.5rem 2rem;
}

.c-room-0 {
width: 25vw !important;
}

.c-room-1 {
width: 37.5vw !important;
}

.c-room-2 {
width: 37.5vw !important;
}

.c-room-3 {
width: 37.5vw !important;
}

.c-room-4 {
width: 37.5vw !important;
}

.c-room-5 {
width: 37.5vw !important;
}

.c-room-6 {
width: 37.5vw !important;
}

.c-room-7 {
width: 37.5vw !important;
}

.c-room-8 {
width: 37.5vw !important;
}

#rooms #panels-container {
width: calc((37.5vw * 8) + 25vw) !important;
}


/* WAY OF LIVING */

#page {
    overflow-x: hidden;
}

#wayofliving .c-living-0 {
width: 25vw !important;
}

#wayofliving .c-living-1 {
width: 75vw !important;
}

#wayofliving .c-living-2 {
width: 50vw !important;
}


#wayofliving #panels-container {
width: calc(75vw + 50vw + 25vw) !important;
}

/* WAY OF MEETING */


.full-screen {
  display: block;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

#intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#masthead {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 9999;
    width: 26.65vw;
background-color: white;
border-right: 1px solid #a8915f;
    height: 100vh;
}
#masthead a {
  padding: 1rem 2rem;
}

#panels-meeting #panels-container-meeting {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0;
  overflow: hidden;
  background-color: white;
}
#panels-meeting #panels-container-meeting .panel-meeting {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#panels-meeting #panels-container-meeting .panel-meeting img {
  max-width: 100%;
  height: auto;
  display: block;
}
#panels-meeting #panels-container-meeting .panel-meeting .panels-navigation {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#panels-meeting #panels-container-meeting .panel-meeting .anchor-panel,
#panels-meeting #panels-container-meeting .panel-meeting .nav-panel {
  color: #000;
  text-transform: uppercase;
  margin-right: 2rem;
}
#panels-meeting #panels-container-meeting .panels-navigation {
  position: absolute;
  width: 100%;
  bottom: 2rem;
  right: 2rem;
}


#wayofmeeting .c-meeting-0 {
width: 25vw !important;
}

#wayofmeeting .c-meeting-1 {
width: 75vw !important;
}

#wayofmeeting .c-meeting-2 {
width: 50vw !important;
}


#wayofmeeting #panels-container-meeting {
width: calc(75vw + 50vw + 25vw) !important;
}


/* MOBILE & TABLET */

@media (max-width: 990px) {
.c-top-container-image img {
    width: 100% !important;
    height: auto;
    margin: auto;
position: relative;
}

}.swiper-container {
        width: 100%;
        height: 100%;
overflow-x: clip !important;
overflow: hidden !important;
padding-left: 40px !important;
      }

#my-swiper-1 .swiper-container {
        width: 40vw;
        height: auto;
overflow-x: clip !important;
overflow: hidden !important;
padding-right: 0px !important;
padding-left: 0px !important;
      }

.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #faf7f7;

        /* Center slide text vertically */
        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 img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

.swiper-slide {
        width: 100%;
      }


.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 100px !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: #a8915f !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    color: white !important;
}

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

.c-swiper-title-cont {
    position: absolute;
    z-index: 20;
}

.swiper-button-prev {
    left: 0 !important;
    left: 0;
}

.swiper-button-next {
    left: 40px !important;
    left: 0;
}

#my-swiper-1 .swiper-button-prev {
    right: 0px !important;
    left: auto !important;
    top: auto !important;
    bottom: 105px !important;
}

#my-swiper-1 .swiper-button-next {
    right: 0px !important;
    left: auto !important;
    top: auto !important;
    bottom: 40px !important;
}




/* MOBILE */

@media (max-width: 990px) {

#my-swiper-1 .swiper-container {
    width: 100%;
}

#my-swiper-1 .swiper-button-next, #my-swiper-1 .swiper-button-prev {
    position: absolute;
    top: 100px !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: #a8915f !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: white !important;
}
}


/* ============================================================ *//* AWARD 2024 */

.c-award-estiatoria-2024 {
position: absolute;
bottom: 30px;
right: 30px;
   text-align: right;
}

.c-award-estiatoria-2024 img {
    width: auto;
    height: 80px;
    min-width: 120px;
}

/* END AWARD 2024 */


.c-event-container { 
display: none !important;
}

.c-event-container.active-box {
    position: fixed;
    max-width: 450px;
    right: 30px;
    bottom: 100px;
z-index: 999;
}

.c-closebutton {
cursor: pointer;
}

.c-event-container.active-box .c-logo-event {
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translate(-48%, -50%);
    transition: 0.5s;
    width: 100%;
    text-align: center;
}

.c-event-container.active-box .c-logo-event img {
    width: 140px;
    height: auto;
    transition: 0.5s;
}



/* EVENT BOX 2022 */

.c-event-container.active-box .c-event-box {
    background-color: #ffffff;
    padding-top: 70px;
    padding-bottom: 20px;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
    transition: 0.5s;
    width: 450px;
    height: 100%;
    min-height: 300px;
    overflow: hidden;
    color: #85754e;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.c-event-box .c-title-md {
    font-size: 30px;
    font-weight: 800;
    color: #85754e;
font-family: 'Bona Nova', serif;
}



.c-event-container.active-box .c-closebutton {
    position: absolute;
    left: 15px;
    top: -15px;
    background-color: #b19a68;
    width: 35px;
    height: 35px;
    border-radius: 0;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 40%);
    transition: 0.5s;
    z-index: 90;
}

.c-event-container.active-box .c-linetop {
    position: absolute;
    width: 20px;
    height: 3px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    background-color: white;
transition: 0.5s;
}

.c-event-container.active-box .c-linebottom {
    position: absolute;
    width: 20px;
    height: 3px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: white;
transition: 0.5s;
}

.c-event-container.active-box p {
width: 90%;
margin: 0 auto;
}

.c-event-container.active-box p, .c-event-container.active-box a {
opacity: 1;
transition: 0.5s;
}


/* DECTIVATE */

.c-event-container.deactive-box {
    position: fixed;
    max-width: 450px;
    right: 3%;
    bottom: 3%;
z-index: 999;
transition: 0.5s;
}

.c-event-container.deactive-box .c-logo-event {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-42%, -49%);
    transition: 0.5s;
}

.c-event-container.deactive-box .c-logo-event img {
    width: 60px;
    height: auto;
transition: 0.5s;
}

.c-event-container.deactive-box .c-event-box {
    background-color: white;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 25%);
    transition: 0.5s;
    height: 100px;
    width: 100px;
    overflow: hidden;
    transition: 0.5s;
}


.c-event-container.deactive-box .c-closebutton {
    position: absolute;
    left: 60px;
    top: -15px;
    background-color: #b19a68;
    width: 35px;
    height: 35px;
    border-radius: 0%;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 40%);
    transition: 0.5s;
    z-index: 90;
}

.c-event-container.deactive-box .c-linetop {
    position: absolute;
    width: 20px;
    height: 3px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    background-color: white;
    transition: 0.5s;
}

.c-event-container.deactive-box .c-linebottom {
    position: absolute;
    width: 20px;
    height: 3px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    background-color: white;
    transition: 0.5s;
}

.c-event-container.deactive-box p, .c-event-container.deactive-box a {
opacity: 0;
transition: 0.5s;
}

@media (max-width: 768px) {
.c-event-container.active-box {
    position: fixed;
    max-width: 100%;
    right: 0;
    bottom: 3%;
    z-index: 999;
    width: 90%;
}

.c-event-container.active-box .c-closebutton {
    position: absolute;
    left: 15px;
    top: -15px;
    background-color: #b19a68;
    width: 30px;
    height: 30px;
    border-radius: 0;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 40%);
    transition: 0.5s;
    z-index: 90;
}

.c-event-container.deactive-box .c-closebutton {
    position: absolute;
    left: 60px;
    top: -15px;
    background-color: #b19a68;
    width: 30px;
    height: 30px;
    border-radius: 0%;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 40%);
    transition: 0.5s;
    z-index: 90;
}

.c-event-container.active-box .c-event-box {
    background-color: white;
    padding-top: 70px;
    padding-bottom: 20px;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
    transition: 0.5s;
    width: 90%;
    height: 200px;
    overflow: hidden;
    color: #85754e;
    transition: 0.5s;
}
}


/* CHRISTMAS */



.c-christmas-event .c-event-box {
background-image: url('/cache/files/1a0b4c79cdc690fd12a1f93cf2f1aa6247150a45.jpg');
    background-size: cover;
    background-position: center;
}

.c-christmas-event.c-event-container.deactive-box .c-event-box {
    background-color: #011b32;
}

.c-christmas-event.c-event-container.active-box .c-closebutton {
background-color: #dcb16e;
}

.c-christmas-event.c-event-container.deactive-box .c-closebutton {
background-color: #dcb16e;
}

.c-christmas-event .c-event-box .c-title-md {
    color: #dcb16e;
}

.c-christmas-event a {
    color: #dcb16e;
}