.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #efe7d9;
  background-color: #0c141a;
  font-family: Gordita, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 132%;
}

h1 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 88px;
  font-weight: 700;
  line-height: 116%;
}

h2 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 216px;
  margin-bottom: 56px;
  font-size: 48px;
  font-weight: 700;
  line-height: 116%;
}

h3 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 116%;
}

h4 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 116%;
}

p {
  color: #efe7d9;
  margin-bottom: 0;
  text-decoration: none;
}

.hero-screen {
  height: 100vh;
  background-image: url('../images/Hero-Image.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.navbar-logo-center-container {
  z-index: 5;
  width: 1030px;
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.navbar-logo-center-container.shadow-three {
  width: 100%;
  max-width: 1140px;
}

.nav__container {
  width: 100%;
  max-width: 940px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar-wrapper-three {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-brand-three {
  z-index: 5;
  position: absolute;
}

.nav-menu-wrapper-three {
  width: 100%;
}

.nav-menu-three {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-menu-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-dropdown-toggle:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: rgba(26, 27, 31, .75);
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.nav {
  background-color: rgba(0, 0, 0, 0);
  flex-direction: row;
  align-items: center;
  margin-top: 40px;
}

.nav__menu {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav__menu-link {
  color: #efe7d9;
  margin-left: 16px;
  margin-right: 16px;
  padding: 12px;
  font-size: 16px;
  font-weight: 500;
}

.nav__menu-link.is--first-link {
  margin-left: 0;
}

.nav__menu-link.is--last-link {
  margin-right: 0;
}

.nav__brand-logo {
  width: 64px;
  height: auto;
  margin-left: 48px;
  margin-right: 48px;
}

.container {
  max-width: 87vw;
}

.container.is--hero-container {
  height: 100vh;
  flex-direction: column;
  display: flex;
}

.h1 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 88px;
  line-height: 116%;
}

.offer__h1 {
  margin-top: 16px;
  margin-bottom: 40px;
}

.offer__paragraph {
  text-align: center;
}

.button {
  border-radius: 100000px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.button.is--filled {
  color: #0c141a;
  background-color: #efe7d9;
}

.button.is--filled.is--hero-button {
  margin-right: 20px;
  transition: transform .3s cubic-bezier(.39, .575, .565, 1);
}

.button.is--filled.is--hero-button:hover {
  transform: scale(1.03);
}

.button.is--outlined {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #efe7d9;
  transition: transform .3s cubic-bezier(.39, .575, .565, 1);
}

.button.is--outlined:hover {
  transform: scale(1.03);
}

.offer__buttons {
  justify-content: center;
  align-items: center;
  display: flex;
}

.scroll-block {
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
  text-decoration: none;
  display: flex;
}

.scroll-block__small-paragraph {
  margin-bottom: 12px;
  font-size: 14px;
}

.scroll-block__chevron {
  width: 24px;
  height: auto;
}

.hero-content {
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.tasting {
  margin-top: 160px;
}

.tasting__h2 {
  margin-top: 56px;
}

.tasting__image-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.image-grid__image {
  width: 100%;
  height: 360px;
  object-fit: cover;
}

.tasting__paragraphes-grid {
  grid-column-gap: 88px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  margin-top: 56px;
}

.entertainments {
  height: 100%;
  margin-top: 160px;
}

.entertainments-content__h2 {
  width: 100%;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  padding-left: 96px;
  padding-right: 96px;
}

.columns__column-one {
  flex: 1;
  align-items: stretch;
}

.column-one__text {
  height: 100%;
  border-bottom: 1px solid #efe7d9;
  border-right: 1px solid #efe7d9;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.column-one__image-one {
  height: 100%;
  object-fit: cover;
  background-image: url('../images/Excursion.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-right: 1px solid #efe7d9;
}

.text-wrapper__paragraph {
  text-align: center;
  margin-top: 32px;
}

.column-two__text {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
}

.div-block {
  height: 100%;
}

.column-one__image-two {
  height: 100%;
  object-fit: cover;
  background-image: url('../images/Tasting.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.column-one__image-three {
  height: 100%;
  object-fit: cover;
  background-image: url('../images/Beach.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-right: 1px solid #efe7d9;
}

.columns__column-two {
  height: 100%;
  background-color: #0c141a;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.columns__column-two.is--border-right {
  border-right: 1px solid #efe7d9;
}

.column-two__text-two {
  height: 100%;
  border: 1px #efe7d9;
  border-bottom-style: solid;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.content__columns {
  z-index: 3;
  height: 100%;
  border-top: 1px solid #efe7d9;
  border-bottom: 1px solid #efe7d9;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.content__columns.is--last-column {
  z-index: 1;
  border-top-style: none;
  border-bottom: 1px solid #efe7d9;
}

.content__columns.is--second-column {
  z-index: 2;
  border-top-style: none;
}

.content-wrapper__content {
  height: 100vh;
}

.entertainments-h2 {
  margin-top: 56px;
}

.slow-food {
  margin-top: 160px;
}

.entertainments-content-wrapper {
  height: 300vh;
}

.slow-food__h2 {
  margin-top: 56px;
}

.slow-food__text {
  border-top: 1px solid #efe7d9;
  border-bottom: 1px solid #efe7d9;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.text__column {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 48px 32px;
}

.text__column.is--center-column {
  border-left: 1px solid #efe7d9;
  border-right: 1px solid #efe7d9;
}

.column__paragraph {
  text-align: center;
  margin-top: 16px;
}

.hotel {
  margin-top: 160px;
}

.hotel__h2 {
  margin-top: 56px;
}

.hotel__slider {
  height: 71vh;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.slider__slide-one {
  background-image: url('../images/Slider-image-one.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider__slide-two {
  background-image: url('../images/IMG_20230530_153038_275.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider__slide-three {
  background-image: url('../images/IMG_20230530_153115_217.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider__slide-nav {
  display: none;
}

.arrow {
  width: 20px;
  height: auto;
}

.slider__arrow {
  width: 50%;
  height: 160px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider__arrow.is--right-arrow {
  width: 50%;
  justify-content: flex-start;
  padding-left: 12px;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.slider__arrow.is--left-arrow {
  width: 50%;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding-right: 12px;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.icon {
  display: none;
}

.slider__left-arrow {
  width: 64px;
  height: 64px;
  background-color: #efe7d9;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-2 {
  display: none;
}

.arrow__content {
  width: 64px;
  height: 64px;
  background-color: #efe7d9;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hotel__paragraphes-grid {
  grid-column-gap: 88px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  margin-top: 56px;
}

.rooms {
  margin-top: 160px;
}

.rooms__h2 {
  margin-top: 56px;
  margin-bottom: 16px;
}

.rooms__grid {
  grid-template-rows: auto;
  margin-bottom: 16px;
}

.rooms__grid.is--margin-bottom-16 {
  margin-bottom: 16px;
}

.grid__room {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.room__image.is--one {
  width: 100%;
  height: 360px;
  background-image: url('../images/Room-one.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.room__image.is--two {
  width: 100%;
  height: 360px;
  background-image: url('../images/Room-two.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.room__image.is--three {
  width: 100%;
  height: 360px;
  background-image: url('../images/Room-three.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.room__image.is--four {
  width: 100%;
  height: 360px;
  background-image: url('../images/Room-four.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image__price {
  background-color: #efe7d9;
  border-radius: 1000px;
  margin-top: 24px;
  margin-left: 32px;
  padding: 14px 24px 12px;
  display: inline-block;
}

.image__price.is--additional-service {
  margin-top: 0;
  margin-left: 0;
}

.price {
  color: #0c141a;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

.room__info {
  border-bottom: 1px solid #303638;
  border-left: 1px solid #303638;
  border-right: 1px solid #303638;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px 32px;
  display: flex;
}

.info__h3 {
  text-align: left;
}

.info__h3.is--margin-bottom-24 {
  margin-bottom: 24px;
}

.info__list {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 24px;
  display: flex;
}

.list__text {
  font-size: 14px;
  display: inline-block;
}

.list__bullet {
  width: 4px;
  height: 4px;
  background-color: #efe7d9;
  border-radius: 1000px;
  margin-left: 12px;
  margin-right: 12px;
}

.info__divider {
  width: 100%;
  height: 1px;
  background-color: #303638;
}

.info__paragraph {
  margin-top: 24px;
  margin-bottom: 32px;
}

.album {
  margin-top: 160px;
}

.album__h2 {
  margin-top: 56px;
}

.album__grid {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid__image {
  width: 100%;
  height: 360px;
  background-image: url('../images/Album-image-one.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid__image.is--one {
  width: 100%;
  height: 480px;
}

.grid__image.is--two {
  width: 100%;
  height: 480px;
  background-image: url('../images/Album-image-two.webp');
}

.grid__image.is--three {
  background-image: url('../images/Album-image-three.webp');
}

.grid__image.is--four {
  background-image: url('../images/IMG_20230530_153118_586.jpg');
}

.grid__image.is--five {
  background-image: url('../images/IMG_20230530_153222_001.jpg');
}

.grid__grid-two-elements {
  grid-template-rows: auto;
}

.grid-two-elements__image {
  width: 100%;
  height: 480px;
}

.grid-two-elements__image.is--one {
  background-image: url('../images/IMG_20230530_153111_087.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-two-elements__image.is--two {
  background-image: url('../images/Album-image-two.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-two-elements__image.is--six {
  background-image: url('../images/Album-image-six.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-two-elements__image.is--seven {
  background-image: url('../images/Album-image-seven.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.contacts {
  margin-top: 160px;
}

.contacts__h2 {
  margin-top: 56px;
}

.contacts__grid {
  grid-template-rows: auto;
  grid-template-columns: 4fr 8fr;
}

.grid__map {
  width: 100%;
  height: 600px;
  background-image: url('../images/map.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid__contact-info {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.contact-info__contacts-item {
  width: 100%;
  max-width: 316px;
  margin-bottom: 48px;
  text-decoration: none;
}

.contact-info__contacts-item.is--last {
  margin-bottom: 0;
}

.contacts-item__h4 {
  color: #efe7d9;
  text-align: left;
  margin-bottom: 16px;
}

.contacts-item__h4.is--socials-heading {
  margin-bottom: 8px;
}

.icon-block__icon {
  width: 24px;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.social-icons__icon-block {
  padding: 8px;
  transition: transform .3s cubic-bezier(.39, .575, .565, 1);
  display: inline-block;
}

.social-icons__icon-block:hover {
  transform: scale(1.12);
}

.social-icons__icon-block.is--center-icon {
  margin-left: 8px;
  margin-right: 8px;
}

.footer {
  margin-top: 216px;
}

.footer__divider {
  width: 100%;
  height: 1px;
  background-color: #303638;
}

.footer__info {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 32px;
  font-size: 14px;
}

.pop-up {
  z-index: 10000;
  width: 100vw;
  height: 100vh;
  background-color: rgba(12, 20, 26, .85);
  display: none;
  position: fixed;
}

.pop-up__wrapper {
  width: 800px;
  height: 400px;
  background-color: #0c141a;
  border: 1px solid #303638;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: auto;
  padding: 48px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.wrapper__logo {
  width: 64px;
  height: auto;
}

.wrapper__h3 {
  width: 100%;
  margin-top: 48px;
}

.wrapper__paragraph {
  width: 100%;
  text-align: center;
  margin-top: 12px;
}

.wrapper__buttons {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.wrapper__close {
  cursor: pointer;
  margin-top: 16px;
  margin-right: 16px;
  padding: 8px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.close-icon {
  width: 24px;
  height: auto;
}

.nav__logo-tablet-and-below {
  display: none;
}

.logo-tablet-and-below__logo {
  width: 64px;
  height: auto;
}

.logo-tablet-and-below__logo.is--unvisible, .nav__hamburger-menu, .nav__links {
  display: none;
}

.additional-services {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.additional-service-wrapper {
  border: 1px solid #303638;
  flex-direction: column;
  align-items: center;
  padding: 40px 32px;
  display: flex;
}

.additional-serive__icon {
  width: 40px;
}

.h4 {
  color: #efe7d9;
  text-align: left;
  margin-bottom: 0;
}

.h4.is--socials-heading {
  margin-bottom: 8px;
}

.h4.is--additional-service {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 24px;
}

.h4.is--center {
  text-align: center;
}

.h4.is--center.is--menu {
  margin-bottom: 32px;
}

.menu {
  margin-top: 160px;
}

.menu__h2 {
  margin-top: 56px;
}

.menu-grid {
  max-width: 826px;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr;
}

.menu-block {
  border: 1px solid #303638;
  padding: 40px 32px;
}

.menu-block__dish {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 6fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.menu-block__dish.is--margin-bottom {
  margin-bottom: 20px;
}

.regular-text.is--center {
  text-align: center;
}

.regular-text.is--center.is--rooms {
  margin-bottom: 56px;
}

.medium-text {
  font-weight: 500;
}

.medium-text.is--right {
  text-align: right;
}

.flex-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.slider__slide-four {
  background-image: url('../images/IMG_20230530_153044_145.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider__slide-five, .slider__slide-five-copy {
  background-image: url('../images/IMG_20230530_153107_330.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.language-switcher {
  color: #b6b2a9;
  margin-right: 4px;
  padding: 4px;
  text-decoration: none;
}

.language-switcher.is--active {
  color: #efe7d9;
}

@media screen and (min-width: 1920px) {
  .container {
    max-width: 1728px;
  }
}

@media screen and (max-width: 991px) {
  .nav__container {
    max-width: 100%;
    justify-content: flex-start;
    align-items: baseline;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .navbar-wrapper-three {
    justify-content: space-between;
  }

  .navbar-brand-three {
    position: relative;
  }

  .nav-menu-wrapper-three {
    background-color: rgba(0, 0, 0, 0);
    top: 70px;
  }

  .nav-menu-three {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .nav {
    margin-top: 0;
  }

  .nav__menu {
    height: 86vh;
    background-color: #0c141a;
    padding: 40px;
  }

  .nav__menu-link {
    text-align: center;
    margin-bottom: 24px;
    margin-left: 0;
    margin-right: 0;
    font-size: 24px;
  }

  .nav__menu-link.is--first-link {
    text-align: center;
    margin-bottom: 24px;
    font-size: 24px;
  }

  .nav__menu-link.is--last-link {
    margin-bottom: 0;
  }

  .nav__brand.w--current {
    display: none;
  }

  .container {
    max-width: 100vw;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container.is--hero-container {
    max-width: 100vw;
    padding-left: 0;
    padding-right: 0;
  }

  .offer__h1 {
    margin-bottom: 32px;
    font-size: 64px;
  }

  .tasting__h2 {
    font-size: 40px;
  }

  .tasting__paragraphes-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .column-one__image-one {
    border-right-style: none;
  }

  .column-two__text {
    padding-left: 40px;
    padding-right: 40px;
  }

  .column-one__image-three {
    border-right-style: none;
  }

  .columns__column-two.is--border-right {
    border-right-style: none;
    flex-direction: row-reverse;
  }

  .content__columns {
    flex-direction: column;
  }

  .content__columns.is--second-column {
    flex-direction: column-reverse;
  }

  .entertainments-h2, .slow-food__h2 {
    font-size: 40px;
  }

  .slow-food__text {
    flex-direction: column;
  }

  .text__column {
    padding-left: 0;
    padding-right: 0;
  }

  .text__column.is--center-column {
    border-style: solid none;
    border-top-width: 1px;
    border-top-color: #efe7d9;
    border-bottom-width: 1px;
    border-bottom-color: #efe7d9;
  }

  .hotel__h2 {
    font-size: 40px;
  }

  .hotel__paragraphes-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .rooms__h2 {
    font-size: 40px;
  }

  .info__h3 {
    font-size: 28px;
  }

  .list__bullet {
    margin-left: 8px;
    margin-right: 8px;
  }

  .album__h2, .contacts__h2 {
    font-size: 40px;
  }

  .contacts__grid {
    grid-template-columns: 4fr 6fr;
  }

  .pop-up {
    display: none;
  }

  .pop-up__wrapper {
    width: 641px;
  }

  .wrapper__h3 {
    font-size: 28px;
  }

  .nav__logo-tablet-and-below {
    display: block;
  }

  .logo-tablet-and-below__logo {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
  }

  .logo-tablet-and-below__logo.is--unvisible {
    opacity: 0;
    display: block;
  }

  .icon-3 {
    display: none;
  }

  .nav__menu-button {
    padding: 12px;
  }

  .nav__menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .nav__wrapper {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    display: none;
  }

  .nav__wrapper-custom {
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .nav__hamburger-menu {
    cursor: pointer;
    padding: 0;
    display: block;
  }

  .nav__hamburger-menu.is--close, .menu-icon {
    padding: 16px;
  }

  .nav__links {
    z-index: 2;
    height: 100vh;
    background-color: #0c141a;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .close-menu {
    width: 32px;
    height: auto;
    padding: 0;
  }

  .nav__links-wrapper {
    width: 100%;
    height: 86%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .links-wrapper__link {
    width: 100%;
    color: #efe7d9;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
    padding: 12px 40px;
    font-size: 24px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
  }

  .links-wrapper__link.is--last-link {
    margin-bottom: 0;
  }

  .heading, .heading-2, .heading-3 {
    font-size: 28px;
  }

  .additional-serive__icon {
    width: 32px;
  }

  .menu__h2 {
    font-size: 40px;
  }
}

@media screen and (max-width: 767px) {
  .navbar-brand-three {
    padding-left: 0;
  }

  .nav-menu-three {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-menu-block {
    flex-direction: column;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .offer__h1 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 48px;
  }

  .offer__paragraph {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button.is--filled.is--hero-button {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .offer__buttons {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .scroll-block {
    margin-bottom: 32px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tasting {
    margin-top: 120px;
  }

  .tasting__h2 {
    margin-top: 48px;
    margin-bottom: 48px;
    font-size: 32px;
  }

  .tasting__image-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .tasting__paragraphes-grid {
    margin-top: 48px;
  }

  .entertainments {
    margin-top: 120px;
  }

  .column-two__text {
    padding-left: 20px;
    padding-right: 20px;
  }

  .entertainments-h2 {
    margin-top: 48px;
    margin-bottom: 48px;
    font-size: 32px;
  }

  .slow-food {
    margin-top: 120px;
  }

  .slow-food__h2 {
    margin-top: 48px;
    margin-bottom: 48px;
    font-size: 32px;
  }

  .text__column {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .hotel {
    margin-top: 120px;
  }

  .hotel__h2 {
    margin-top: 48px;
    margin-bottom: 48px;
    font-size: 32px;
  }

  .arrow {
    width: 16px;
  }

  .slider__arrow.is--right-arrow {
    height: 112px;
    padding-left: 8px;
  }

  .slider__arrow.is--left-arrow {
    height: 112px;
    padding-right: 8px;
  }

  .arrow__content {
    width: 48px;
    height: 48px;
  }

  .hotel__paragraphes-grid {
    margin-top: 48px;
  }

  .rooms {
    margin-top: 120px;
  }

  .rooms__h2 {
    margin-top: 48px;
    margin-bottom: 16px;
    font-size: 32px;
  }

  .rooms__grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 12px;
  }

  .image__price {
    margin-left: 20px;
  }

  .room__info {
    padding: 32px 20px;
  }

  .info__h3 {
    font-size: 24px;
  }

  .album {
    margin-top: 120px;
  }

  .album__h2 {
    margin-top: 48px;
    margin-bottom: 48px;
    font-size: 32px;
  }

  .album__grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .grid__image.is--three, .grid__image.is--four, .grid__image.is--five {
    height: 280px;
  }

  .grid__grid-two-elements {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
  }

  .grid-two-elements__image.is--one, .grid-two-elements__image.is--two, .grid-two-elements__image.is--six, .grid-two-elements__image.is--seven {
    height: 280px;
  }

  .contacts {
    margin-top: 120px;
  }

  .contacts__h2 {
    margin-top: 48px;
    margin-bottom: 48px;
    font-size: 32px;
  }

  .contacts__grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 4fr;
  }

  .grid__map {
    height: 500px;
  }

  .contact-info__contacts-item {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .footer {
    margin-top: 168px;
  }

  .pop-up {
    display: none;
  }

  .pop-up__wrapper {
    width: 440px;
    height: 440px;
    padding: 48px 20px;
  }

  .wrapper__h3 {
    margin-top: 48px;
    font-size: 24px;
  }

  .wrapper__buttons {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 32px;
  }

  .logo-tablet-and-below__logo {
    width: 48px;
  }

  .nav__wrapper-custom {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav__hamburger-menu.is--close {
    padding: 12px;
  }

  .nav__links {
    display: none;
  }

  .heading, .heading-2, .heading-3 {
    font-size: 24px;
  }

  .additional-services {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
  }

  .additional-service-wrapper {
    padding: 32px 20px;
  }

  .menu {
    margin-top: 120px;
  }

  .menu__h2 {
    margin-top: 48px;
    margin-bottom: 48px;
    font-size: 32px;
  }

  .menu-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .menu-block {
    padding: 32px 20px;
  }

  .menu-block__dish {
    grid-column-gap: 56px;
    grid-template-columns: 4fr 1fr;
  }

  .menu-block__dish.is--margin-bottom {
    grid-column-gap: 48px;
    grid-row-gap: 56px;
    grid-template-columns: auto 88px;
  }

  .regular-text.is--center.is--rooms {
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 479px) {
  .nav__container {
    max-width: none;
  }

  .nav-menu-three {
    flex-direction: column;
  }

  .offer__h1 {
    font-size: 12.5vw;
  }

  .button.is--filled.is--hero-button, .button.is--outlined {
    padding: 14px 28px;
    font-size: 14px;
  }

  .tasting__h2, .entertainments-h2, .slow-food__h2, .hotel__h2, .rooms__h2 {
    font-size: 30px;
  }

  .info__list {
    flex-wrap: wrap;
  }

  .album__h2 {
    font-size: 30px;
  }

  .pop-up {
    display: none;
  }

  .pop-up__wrapper {
    width: 88%;
    height: 480px;
  }

  .menu__h2 {
    font-size: 30px;
  }

  .menu-block__dish {
    grid-column-gap: 56px;
  }

  .menu-block__dish.is--margin-bottom {
    grid-column-gap: 40px;
  }

  .menu-block__dish.is--degustation {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 4fr;
  }

  .medium-text.is--right.is--mobile-left {
    text-align: left;
  }
}

#w-node-_80832e20-5afa-d025-3cd1-ab4956240149-db96e07c, #w-node-a7cccd5f-09ff-f4f1-60d6-6fd6d76ec591-db96e07c, #w-node-_717a9ca1-9e6b-654d-f6cc-407483f4f47c-db96e07c, #w-node-e0974764-57c5-85c3-5a8e-6e52efee325d-db96e07c, #w-node-_0ceb7f0e-12cb-04e8-2b9f-4b797deb4af3-db96e07c, #w-node-ca725277-f440-66b5-6b03-296d6742dd5e-db96e07c, #w-node-ca725277-f440-66b5-6b03-296d6742dd60-db96e07c, #w-node-_04f21018-f8ca-464d-c0f3-c37adb520d41-db96e07c, #w-node-_21367005-6a4d-8d63-dbbd-3bb4ac97d360-db96e07c, #w-node-_0bd43b88-6b00-63b1-fde9-19298b38b9a6-db96e07c, #w-node-_4f2e901f-ddc3-89a4-e67a-1d8e0d0aac5b-db96e07c, #w-node-f24e8df0-d535-516a-db3d-937bf1ddbb1c-db96e07c, #w-node-_9426139c-9b39-aa64-f1dd-455ab3fc8c03-db96e07c, #w-node-_008e2bc6-f03b-0eb8-782e-c0f5c365dac6-db96e07c, #w-node-a728bbcb-2899-21eb-e5d8-b61821591b88-db96e07c, #w-node-_36548615-f48d-729b-9b9f-4ac08f81ea22-db96e07c, #w-node-_270f6e93-8f9d-4ad3-b940-ee0990611df6-db96e07c, #w-node-_6e9753d7-0739-fde7-3725-95b246440b6b-db96e07c, #w-node-f524ca95-da17-d099-d6dc-dc86ce617a3f-db96e07c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9138e4b2-4c31-a256-f48d-34eacaa58ead-db96e07c {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d26359a4-7fe0-cb4b-0da8-9a0c0a3d9ffe-db96e07c, #w-node-b6cdd844-68d2-3de7-341f-cc64261fe9b6-db96e07c, #w-node-a7bd3513-8edf-f79e-0c10-15cbea9dc55a-db96e07c, #w-node-_098396d2-59ea-308b-20c0-eb43bdc8a523-db96e07c, #w-node-_06e76af6-793b-ef5a-fee9-f1e5cc3780b6-db96e07c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_80f7b13e-605a-d35d-3fb2-c7c7b1e6ca9f-db96e07c {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_80f7b13e-605a-d35d-3fb2-c7c7b1e6caa0-db96e07c, #w-node-_80f7b13e-605a-d35d-3fb2-c7c7b1e6caa1-db96e07c, #w-node-cfa194b2-8846-03c0-44ba-0886785814d6-db96e07c, #w-node-_80832e20-5afa-d025-3cd1-ab4956240149-90634090, #w-node-a7cccd5f-09ff-f4f1-60d6-6fd6d76ec591-90634090, #w-node-_717a9ca1-9e6b-654d-f6cc-407483f4f47c-90634090, #w-node-e0974764-57c5-85c3-5a8e-6e52efee325d-90634090, #w-node-_0ceb7f0e-12cb-04e8-2b9f-4b797deb4af3-90634090, #w-node-ca725277-f440-66b5-6b03-296d6742dd5e-90634090, #w-node-ca725277-f440-66b5-6b03-296d6742dd60-90634090, #w-node-_04f21018-f8ca-464d-c0f3-c37adb520d41-90634090, #w-node-_21367005-6a4d-8d63-dbbd-3bb4ac97d360-90634090, #w-node-_0bd43b88-6b00-63b1-fde9-19298b38b9a6-90634090, #w-node-_4f2e901f-ddc3-89a4-e67a-1d8e0d0aac5b-90634090, #w-node-f24e8df0-d535-516a-db3d-937bf1ddbb1c-90634090, #w-node-_9426139c-9b39-aa64-f1dd-455ab3fc8c03-90634090, #w-node-_008e2bc6-f03b-0eb8-782e-c0f5c365dac6-90634090, #w-node-a728bbcb-2899-21eb-e5d8-b61821591b88-90634090, #w-node-_36548615-f48d-729b-9b9f-4ac08f81ea22-90634090, #w-node-_270f6e93-8f9d-4ad3-b940-ee0990611df6-90634090, #w-node-_6e9753d7-0739-fde7-3725-95b246440b6b-90634090, #w-node-f524ca95-da17-d099-d6dc-dc86ce617a3f-90634090 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9138e4b2-4c31-a256-f48d-34eacaa58ead-90634090 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d26359a4-7fe0-cb4b-0da8-9a0c0a3d9ffe-90634090, #w-node-b6cdd844-68d2-3de7-341f-cc64261fe9b6-90634090, #w-node-a7bd3513-8edf-f79e-0c10-15cbea9dc55a-90634090, #w-node-_098396d2-59ea-308b-20c0-eb43bdc8a523-90634090, #w-node-_06e76af6-793b-ef5a-fee9-f1e5cc3780b6-90634090 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_80f7b13e-605a-d35d-3fb2-c7c7b1e6ca9f-90634090 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_80f7b13e-605a-d35d-3fb2-c7c7b1e6caa0-90634090, #w-node-_80f7b13e-605a-d35d-3fb2-c7c7b1e6caa1-90634090, #w-node-cfa194b2-8846-03c0-44ba-0886785814d6-90634090 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-a7bd3513-8edf-f79e-0c10-15cbea9dc55a-db96e07c, #w-node-_098396d2-59ea-308b-20c0-eb43bdc8a523-db96e07c {
    grid-column: span 3 / span 3;
  }

  #w-node-_06e76af6-793b-ef5a-fee9-f1e5cc3780b6-db96e07c {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-cfa194b2-8846-03c0-44ba-0886785814d6-db96e07c {
    order: 9999;
    grid-row: span 1 / span 1;
  }

  #w-node-a7bd3513-8edf-f79e-0c10-15cbea9dc55a-90634090, #w-node-_098396d2-59ea-308b-20c0-eb43bdc8a523-90634090 {
    grid-column: span 3 / span 3;
  }

  #w-node-_06e76af6-793b-ef5a-fee9-f1e5cc3780b6-90634090 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-cfa194b2-8846-03c0-44ba-0886785814d6-90634090 {
    order: 9999;
    grid-row: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Gordita';
  src: url('../fonts/Gordita-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gordita';
  src: url('../fonts/Gordita-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gordita';
  src: url('../fonts/Gordita-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}