:root {
  --lato-family: "Lato", sans-serif;
  --oswald-family: "Oswald", sans-serif;
  --comfortaa-family: "Comfortaa", sans-serif;
  --bankir-family: 'Bankir-Retro';
  --orange-rgb: 207, 79, 30;
  --orange-color: rgb(var(--orange-rgb));
  --dark-bg-color: #191919;
  --gray-color: #D9D9D9;
  --dark-gray-color: #5E5E5E;
  --red-color: #E90506;
  --light-gray-color: #fefefe;
  --green-color: #006D32;
  --berry-color: #FF561D;
  --patric-dark-color: #2B2A29;
  --width-1370: 85.625rem;
  --width-1278: 79.875rem;
  --center-width: 40rem;
  --modal-width: 27rem;
  --mobile-head: 56px;
  --mobile-padding: 8px; }

*, *::before, *::after {
  box-sizing: border-box; }

* {
  padding: 0;
  margin: 0; }

html {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.15; }
  @media (min-width: 1600px) and (max-width: 1899px) {
    html {
      font-size: 18.4px; } }
  @media (min-width: 1900px) {
    html {
      font-size: 20.8px; } }
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  font-family: var(--lato-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2;
  position: relative; }
  @media (min-width: 1600px) and (max-width: 1899px) {
    body {
      font-size: 18.4px; } }
  @media (min-width: 1900px) {
    body {
      font-size: 20.8px; } }
h1, h2, h3, h4, h5, h6 {
  font-family: var(--oswald-font);
  font-weight: 400; }

button, input, select, textarea, th, td {
  font-family: var(--lato-font);
  font-style: normal;
  font-weight: normal; }

a {
  text-decoration: none; }

@font-face {
  font-family: 'Bankir-Retro';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/bankir_retro.69497d15578a.woff2") format("woff2"), url("../fonts/bankir_retro.e3ea9802c41c.woff") format("woff"); }

header.top {
  position: absolute;
  left: calc(50% - 0.5 * 27.5rem);
  top: 0;
  width: 27.5rem;
  height: 14rem;
  background-color: white;
  border-radius: 0 0 2.5rem 2.5rem;
  display: grid;
  grid-template-columns: 12.5rem 1fr;
  column-gap: 1.75rem;
  padding-left: 0.625rem;
  padding-top: 0.75rem;
  padding-bottom: 0.875rem;
  box-shadow: 0 0 6.25rem 6.25rem rgba(0, 0, 0, 0.1); }
  @media (max-width: 767px) {
    header.top {
      display: none; } }
  header.top div.logo a {
    display: block; }
    header.top div.logo a img {
      width: 100%;
      vertical-align: top; }
  header.top ul.work-hours {
    padding-top: 0.25rem;
    list-style: none;
    font-family: var(--oswald-family);
    font-size: 1.375rem;
    line-height: 2rem;
    margin-bottom: 1rem; }
    header.top ul.work-hours.work-hours-4 {
      line-height: 1.5rem; }
  header.top div.book {
    margin-bottom: 0.375rem; }
    header.top div.book a {
      display: block;
      width: 10.625rem;
      height: 2.75rem;
      line-height: 2.75rem;
      text-align: center;
      color: white;
      background-color: var(--orange-color);
      font-family: var(--bankir-family);
      font-size: 1.0625rem;
      border-radius: 0.9375rem; }
  header.top div.phone a {
    color: var(--orange-color);
    font-family: var(--bankir-family);
    font-size: 1.375rem; }

a.hamburger {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 3.125rem;
  height: 3.125rem;
  right: 0.5rem;
  top: 0.5rem;
  background-color: var(--dark-bg-color);
  color: white; }
  @media (max-width: 767px) {
    a.hamburger {
      width: 2.5rem;
      height: 2.5rem; } }
  a.hamburger svg {
    width: 1.875rem;
    height: 1.875rem; }
    @media (max-width: 767px) {
      a.hamburger svg {
        width: 1.5rem;
        height: 1.5rem; } }
div.main-menu {
  position: absolute;
  width: 21.375rem;
  right: 0;
  top: 0;
  background-color: var(--dark-bg-color);
  border-radius: 1.875rem 0 0 1.875rem;
  padding: 2.4375rem 0 2.9375rem 3.0625rem;
  color: white;
  z-index: 10; }
  @media (max-width: 767px) {
    div.main-menu {
      width: 95vw; } }
  div.main-menu a.close {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 3.125rem;
    height: 3.125rem;
    right: 0.5rem;
    top: 0.5rem;
    background-color: var(--dark-bg-color);
    color: white; }
    @media (max-width: 767px) {
      div.main-menu a.close {
        width: 2.5rem;
        height: 2.5rem; } }
    div.main-menu a.close svg {
      width: 1.875rem;
      height: 1.875rem; }
  div.main-menu div.items {
    border-bottom: 1px solid white;
    padding-bottom: 1.78125rem;
    margin-bottom: 0.5rem; }
  div.main-menu div.menuitem {
    display: flex;
    align-items: center;
    column-gap: 0.25rem;
    height: 2.625rem; }
    div.main-menu div.menuitem a {
      font-family: var(--bankir-family);
      font-size: 1.75rem;
      color: white; }
    div.main-menu div.menuitem.featured a, div.main-menu div.menuitem:hover a, div.main-menu div.menuitem:hover svg {
      color: var(--orange-color); }
  div.main-menu div.contacts {
    font-family: var(--oswald-family);
    line-height: 1.5; }
  div.main-menu div.links {
    display: flex;
    align-items: center;
    column-gap: 0.6875rem; }
    div.main-menu div.links a.phone {
      font-size: 1.25rem;
      font-weight: bold;
      color: white;
      margin-right: 0.6875rem; }
    div.main-menu div.links svg {
      vertical-align: top; }
  div.main-menu div.email a,
  div.main-menu div.address {
    font-size: 1.25rem;
    color: white; }
  div.main-menu div.policy {
    margin-top: 0.625rem; }
    div.main-menu div.policy a {
      color: #BEBEBE; }

body:not(.home-menu-on) div.main-menu {
  display: none; }

div.site-header {
  position: relative;
  height: 13.125rem;
  box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.25); }
  @media (max-width: 767px) {
    div.site-header {
      height: var(--mobile-head); } }
  div.site-header div.left {
    position: absolute;
    left: 0;
    top: 0;
    width: 37.6389%;
    height: 100%;
    background: url("../images/header-left.f723e0d3e336.jpg") no-repeat left center/cover; }
    @media (max-width: 767px) {
      div.site-header div.left {
        display: none; } }
  div.site-header div.right {
    position: absolute;
    right: 0;
    top: 0;
    width: 36.3194%;
    height: 100%;
    background: url("../images/header-right.17d482d7b629.jpg") no-repeat left center/cover; }
    @media (max-width: 767px) {
      div.site-header div.right {
        display: none; } }
div.top-menu {
  position: relative;
  padding-top: 0.75rem;
  padding-bottom: 5rem; }
  @media (max-width: 767px) {
    div.top-menu {
      display: none; } }
  div.top-menu div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    column-gap: 8rem; }
    @media (max-width: 767px) {
      div.top-menu div.container {
        width: 100vw; } }
    div.top-menu div.container a {
      font-family: var(--bankir-family);
      font-size: 1.5rem;
      color: var(--dark-bg-color); }
      div.top-menu div.container a.tastings {
        margin-left: auto; }
      div.top-menu div.container a:hover {
        color: var(--orange-color); }
  div.top-menu div.center {
    position: absolute;
    top: 0.875rem;
    left: calc(50% - 0.5 * var(--center-width));
    width: var(--center-width);
    display: flex;
    flex-direction: column;
    align-items: center; }
  div.top-menu ol.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    font-family: var(--oswald-family);
    font-size: 0.875rem;
    column-gap: 0.4375rem;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.5; }
    div.top-menu ol.breadcrumb li:not(:last-of-type)::after {
      display: inline-block;
      margin-left: 0.4375rem;
      content: '\2022'; }
    div.top-menu ol.breadcrumb a {
      color: inherit; }
  div.top-menu h1, div.top-menu div.h1 {
    font-family: var(--bankir-family);
    font-size: 2.5rem;
    line-height: 4rem;
    color: var(--orange-color); }

footer.footer {
  background-color: var(--dark-bg-color);
  color: white; }
  footer.footer a {
    color: inherit; }
  footer.footer div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto;
    height: 7.3125rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 767px) {
      footer.footer div.container {
        width: 100vw; } }
    @media (max-width: 767px) {
      footer.footer div.container {
        height: auto;
        padding: 1.5rem var(--mobile-padding) 2.5rem;
        flex-wrap: wrap;
        justify-content: space-around;
        column-gap: 0.5rem;
        row-gap: 1.5rem; } }
  @media (max-width: 767px) {
    footer.footer div.about {
      order: 1; }
      footer.footer div.about svg {
        height: 30px;
        width: 142px; } }
  @media (max-width: 767px) {
    footer.footer a.patrick {
      order: 3; } }
  footer.footer a.patrick circle {
    fill: transparent;
    transition: fill 0.3s ease-in-out; }
  footer.footer a.patrick:hover circle {
    fill: white; }
  footer.footer a.patrick path {
    fill: var(--light-gray-color);
    transition: fill 0.3s ease-in-out; }
  footer.footer a.patrick:hover path {
    fill: var(--patric-dark-color); }
    footer.footer a.patrick:hover path.clover {
      fill: black; }
  @media (max-width: 767px) {
    footer.footer div.contacts {
      order: 2; } }
  footer.footer div.address {
    font-family: var(--comfortaa-family);
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 0.125rem;
    text-transform: uppercase;
    margin-top: 0.5rem; }
    @media (max-width: 767px) {
      footer.footer div.address {
        letter-spacing: 0; } }
  footer.footer svg {
    vertical-align: top; }
  footer.footer div.phone {
    font-family: var(--bankir-family);
    font-size: 1.875rem;
    margin-bottom: 0.25rem; }
    @media (max-width: 767px) {
      footer.footer div.phone {
        font-size: 1.25rem; } }
  footer.footer div.email {
    font-family: var(--comfortaa-family);
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 0.125rem;
    text-transform: uppercase; }
  @media (max-width: 767px) {
    footer.footer a.estate {
      order: 4; } }
  footer.footer a.estate path {
    transition: fill 0.3s ease-in-out; }
  footer.footer a.estate path.leaf, footer.footer a.estate path.berry {
    fill: var(--light-gray-color); }
  footer.footer a.estate:hover path.leaf {
    fill: var(--green-color); }
  footer.footer a.estate:hover path.berry {
    fill: var(--berry-color); }
  @media (max-width: 767px) {
    footer.footer div.devs {
      order: 5; } }
  footer.footer div.devs span {
    font-family: var(--bankir-family);
    font-size: 0.875rem;
    line-height: 1.375rem; }
  footer.footer div.devs a {
    font-family: var(--comfortaa-family);
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 0.125rem;
    text-transform: uppercase; }

section.top-article {
  margin-top: 2rem;
  margin-bottom: 2.625rem; }
  section.top-article div.container {
    width: var(--width-1278);
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 767px) {
      section.top-article div.container {
        width: 100vw; } }
    @media (max-width: 767px) {
      section.top-article div.container {
        padding-left: var(--mobile-padding);
        padding-right: var(--mobile-padding); } }
  section.top-article div.text {
    font-size: 1.5rem;
    color: var(--dark-bg-color); }
    section.top-article div.text .lato {
      font-family: var(--lato-family); }
    section.top-article div.text .oswald {
      font-family: var(--oswald-family); }
    section.top-article div.text .comfortaa {
      font-family: var(--comfortaa-family); }
    section.top-article div.text .bankir {
      font-family: var(--bankir-family); }
    section.top-article div.text .orange {
      color: var(--orange-color); }
    section.top-article div.text p.offer {
      width: 49.3125rem;
      margin-left: auto;
      margin-right: auto;
      background-color: rgba(var(--orange-rgb), 0.2);
      padding: 1.5625rem 2.5rem 1.875rem;
      font-size: 1.75rem;
      border-radius: 1.5625rem; }
      @media (max-width: 767px) {
        section.top-article div.text p.offer {
          width: auto;
          font-size: 1.25rem;
          padding: 1rem 1.5rem 1rem; } }
    section.top-article div.text p.tastings {
      width: 56.25rem;
      margin-left: auto;
      margin-right: auto;
      background-color: rgba(var(--orange-rgb), 0.2);
      padding: 1.875rem;
      font-size: 1.5rem;
      border-radius: 1.5625rem; }
      @media (max-width: 767px) {
        section.top-article div.text p.tastings {
          width: auto;
          font-size: 1.25rem;
          padding: 1rem 1.5rem 1rem; } }
    section.top-article div.text p.quote {
      position: relative;
      background-color: rgba(var(--orange-rgb), 0.05);
      padding: 1.9375rem 0 2.625rem 0.6875rem;
      border-radius: 1.25rem;
      font-size: 150%;
      color: var(--orange-color);
      font-style: italic; }
      @media (max-width: 767px) {
        section.top-article div.text p.quote {
          font-size: 1.25rem;
          padding: 1rem 1.5rem 1rem; } }
      section.top-article div.text p.quote::before {
        position: absolute;
        left: -2rem;
        top: -0.5rem;
        width: 6.25rem;
        height: 6.25rem;
        content: '';
        background-image: url("data:image/svg+xml,%0A%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2' clip-path='url(%23clip0_765_2885)'%3E%3Cpath d='M19.0958 72.1708C14.8042 67.6125 12.5 62.5 12.5 54.2125C12.5 39.6292 22.7375 26.5583 37.625 20.0958L41.3458 25.8375C27.45 33.3542 24.7333 43.1083 23.65 49.2583C25.8875 48.1 28.8167 47.6958 31.6875 47.9625C39.2042 48.6583 45.1292 54.8292 45.1292 62.5C45.1292 66.3677 43.5927 70.0771 40.8578 72.812C38.1229 75.5469 34.4136 77.0833 30.5458 77.0833C26.075 77.0833 21.8 75.0417 19.0958 72.1708ZM60.7625 72.1708C56.4708 67.6125 54.1667 62.5 54.1667 54.2125C54.1667 39.6292 64.4042 26.5583 79.2917 20.0958L83.0125 25.8375C69.1167 33.3542 66.4 43.1083 65.3167 49.2583C67.5542 48.1 70.4833 47.6958 73.3542 47.9625C80.8708 48.6583 86.7958 54.8292 86.7958 62.5C86.7958 66.3677 85.2594 70.0771 82.5245 72.812C79.7896 75.5469 76.0802 77.0833 72.2125 77.0833C67.7417 77.0833 63.4667 75.0417 60.7625 72.1708Z' fill='%23CF4F1E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_765_2885'%3E%3Crect width='100' height='100' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        background-size: cover; }
    @media (max-width: 767px) {
      section.top-article div.text img {
        display: block;
        max-width: 100%; } }
    section.top-article div.text img.image-left {
      float: left;
      margin: 0 0.75rem 0.375rem 0; }
      @media (max-width: 767px) {
        section.top-article div.text img.image-left {
          float: none;
          display: block;
          margin-left: auto;
          margin-right: auto;
          max-width: 100%; } }
    section.top-article div.text img.image-right {
      float: right;
      margin: 0 0 0.375rem 0.75rem; }
      @media (max-width: 767px) {
        section.top-article div.text img.image-right {
          float: none;
          display: block;
          margin-left: auto;
          margin-right: auto;
          max-width: 100%; } }
    section.top-article div.text table.bordered-table {
      border-collapse: collapse; }
      section.top-article div.text table.bordered-table th, section.top-article div.text table.bordered-table td {
        border: 1px solid #999; }
    @media (max-width: 767px) {
      section.top-article div.text p.video-holder {
        aspect-ratio: 16 / 9;
        width: 100%; }
        section.top-article div.text p.video-holder iframe {
          width: 100%;
          height: 100%;
          object-fit: contain;
          object-position: center; } }
    section.top-article div.text p {
      margin-bottom: 1em;
      line-height: 1.5; }
    section.top-article div.text ul {
      padding-left: 1.2rem; }
    section.top-article div.text a {
      color: var(--orange-color); }
      section.top-article div.text a:hover {
        text-decoration: underline; }
    @media (max-width: 767px) {
      section.top-article div.text {
        font-size: 1.25rem; } }
div.about-menu {
  margin-top: 1.25rem;
  margin-bottom: 2rem; }
  div.about-menu.thin-bottom-margin {
    margin-bottom: 0.75rem; }
  div.about-menu div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    @media (max-width: 767px) {
      div.about-menu div.container {
        width: 100vw; } }
    @media (max-width: 767px) {
      div.about-menu div.container {
        position: static;
        display: flex;
        flex-direction: column;
        row-gap: 1rem; } }
    div.about-menu div.container::before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 1px;
      height: 1px;
      width: 100%;
      background-color: var(--gray-color); }
      @media (max-width: 767px) {
        div.about-menu div.container::before {
          display: none; } }
  div.about-menu ul {
    list-style: none;
    display: flex;
    justify-content: center; }
    @media (max-width: 767px) {
      div.about-menu ul {
        flex-direction: column;
        order: 1; } }
  div.about-menu li {
    font-family: var(--bankir-family);
    font-size: 1.5rem;
    padding: 0.75rem 1.25rem;
    border-bottom: 3px solid transparent;
    position: relative; }
    @media (max-width: 767px) {
      div.about-menu li {
        border-bottom: 1px solid var(--gray-color); } }
    div.about-menu li:hover {
      border-color: var(--orange-color); }
      @media (max-width: 767px) {
        div.about-menu li:hover {
          color: var(--gray-color); } }
    div.about-menu li a {
      color: var(--gray-color); }
    div.about-menu li.active a, div.about-menu li:hover a {
      color: var(--orange-color); }

section.gallery {
  position: relative;
  padding-top: 12rem;
  padding-bottom: 12rem;
  overflow: hidden;
  --block-width: -100vw;
  --animated-duration: 10s; }
  @media (max-width: 767px) {
    section.gallery {
      padding-top: 3rem;
      padding-bottom: 3rem; } }
  section.gallery svg.top-staff {
    position: absolute;
    right: 0;
    top: 0;
    width: 31.25rem;
    height: 13.725rem;
    color: var(--gray-color); }
    @media (max-width: 767px) {
      section.gallery svg.top-staff {
        width: 9.107rem;
        height: 4rem; } }
  section.gallery svg.bottom-staff {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 31.25rem;
    height: 13.725rem;
    color: var(--gray-color);
    transform: scaleY(-1); }
    @media (max-width: 767px) {
      section.gallery svg.bottom-staff {
        width: 9.107rem;
        height: 4rem; } }
  section.gallery div.slider {
    display: flex;
    width: 100000px;
    height: 25rem;
    column-gap: 1.375rem;
    animation-name: gallery-to-left;
    animation-duration: var(--animated-duration);
    animation-timing-function: linear;
    animation-iteration-count: infinite; }
    @media (max-width: 767px) {
      section.gallery div.slider {
        height: 10rem;
        column-gap: 0.75rem; } }
    section.gallery div.slider:hover {
      animation-play-state: paused; }
  section.gallery div.block {
    display: flex;
    column-gap: 1.375rem; }
    @media (max-width: 767px) {
      section.gallery div.block {
        column-gap: 0.75rem; } }
  section.gallery figure.photo {
    position: relative;
    height: 25rem; }
    @media (max-width: 767px) {
      section.gallery figure.photo {
        height: 10rem; } }
    section.gallery figure.photo img {
      height: 100%;
      border-radius: 2.5rem; }
      @media (max-width: 767px) {
        section.gallery figure.photo img {
          border-radius: 3vw; } }
    section.gallery figure.photo figcaption {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      padding: 1rem 1.5rem;
      color: white;
      text-align: center;
      border-radius: 0 0 2.1875rem 2.1875rem; }
      @media (max-width: 767px) {
        section.gallery figure.photo figcaption {
          display: none; } }
@keyframes gallery-to-left {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(calc(var(--block-width) - 1.375rem)); } }

div.gallery-replacemant {
  height: 4rem; }

.gallery-up {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.85);
  z-index: 100; }
  .gallery-up:not(.show) {
    display: none; }
  .gallery-up a.icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 1rem;
    color: white; }
    .gallery-up a.icon.close {
      right: 1rem; }
    .gallery-up a.icon.toggle {
      right: 4rem; }
    .gallery-up a.icon:hover {
      background-color: rgba(255, 255, 255, 0.15); }
    .gallery-up a.icon svg {
      width: 1.5rem;
      height: 1.5rem; }
  .gallery-up a.arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: calc(50% - 2rem);
    background: rgba(0, 0, 0, 0.4);
    color: white;
    border-radius: 50%; }
    .gallery-up a.arrow.left {
      left: 1rem; }
    .gallery-up a.arrow.right {
      right: 1rem; }
    .gallery-up a.arrow svg {
      width: 1.5rem;
      height: 1.5rem; }
  .gallery-up .viewport {
    position: absolute;
    left: 1rem;
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center; }
    .gallery-up .viewport img {
      max-width: 100%;
      max-height: 100%; }
  .gallery-up .title {
    position: absolute;
    left: 20%;
    right: 20%;
    bottom: 1rem;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.3);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    color: white; }
    @media (max-width: 767px) {
      .gallery-up .title {
        left: 5%;
        right: 5%;
        padding: 0; } }
  .gallery-up .bi-fullscreen-exit {
    display: none; }
  .gallery-up.fullscreen .viewport {
    overflow: auto; }
    .gallery-up.fullscreen .viewport img {
      max-width: none;
      max-height: none; }
  .gallery-up.fullscreen .bi-fullscreen-exit {
    display: inline-block; }
  .gallery-up.fullscreen .bi-arrows-fullscreen {
    display: none; }

body.gallery-freeze-background {
  overflow: hidden; }

figure.main-image {
  margin-bottom: 2rem; }
  figure.main-image img {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 2.1875rem; }
    @media (max-width: 767px) {
      figure.main-image img {
        width: 100vw; } }
    @media (max-width: 767px) {
      figure.main-image img {
        border-radius: 0; } }
div.publication-title {
  margin-bottom: 2rem; }
  div.publication-title div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 767px) {
      div.publication-title div.container {
        width: 100vw; } }
    @media (max-width: 767px) {
      div.publication-title div.container {
        padding-left: var(--mobile-padding);
        padding-right: var(--mobile-padding); } }
  div.publication-title h1 {
    font-family: var(--bankir-family);
    font-size: 1.875rem; }
    @media (max-width: 767px) {
      div.publication-title h1 {
        font-size: 1.5rem; } }
  div.publication-title div.date {
    color: var(--orange-color);
    line-height: 1.75; }
    div.publication-title div.date a {
      color: inherit; }

article.publication-text div.container {
  width: var(--width-1370);
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 767px) {
    article.publication-text div.container {
      width: 100vw; } }
  @media (max-width: 767px) {
    article.publication-text div.container {
      padding-left: var(--mobile-padding);
      padding-right: var(--mobile-padding); } }
article.publication-text div.text {
  font-size: 1.125rem;
  color: var(--dark-bg-color); }
  article.publication-text div.text .lato {
    font-family: var(--lato-family); }
  article.publication-text div.text .oswald {
    font-family: var(--oswald-family); }
  article.publication-text div.text .comfortaa {
    font-family: var(--comfortaa-family); }
  article.publication-text div.text .bankir {
    font-family: var(--bankir-family); }
  article.publication-text div.text .orange {
    color: var(--orange-color); }
  article.publication-text div.text p.offer {
    width: 49.3125rem;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(var(--orange-rgb), 0.2);
    padding: 1.5625rem 2.5rem 1.875rem;
    font-size: 1.75rem;
    border-radius: 1.5625rem; }
    @media (max-width: 767px) {
      article.publication-text div.text p.offer {
        width: auto;
        font-size: 1.25rem;
        padding: 1rem 1.5rem 1rem; } }
  article.publication-text div.text p.tastings {
    width: 56.25rem;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(var(--orange-rgb), 0.2);
    padding: 1.875rem;
    font-size: 1.5rem;
    border-radius: 1.5625rem; }
    @media (max-width: 767px) {
      article.publication-text div.text p.tastings {
        width: auto;
        font-size: 1.25rem;
        padding: 1rem 1.5rem 1rem; } }
  article.publication-text div.text p.quote {
    position: relative;
    background-color: rgba(var(--orange-rgb), 0.05);
    padding: 1.9375rem 0 2.625rem 0.6875rem;
    border-radius: 1.25rem;
    font-size: 150%;
    color: var(--orange-color);
    font-style: italic; }
    @media (max-width: 767px) {
      article.publication-text div.text p.quote {
        font-size: 1.25rem;
        padding: 1rem 1.5rem 1rem; } }
    article.publication-text div.text p.quote::before {
      position: absolute;
      left: -2rem;
      top: -0.5rem;
      width: 6.25rem;
      height: 6.25rem;
      content: '';
      background-image: url("data:image/svg+xml,%0A%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2' clip-path='url(%23clip0_765_2885)'%3E%3Cpath d='M19.0958 72.1708C14.8042 67.6125 12.5 62.5 12.5 54.2125C12.5 39.6292 22.7375 26.5583 37.625 20.0958L41.3458 25.8375C27.45 33.3542 24.7333 43.1083 23.65 49.2583C25.8875 48.1 28.8167 47.6958 31.6875 47.9625C39.2042 48.6583 45.1292 54.8292 45.1292 62.5C45.1292 66.3677 43.5927 70.0771 40.8578 72.812C38.1229 75.5469 34.4136 77.0833 30.5458 77.0833C26.075 77.0833 21.8 75.0417 19.0958 72.1708ZM60.7625 72.1708C56.4708 67.6125 54.1667 62.5 54.1667 54.2125C54.1667 39.6292 64.4042 26.5583 79.2917 20.0958L83.0125 25.8375C69.1167 33.3542 66.4 43.1083 65.3167 49.2583C67.5542 48.1 70.4833 47.6958 73.3542 47.9625C80.8708 48.6583 86.7958 54.8292 86.7958 62.5C86.7958 66.3677 85.2594 70.0771 82.5245 72.812C79.7896 75.5469 76.0802 77.0833 72.2125 77.0833C67.7417 77.0833 63.4667 75.0417 60.7625 72.1708Z' fill='%23CF4F1E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_765_2885'%3E%3Crect width='100' height='100' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
      background-size: cover; }
  @media (max-width: 767px) {
    article.publication-text div.text img {
      display: block;
      max-width: 100%; } }
  article.publication-text div.text img.image-left {
    float: left;
    margin: 0 0.75rem 0.375rem 0; }
    @media (max-width: 767px) {
      article.publication-text div.text img.image-left {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%; } }
  article.publication-text div.text img.image-right {
    float: right;
    margin: 0 0 0.375rem 0.75rem; }
    @media (max-width: 767px) {
      article.publication-text div.text img.image-right {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%; } }
  article.publication-text div.text table.bordered-table {
    border-collapse: collapse; }
    article.publication-text div.text table.bordered-table th, article.publication-text div.text table.bordered-table td {
      border: 1px solid #999; }
  @media (max-width: 767px) {
    article.publication-text div.text p.video-holder {
      aspect-ratio: 16 / 9;
      width: 100%; }
      article.publication-text div.text p.video-holder iframe {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center; } }
  article.publication-text div.text p {
    margin-bottom: 1em;
    line-height: 1.5; }
  article.publication-text div.text ul {
    padding-left: 1.2rem; }
  article.publication-text div.text a {
    color: var(--orange-color); }
    article.publication-text div.text a:hover {
      text-decoration: underline; }

@media (max-width: 767px) {
  div.top-divider {
    display: none; } }

div.top-divider div.container {
  width: var(--width-1370);
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  background-color: var(--gray-color); }
  @media (max-width: 767px) {
    div.top-divider div.container {
      width: 100vw; } }
section.contact-block {
  margin-top: 2rem;
  margin-bottom: 7.75rem; }
  @media (max-width: 767px) {
    section.contact-block {
      margin-bottom: 2rem; } }
  section.contact-block div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 37.5rem 1fr;
    column-gap: 5.375rem; }
    @media (max-width: 767px) {
      section.contact-block div.container {
        width: 100vw; } }
    @media (max-width: 767px) {
      section.contact-block div.container {
        display: flex;
        flex-direction: column-reverse; }
        section.contact-block div.container div.info {
          padding-left: var(--mobile-padding);
          padding-right: var(--mobile-padding); } }
  section.contact-block div.map-wrap > div {
    width: 37.5rem;
    min-height: 37.5rem;
    border-radius: 2.1875rem;
    overflow: hidden;
    height: 100%; }
    @media (max-width: 767px) {
      section.contact-block div.map-wrap > div {
        width: 100vw;
        height: 75vh; } }
  section.contact-block div.contacts {
    display: grid;
    grid-template-columns: 30px 1fr;
    column-gap: 0.5rem;
    row-gap: 1rem;
    font-size: 1.25rem;
    padding-left: 1.25rem;
    margin-bottom: 2.6875rem; }
  section.contact-block a {
    color: inherit;
    align-self: center; }
  section.contact-block span {
    align-self: center; }
  section.contact-block ul {
    list-style: none; }
    section.contact-block ul li:not(:last-of-type) {
      margin-bottom: 0.75rem; }

header.mobile-top {
  height: var(--mobile-head);
  display: flex;
  align-items: center;
  background-color: white;
  color: black;
  padding-left: var(--mobile-padding);
  padding-right: var(--mobile-padding); }
  @media (min-width: 768px) {
    header.mobile-top {
      display: none; } }
  header.mobile-top a.logo {
    color: inherit; }
    header.mobile-top a.logo svg {
      vertical-align: top;
      width: 160px;
      height: 33px; }

section.home-block header.mobile-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; }

@media (max-width: 767px) {
  .nomobile {
    display: none; } }

div.cookie-disclaimer {
  position: fixed;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  bottom: 2rem;
  z-index: 333; }
  div.cookie-disclaimer:not(.shown) {
    display: none; }
  div.cookie-disclaimer div.body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 1.5rem;
    border: 1px solid white;
    border-radius: 2.5rem;
    background-color: #141414;
    max-width: 1200px;
    padding: 1rem 1rem 1rem 1.5rem; }
    @media (max-width: 767px) {
      div.cookie-disclaimer div.body {
        width: 98vw;
        flex-direction: column;
        row-gap: 1rem; } }
  div.cookie-disclaimer div.disclaimer {
    font-size: 0.875rem;
    color: white; }
    div.cookie-disclaimer div.disclaimer a {
      color: var(--orange-color); }
  div.cookie-disclaimer a.close {
    display: block;
    justify-content: center;
    align-items: center;
    background-color: var(--orange-color);
    border-radius: 14px;
    color: white;
    font-size: 0.875rem;
    padding: 0.25rem 0.75rem;
    flex-shrink: 0;
    text-decoration: none; }

section.home-block {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-color: var(--dark-bg-color); }
  section.home-block picture {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    @media (max-width: 767px) {
      section.home-block picture {
        top: var(--mobile-head);
        height: 50vh; } }
    section.home-block picture img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top center; }
  section.home-block div.slogan {
    position: absolute;
    left: 50vw;
    bottom: 11.85vh;
    font-family: var(--bankir-family);
    font-size: 1.75rem;
    color: white;
    transform: translateX(-50%);
    text-shadow: 1px 0 0 black, 0 1px 0 black, -1px 0 0 black, 0 -1px 0 black; }
    @media (max-width: 767px) {
      section.home-block div.slogan {
        left: 0;
        bottom: auto;
        top: calc(var(--mobile-head) + 0.5rem);
        width: 100%;
        transform: none;
        text-align: center;
        font-size: 16px; } }
  @media (max-width: 767px) {
    section.home-block div.towers {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100vw;
      height: 100vw; } }
  section.home-block div.tower {
    position: absolute;
    top: 0;
    width: 21.375rem;
    height: 100%;
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      section.home-block div.tower {
        width: 49vw; } }
    section.home-block div.tower.left {
      left: 2.3125rem; }
      @media (max-width: 767px) {
        section.home-block div.tower.left {
          left: 0.5vw; } }
    section.home-block div.tower.right {
      right: 2.3125rem; }
      @media (max-width: 767px) {
        section.home-block div.tower.right {
          right: 0.5vw; } }
  section.home-block div.col {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 41.4375rem;
    background-color: white;
    padding: 1.3125rem;
    row-gap: 1.3125rem;
    border-radius: 1.875rem; }
    @media (max-width: 767px) {
      section.home-block div.col {
        height: 99vw;
        padding: 1.5vw;
        row-gap: 2vw;
        border-radius: 5vw; } }
  section.home-block div.block {
    flex: 0 0 18.75rem; }
    @media (max-width: 767px) {
      section.home-block div.block {
        flex-basis: 47vw; } }
    section.home-block div.block.poster {
      height: 18.75rem; }
      @media (max-width: 767px) {
        section.home-block div.block.poster {
          height: 47vw; } }
    section.home-block div.block > a {
      display: block;
      position: relative;
      width: 100%;
      height: 100%;
      border-radius: 2.1875rem;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
      @media (max-width: 767px) {
        section.home-block div.block > a {
          border-radius: 5vw; } }
      section.home-block div.block > a > span {
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        left: 0;
        bottom: 9.333333%;
        width: 66.666666%;
        height: 32.333333%;
        background: url("../images/marker.019936508c8f.png") no-repeat left top/contain;
        padding-left: 13%; }
        section.home-block div.block > a > span span {
          font-family: var(--bankir-family);
          font-size: 1.25rem;
          color: white; }
          @media (max-width: 767px) {
            section.home-block div.block > a > span span {
              font-size: 4.5vw; } }
      section.home-block div.block > a.top-label > span {
        bottom: 58.333333%; }
      section.home-block div.block > a img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 2.1875rem; }
        @media (max-width: 767px) {
          section.home-block div.block > a img {
            border-radius: 5vw; } }
    section.home-block div.block > img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      border-radius: 2.1875rem; }
      @media (max-width: 767px) {
        section.home-block div.block > img {
          border-radius: 5vw; } }
    section.home-block div.block.tastings > a {
      background-image: url("../images/tastings.a6f4aa43b402.jpg"); }
    section.home-block div.block.menu {
      position: relative; }
      section.home-block div.block.menu > a {
        background-image: url("../images/menu.97ebe954ed29.jpg"); }
      section.home-block div.block.menu div.overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 18.75rem;
        height: 18.75rem;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 1.5625rem 0.75rem;
        display: grid;
        grid-template-columns: repeat(2, 8.0625rem);
        grid-auto-rows: 7.25rem;
        gap: 1.125rem 1.125rem;
        opacity: 1;
        transition: opacity 0.3s ease-in-out; }
        @media (max-width: 767px) {
          section.home-block div.block.menu div.overlay {
            display: none; } }
        section.home-block div.block.menu div.overlay a {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border: 1px solid black;
          border-radius: 1.25rem;
          color: black;
          transition: all 0.3s ease-in-out;
          row-gap: 0.25rem; }
          section.home-block div.block.menu div.overlay a:hover {
            color: var(--orange-color);
            border-color: var(--orange-color); }
        section.home-block div.block.menu div.overlay svg {
          width: 2.5rem;
          height: 2.5rem; }
        section.home-block div.block.menu div.overlay path {
          fill: currentColor; }
          section.home-block div.block.menu div.overlay path.white {
            fill: white; }
        section.home-block div.block.menu div.overlay circle {
          fill: currentColor; }
        section.home-block div.block.menu div.overlay span {
          font-family: var(--bankir-family);
          font-size: 1.125rem; }
      section.home-block div.block.menu:not(:hover) div.overlay {
        opacity: 0; }
    section.home-block div.block.showbill > a {
      background-image: url("../images/showbill.7f90b0bda02b.jpg"); }

section.menu-section-list {
  margin-top: 2rem;
  margin-bottom: 2rem; }
  section.menu-section-list div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(4, 20.125rem);
    column-gap: 1.6875rem; }
    @media (max-width: 767px) {
      section.menu-section-list div.container {
        width: 100vw; } }
    @media (max-width: 767px) {
      section.menu-section-list div.container {
        padding-left: var(--mobile-padding);
        padding-right: var(--mobile-padding);
        grid-template-columns: 1fr 1fr;
        column-gap: var(--mobile-padding);
        row-gap: var(--mobile-padding); } }
  section.menu-section-list article {
    position: relative;
    width: 20.125rem;
    height: 28.875rem; }
    @media (max-width: 767px) {
      section.menu-section-list article {
        width: 100%;
        height: auto;
        aspect-ratio: 20.125 / 28.875; } }
    section.menu-section-list article img {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 2.1875rem; }
      @media (max-width: 767px) {
        section.menu-section-list article img {
          border-radius: 5vw; } }
    section.menu-section-list article a {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 2.1875rem;
      background-color: rgba(0, 0, 0, 0.4);
      padding-top: 10.75rem;
      color: white; }
      @media (max-width: 767px) {
        section.menu-section-list article a {
          padding-top: 37.229437%;
          border-radius: 5vw; } }
    section.menu-section-list article svg {
      width: 5rem;
      height: 3.125rem; }
    section.menu-section-list article path {
      fill: currentColor; }
      section.menu-section-list article path.white {
        fill: var(--dark-bg-color); }
    section.menu-section-list article circle {
      fill: currentColor; }
    section.menu-section-list article span.title {
      font-family: var(--bankir-family);
      font-size: 1.5rem;
      margin-top: 0.25rem; }
      @media (max-width: 767px) {
        section.menu-section-list article span.title {
          font-size: 1.25rem; } }
    section.menu-section-list article span.subtitle {
      font-family: var(--lato-family);
      font-size: 0.875rem;
      line-height: 1rem;
      margin-top: 0.75rem; }

section.offer {
  --step: 38.9375rem; }
  @media (max-width: 767px) {
    section.offer {
      --step: 100vw; } }
  section.offer div.slider {
    position: relative;
    height: 31.25rem;
    overflow: hidden;
    margin-bottom: 2rem; }
    @media (max-width: 767px) {
      section.offer div.slider {
        height: 75vw; } }
  section.offer div.shift {
    position: absolute;
    left: calc(0.5 * (100vw - 127.1875rem) + 38.15625rem);
    top: 0; }
    @media (max-width: 767px) {
      section.offer div.shift {
        left: 0; } }
  section.offer div.runner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100000px;
    height: 31.25rem;
    display: flex;
    column-gap: 1.5625rem; }
    @media (max-width: 767px) {
      section.offer div.runner {
        height: 75vw;
        column-gap: 0; } }
  section.offer div.block {
    display: flex;
    align-items: center;
    height: 31.25rem;
    column-gap: 1.5625rem; }
    @media (max-width: 767px) {
      section.offer div.block {
        height: 75vw;
        column-gap: 0; } }
  section.offer div.slide {
    position: relative;
    width: 37.375rem;
    height: 23.6875rem;
    transition: all 0.3s ease-in-out; }
    @media (max-width: 767px) {
      section.offer div.slide {
        width: 100vw;
        height: 75vw; } }
    section.offer div.slide.active {
      width: 49.3125rem;
      height: 31.25rem; }
      @media (max-width: 767px) {
        section.offer div.slide.active {
          width: 100vw;
          height: 75vw; } }
    section.offer div.slide img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      border-radius: 2.5rem; }
      @media (max-width: 767px) {
        section.offer div.slide img {
          border-radius: 5vw; } }
    section.offer div.slide div.cover {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(rgba(0, 0, 0, 0) 60%, black 100%);
      border-radius: 2.5rem; }
      @media (max-width: 767px) {
        section.offer div.slide div.cover {
          border-radius: 5vw; } }
    section.offer div.slide:not(.active) div.cover {
      display: none; }
    section.offer div.slide div.bottom {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      padding: 0 3.125rem 2.5rem 3.75rem;
      color: white;
      display: flex;
      align-items: baseline;
      column-gap: 1rem;
      font-family: var(--lato-family);
      font-weight: 500;
      font-size: 1.75rem; }
      @media (max-width: 767px) {
        section.offer div.slide div.bottom {
          padding: 0 1rem 1.5rem;
          font-size: 1.25rem; } }
    section.offer div.slide h3 {
      flex-grow: 1; }
    section.offer div.slide div.price {
      text-wrap: nowrap; }
  section.offer div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 767px) {
      section.offer div.container {
        width: 100vw; } }
    @media (max-width: 767px) {
      section.offer div.container {
        padding-left: var(--mobile-padding);
        padding-right: var(--mobile-padding); } }
  section.offer div.text .lato {
    font-family: var(--lato-family); }
  section.offer div.text .oswald {
    font-family: var(--oswald-family); }
  section.offer div.text .comfortaa {
    font-family: var(--comfortaa-family); }
  section.offer div.text .bankir {
    font-family: var(--bankir-family); }
  section.offer div.text .orange {
    color: var(--orange-color); }
  section.offer div.text p.offer {
    width: 49.3125rem;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(var(--orange-rgb), 0.2);
    padding: 1.5625rem 2.5rem 1.875rem;
    font-size: 1.75rem;
    border-radius: 1.5625rem; }
    @media (max-width: 767px) {
      section.offer div.text p.offer {
        width: auto;
        font-size: 1.25rem;
        padding: 1rem 1.5rem 1rem; } }
  section.offer div.text p.tastings {
    width: 56.25rem;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(var(--orange-rgb), 0.2);
    padding: 1.875rem;
    font-size: 1.5rem;
    border-radius: 1.5625rem; }
    @media (max-width: 767px) {
      section.offer div.text p.tastings {
        width: auto;
        font-size: 1.25rem;
        padding: 1rem 1.5rem 1rem; } }
  section.offer div.text p.quote {
    position: relative;
    background-color: rgba(var(--orange-rgb), 0.05);
    padding: 1.9375rem 0 2.625rem 0.6875rem;
    border-radius: 1.25rem;
    font-size: 150%;
    color: var(--orange-color);
    font-style: italic; }
    @media (max-width: 767px) {
      section.offer div.text p.quote {
        font-size: 1.25rem;
        padding: 1rem 1.5rem 1rem; } }
    section.offer div.text p.quote::before {
      position: absolute;
      left: -2rem;
      top: -0.5rem;
      width: 6.25rem;
      height: 6.25rem;
      content: '';
      background-image: url("data:image/svg+xml,%0A%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2' clip-path='url(%23clip0_765_2885)'%3E%3Cpath d='M19.0958 72.1708C14.8042 67.6125 12.5 62.5 12.5 54.2125C12.5 39.6292 22.7375 26.5583 37.625 20.0958L41.3458 25.8375C27.45 33.3542 24.7333 43.1083 23.65 49.2583C25.8875 48.1 28.8167 47.6958 31.6875 47.9625C39.2042 48.6583 45.1292 54.8292 45.1292 62.5C45.1292 66.3677 43.5927 70.0771 40.8578 72.812C38.1229 75.5469 34.4136 77.0833 30.5458 77.0833C26.075 77.0833 21.8 75.0417 19.0958 72.1708ZM60.7625 72.1708C56.4708 67.6125 54.1667 62.5 54.1667 54.2125C54.1667 39.6292 64.4042 26.5583 79.2917 20.0958L83.0125 25.8375C69.1167 33.3542 66.4 43.1083 65.3167 49.2583C67.5542 48.1 70.4833 47.6958 73.3542 47.9625C80.8708 48.6583 86.7958 54.8292 86.7958 62.5C86.7958 66.3677 85.2594 70.0771 82.5245 72.812C79.7896 75.5469 76.0802 77.0833 72.2125 77.0833C67.7417 77.0833 63.4667 75.0417 60.7625 72.1708Z' fill='%23CF4F1E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_765_2885'%3E%3Crect width='100' height='100' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
      background-size: cover; }
  @media (max-width: 767px) {
    section.offer div.text img {
      display: block;
      max-width: 100%; } }
  section.offer div.text img.image-left {
    float: left;
    margin: 0 0.75rem 0.375rem 0; }
    @media (max-width: 767px) {
      section.offer div.text img.image-left {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%; } }
  section.offer div.text img.image-right {
    float: right;
    margin: 0 0 0.375rem 0.75rem; }
    @media (max-width: 767px) {
      section.offer div.text img.image-right {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%; } }
  section.offer div.text table.bordered-table {
    border-collapse: collapse; }
    section.offer div.text table.bordered-table th, section.offer div.text table.bordered-table td {
      border: 1px solid #999; }
  @media (max-width: 767px) {
    section.offer div.text p.video-holder {
      aspect-ratio: 16 / 9;
      width: 100%; }
      section.offer div.text p.video-holder iframe {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center; } }
  section.offer div.text p {
    margin-bottom: 1em;
    line-height: 1.5; }
  section.offer div.text ul {
    padding-left: 1.2rem; }
  section.offer div.text a {
    color: var(--orange-color); }
    section.offer div.text a:hover {
      text-decoration: underline; }

section.achievement-list div.container {
  width: var(--width-1370);
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(4, 25%);
  row-gap: 2rem; }
  @media (max-width: 767px) {
    section.achievement-list div.container {
      width: 100vw; } }
  @media (max-width: 767px) {
    section.achievement-list div.container {
      display: flex;
      flex-direction: column;
      column-gap: 1.5rem;
      padding-left: var(--mobile-padding);
      padding-right: var(--mobile-padding); } }
section.achievement-list article {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.25rem; }

section.achievement-list img {
  width: 18.75rem;
  height: 18.75rem;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  border: 1px solid var(--gray-color); }

section.achievement-list div.photo img {
  cursor: pointer; }

section.achievement-list div.text {
  width: 18.75rem; }
  section.achievement-list div.text .lato {
    font-family: var(--lato-family); }
  section.achievement-list div.text .oswald {
    font-family: var(--oswald-family); }
  section.achievement-list div.text .comfortaa {
    font-family: var(--comfortaa-family); }
  section.achievement-list div.text .bankir {
    font-family: var(--bankir-family); }
  section.achievement-list div.text .orange {
    color: var(--orange-color); }
  section.achievement-list div.text p.offer {
    width: 49.3125rem;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(var(--orange-rgb), 0.2);
    padding: 1.5625rem 2.5rem 1.875rem;
    font-size: 1.75rem;
    border-radius: 1.5625rem; }
    @media (max-width: 767px) {
      section.achievement-list div.text p.offer {
        width: auto;
        font-size: 1.25rem;
        padding: 1rem 1.5rem 1rem; } }
  section.achievement-list div.text p.tastings {
    width: 56.25rem;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(var(--orange-rgb), 0.2);
    padding: 1.875rem;
    font-size: 1.5rem;
    border-radius: 1.5625rem; }
    @media (max-width: 767px) {
      section.achievement-list div.text p.tastings {
        width: auto;
        font-size: 1.25rem;
        padding: 1rem 1.5rem 1rem; } }
  section.achievement-list div.text p.quote {
    position: relative;
    background-color: rgba(var(--orange-rgb), 0.05);
    padding: 1.9375rem 0 2.625rem 0.6875rem;
    border-radius: 1.25rem;
    font-size: 150%;
    color: var(--orange-color);
    font-style: italic; }
    @media (max-width: 767px) {
      section.achievement-list div.text p.quote {
        font-size: 1.25rem;
        padding: 1rem 1.5rem 1rem; } }
    section.achievement-list div.text p.quote::before {
      position: absolute;
      left: -2rem;
      top: -0.5rem;
      width: 6.25rem;
      height: 6.25rem;
      content: '';
      background-image: url("data:image/svg+xml,%0A%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2' clip-path='url(%23clip0_765_2885)'%3E%3Cpath d='M19.0958 72.1708C14.8042 67.6125 12.5 62.5 12.5 54.2125C12.5 39.6292 22.7375 26.5583 37.625 20.0958L41.3458 25.8375C27.45 33.3542 24.7333 43.1083 23.65 49.2583C25.8875 48.1 28.8167 47.6958 31.6875 47.9625C39.2042 48.6583 45.1292 54.8292 45.1292 62.5C45.1292 66.3677 43.5927 70.0771 40.8578 72.812C38.1229 75.5469 34.4136 77.0833 30.5458 77.0833C26.075 77.0833 21.8 75.0417 19.0958 72.1708ZM60.7625 72.1708C56.4708 67.6125 54.1667 62.5 54.1667 54.2125C54.1667 39.6292 64.4042 26.5583 79.2917 20.0958L83.0125 25.8375C69.1167 33.3542 66.4 43.1083 65.3167 49.2583C67.5542 48.1 70.4833 47.6958 73.3542 47.9625C80.8708 48.6583 86.7958 54.8292 86.7958 62.5C86.7958 66.3677 85.2594 70.0771 82.5245 72.812C79.7896 75.5469 76.0802 77.0833 72.2125 77.0833C67.7417 77.0833 63.4667 75.0417 60.7625 72.1708Z' fill='%23CF4F1E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_765_2885'%3E%3Crect width='100' height='100' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
      background-size: cover; }
  @media (max-width: 767px) {
    section.achievement-list div.text img {
      display: block;
      max-width: 100%; } }
  section.achievement-list div.text img.image-left {
    float: left;
    margin: 0 0.75rem 0.375rem 0; }
    @media (max-width: 767px) {
      section.achievement-list div.text img.image-left {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%; } }
  section.achievement-list div.text img.image-right {
    float: right;
    margin: 0 0 0.375rem 0.75rem; }
    @media (max-width: 767px) {
      section.achievement-list div.text img.image-right {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%; } }
  section.achievement-list div.text table.bordered-table {
    border-collapse: collapse; }
    section.achievement-list div.text table.bordered-table th, section.achievement-list div.text table.bordered-table td {
      border: 1px solid #999; }
  @media (max-width: 767px) {
    section.achievement-list div.text p.video-holder {
      aspect-ratio: 16 / 9;
      width: 100%; }
      section.achievement-list div.text p.video-holder iframe {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center; } }
  section.achievement-list div.text p {
    margin-bottom: 1em;
    line-height: 1.5; }
  section.achievement-list div.text ul {
    padding-left: 1.2rem; }
  section.achievement-list div.text a {
    color: var(--orange-color); }
    section.achievement-list div.text a:hover {
      text-decoration: underline; }

section.person-block ~ section.achievement-list {
  margin-top: 2rem; }

section.person-block {
  position: relative;
  z-index: 5; }
  section.person-block.bottom-margin {
    margin-bottom: 5.25rem; }
  section.person-block.top-margin {
    margin-top: 2rem; }
    @media (max-width: 767px) {
      section.person-block.top-margin {
        margin-top: 0; } }
  section.person-block div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 37.5rem 1fr;
    column-gap: 5.375rem; }
    @media (max-width: 767px) {
      section.person-block div.container {
        width: 100vw; } }
    @media (max-width: 767px) {
      section.person-block div.container {
        display: flex;
        flex-direction: column;
        row-gap: 2rem; } }
  section.person-block figure {
    position: relative; }
  section.person-block figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 1rem 1.5rem;
    color: white;
    text-align: center;
    border-radius: 0 0 2.1875rem 2.1875rem; }
    @media (max-width: 767px) {
      section.person-block figcaption {
        border-radius: 0; } }
  section.person-block img {
    max-width: 100%;
    border-radius: 2.1875rem;
    vertical-align: top; }
    @media (max-width: 767px) {
      section.person-block img {
        border-radius: 0; } }
  section.person-block div.info {
    display: flex;
    flex-direction: column; }
    @media (max-width: 767px) {
      section.person-block div.info {
        padding-left: var(--mobile-padding);
        padding-right: var(--mobile-padding); } }
  section.person-block h1 {
    font-family: var(--bankir-family);
    font-size: 1.875rem; }
  section.person-block div.date {
    color: var(--orange-color);
    line-height: 1.75; }
  section.person-block div.text {
    margin-top: 1.25rem; }
    section.person-block div.text .lato {
      font-family: var(--lato-family); }
    section.person-block div.text .oswald {
      font-family: var(--oswald-family); }
    section.person-block div.text .comfortaa {
      font-family: var(--comfortaa-family); }
    section.person-block div.text .bankir {
      font-family: var(--bankir-family); }
    section.person-block div.text .orange {
      color: var(--orange-color); }
    section.person-block div.text p.offer {
      width: 49.3125rem;
      margin-left: auto;
      margin-right: auto;
      background-color: rgba(var(--orange-rgb), 0.2);
      padding: 1.5625rem 2.5rem 1.875rem;
      font-size: 1.75rem;
      border-radius: 1.5625rem; }
      @media (max-width: 767px) {
        section.person-block div.text p.offer {
          width: auto;
          font-size: 1.25rem;
          padding: 1rem 1.5rem 1rem; } }
    section.person-block div.text p.tastings {
      width: 56.25rem;
      margin-left: auto;
      margin-right: auto;
      background-color: rgba(var(--orange-rgb), 0.2);
      padding: 1.875rem;
      font-size: 1.5rem;
      border-radius: 1.5625rem; }
      @media (max-width: 767px) {
        section.person-block div.text p.tastings {
          width: auto;
          font-size: 1.25rem;
          padding: 1rem 1.5rem 1rem; } }
    section.person-block div.text p.quote {
      position: relative;
      background-color: rgba(var(--orange-rgb), 0.05);
      padding: 1.9375rem 0 2.625rem 0.6875rem;
      border-radius: 1.25rem;
      font-size: 150%;
      color: var(--orange-color);
      font-style: italic; }
      @media (max-width: 767px) {
        section.person-block div.text p.quote {
          font-size: 1.25rem;
          padding: 1rem 1.5rem 1rem; } }
      section.person-block div.text p.quote::before {
        position: absolute;
        left: -2rem;
        top: -0.5rem;
        width: 6.25rem;
        height: 6.25rem;
        content: '';
        background-image: url("data:image/svg+xml,%0A%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2' clip-path='url(%23clip0_765_2885)'%3E%3Cpath d='M19.0958 72.1708C14.8042 67.6125 12.5 62.5 12.5 54.2125C12.5 39.6292 22.7375 26.5583 37.625 20.0958L41.3458 25.8375C27.45 33.3542 24.7333 43.1083 23.65 49.2583C25.8875 48.1 28.8167 47.6958 31.6875 47.9625C39.2042 48.6583 45.1292 54.8292 45.1292 62.5C45.1292 66.3677 43.5927 70.0771 40.8578 72.812C38.1229 75.5469 34.4136 77.0833 30.5458 77.0833C26.075 77.0833 21.8 75.0417 19.0958 72.1708ZM60.7625 72.1708C56.4708 67.6125 54.1667 62.5 54.1667 54.2125C54.1667 39.6292 64.4042 26.5583 79.2917 20.0958L83.0125 25.8375C69.1167 33.3542 66.4 43.1083 65.3167 49.2583C67.5542 48.1 70.4833 47.6958 73.3542 47.9625C80.8708 48.6583 86.7958 54.8292 86.7958 62.5C86.7958 66.3677 85.2594 70.0771 82.5245 72.812C79.7896 75.5469 76.0802 77.0833 72.2125 77.0833C67.7417 77.0833 63.4667 75.0417 60.7625 72.1708Z' fill='%23CF4F1E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_765_2885'%3E%3Crect width='100' height='100' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        background-size: cover; }
    @media (max-width: 767px) {
      section.person-block div.text img {
        display: block;
        max-width: 100%; } }
    section.person-block div.text img.image-left {
      float: left;
      margin: 0 0.75rem 0.375rem 0; }
      @media (max-width: 767px) {
        section.person-block div.text img.image-left {
          float: none;
          display: block;
          margin-left: auto;
          margin-right: auto;
          max-width: 100%; } }
    section.person-block div.text img.image-right {
      float: right;
      margin: 0 0 0.375rem 0.75rem; }
      @media (max-width: 767px) {
        section.person-block div.text img.image-right {
          float: none;
          display: block;
          margin-left: auto;
          margin-right: auto;
          max-width: 100%; } }
    section.person-block div.text table.bordered-table {
      border-collapse: collapse; }
      section.person-block div.text table.bordered-table th, section.person-block div.text table.bordered-table td {
        border: 1px solid #999; }
    @media (max-width: 767px) {
      section.person-block div.text p.video-holder {
        aspect-ratio: 16 / 9;
        width: 100%; }
        section.person-block div.text p.video-holder iframe {
          width: 100%;
          height: 100%;
          object-fit: contain;
          object-position: center; } }
    section.person-block div.text p {
      margin-bottom: 1em;
      line-height: 1.5; }
    section.person-block div.text ul {
      padding-left: 1.2rem; }
    section.person-block div.text a {
      color: var(--orange-color); }
      section.person-block div.text a:hover {
        text-decoration: underline; }
  section.person-block div.more {
    margin-top: auto;
    text-align: center; }
    section.person-block div.more a {
      color: var(--orange-color);
      text-decoration: underline; }
  section.person-block div.feedback-form {
    margin-top: 2rem; }
  section.person-block div.links {
    margin-top: 1rem; }
    section.person-block div.links a {
      display: block;
      width: 10.625rem;
      height: 2.6875rem;
      border: none;
      background-color: var(--orange-color);
      font-family: var(--bankir-family);
      font-size: 1.0625rem;
      line-height: 2.6875rem;
      text-align: center;
      color: white;
      border-radius: 0.9375rem;
      cursor: pointer; }

section.video-list {
  margin-top: 2rem;
  margin-bottom: 2rem; }
  section.video-list div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    row-gap: 2rem; }
    @media (max-width: 767px) {
      section.video-list div.container {
        width: 100vw; } }
  section.video-list h2 {
    font-family: var(--bankir-family);
    font-size: 1.875rem;
    margin-bottom: 0.375rem; }
    @media (max-width: 767px) {
      section.video-list h2 {
        padding-left: var(--mobile-padding);
        padding-right: var(--mobile-padding);
        font-size: 1.5rem; } }
  section.video-list div.date {
    color: var(--orange-color);
    margin-bottom: 1rem; }
    @media (max-width: 767px) {
      section.video-list div.date {
        padding-left: var(--mobile-padding);
        padding-right: var(--mobile-padding); } }
  section.video-list div.player {
    display: flex;
    justify-content: flex-start; }
    @media (max-width: 767px) {
      section.video-list div.player {
        aspect-ratio: 1 / 2;
        width: 100%; }
        section.video-list div.player iframe {
          width: 100%;
          height: 100%;
          object-fit: contain;
          object-position: center; } }
section.publication-list {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  @media (max-width: 767px) {
    section.publication-list {
      margin-top: 2rem;
      margin-bottom: 2rem; } }
  section.publication-list h1 {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto;
    font-family: var(--bankir-family);
    font-size: 1.875rem;
    margin-bottom: 1.5rem;
    text-align: center; }
    @media (max-width: 767px) {
      section.publication-list h1 {
        width: 100vw; } }
    @media (max-width: 767px) {
      section.publication-list h1 {
        padding-left: var(--mobile-padding);
        padding-right: var(--mobile-padding);
        font-size: 1.5rem; } }
  section.publication-list div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(3, 25rem);
    column-gap: 5.3125rem;
    row-gap: 2rem; }
    @media (max-width: 767px) {
      section.publication-list div.container {
        width: 100vw; } }
    @media (max-width: 767px) {
      section.publication-list div.container {
        display: flex;
        flex-direction: column; } }
  section.publication-list article img {
    display: block;
    width: 25rem;
    height: 25rem;
    object-fit: cover;
    object-position: center;
    border-radius: 2.1875rem; }
    @media (max-width: 767px) {
      section.publication-list article img {
        max-width: 100%;
        height: auto;
        border-radius: 0; } }
  section.publication-list article div.date {
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: bold; }
    @media (max-width: 767px) {
      section.publication-list article div.date {
        padding-left: var(--mobile-padding);
        padding-right: var(--mobile-padding); } }
    section.publication-list article div.date a {
      color: inherit; }
      section.publication-list article div.date a:hover {
        color: var(--orange-color); }
  section.publication-list article h2 {
    font-size: 1rem; }
    @media (max-width: 767px) {
      section.publication-list article h2 {
        padding-left: var(--mobile-padding);
        padding-right: var(--mobile-padding); } }
    section.publication-list article h2 a {
      color: inherit; }
      section.publication-list article h2 a:hover {
        color: var(--orange-color); }

div.publication-years {
  margin-top: 1rem;
  margin-bottom: 2.25rem; }
  div.publication-years div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    column-gap: 1rem;
    font-family: var(--bankir-family); }
    @media (max-width: 767px) {
      div.publication-years div.container {
        width: 100vw; } }
    @media (max-width: 767px) {
      div.publication-years div.container {
        padding-left: var(--mobile-padding);
        padding-right: var(--mobile-padding); } }
  div.publication-years a {
    color: inherit; }
    div.publication-years a:hover, div.publication-years a.active {
      color: var(--orange-color); }

ol.week-show-list {
  list-style: none;
  margin-top: 1.25rem; }
  ol.week-show-list .lato {
    font-family: var(--lato-family); }
  ol.week-show-list .oswald {
    font-family: var(--oswald-family); }
  ol.week-show-list .comfortaa {
    font-family: var(--comfortaa-family); }
  ol.week-show-list .bankir {
    font-family: var(--bankir-family); }
  ol.week-show-list .orange {
    color: var(--orange-color); }
  ol.week-show-list p.offer {
    width: 49.3125rem;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(var(--orange-rgb), 0.2);
    padding: 1.5625rem 2.5rem 1.875rem;
    font-size: 1.75rem;
    border-radius: 1.5625rem; }
    @media (max-width: 767px) {
      ol.week-show-list p.offer {
        width: auto;
        font-size: 1.25rem;
        padding: 1rem 1.5rem 1rem; } }
  ol.week-show-list p.tastings {
    width: 56.25rem;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(var(--orange-rgb), 0.2);
    padding: 1.875rem;
    font-size: 1.5rem;
    border-radius: 1.5625rem; }
    @media (max-width: 767px) {
      ol.week-show-list p.tastings {
        width: auto;
        font-size: 1.25rem;
        padding: 1rem 1.5rem 1rem; } }
  ol.week-show-list p.quote {
    position: relative;
    background-color: rgba(var(--orange-rgb), 0.05);
    padding: 1.9375rem 0 2.625rem 0.6875rem;
    border-radius: 1.25rem;
    font-size: 150%;
    color: var(--orange-color);
    font-style: italic; }
    @media (max-width: 767px) {
      ol.week-show-list p.quote {
        font-size: 1.25rem;
        padding: 1rem 1.5rem 1rem; } }
    ol.week-show-list p.quote::before {
      position: absolute;
      left: -2rem;
      top: -0.5rem;
      width: 6.25rem;
      height: 6.25rem;
      content: '';
      background-image: url("data:image/svg+xml,%0A%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2' clip-path='url(%23clip0_765_2885)'%3E%3Cpath d='M19.0958 72.1708C14.8042 67.6125 12.5 62.5 12.5 54.2125C12.5 39.6292 22.7375 26.5583 37.625 20.0958L41.3458 25.8375C27.45 33.3542 24.7333 43.1083 23.65 49.2583C25.8875 48.1 28.8167 47.6958 31.6875 47.9625C39.2042 48.6583 45.1292 54.8292 45.1292 62.5C45.1292 66.3677 43.5927 70.0771 40.8578 72.812C38.1229 75.5469 34.4136 77.0833 30.5458 77.0833C26.075 77.0833 21.8 75.0417 19.0958 72.1708ZM60.7625 72.1708C56.4708 67.6125 54.1667 62.5 54.1667 54.2125C54.1667 39.6292 64.4042 26.5583 79.2917 20.0958L83.0125 25.8375C69.1167 33.3542 66.4 43.1083 65.3167 49.2583C67.5542 48.1 70.4833 47.6958 73.3542 47.9625C80.8708 48.6583 86.7958 54.8292 86.7958 62.5C86.7958 66.3677 85.2594 70.0771 82.5245 72.812C79.7896 75.5469 76.0802 77.0833 72.2125 77.0833C67.7417 77.0833 63.4667 75.0417 60.7625 72.1708Z' fill='%23CF4F1E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_765_2885'%3E%3Crect width='100' height='100' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
      background-size: cover; }
  @media (max-width: 767px) {
    ol.week-show-list img {
      display: block;
      max-width: 100%; } }
  ol.week-show-list img.image-left {
    float: left;
    margin: 0 0.75rem 0.375rem 0; }
    @media (max-width: 767px) {
      ol.week-show-list img.image-left {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%; } }
  ol.week-show-list img.image-right {
    float: right;
    margin: 0 0 0.375rem 0.75rem; }
    @media (max-width: 767px) {
      ol.week-show-list img.image-right {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%; } }
  ol.week-show-list table.bordered-table {
    border-collapse: collapse; }
    ol.week-show-list table.bordered-table th, ol.week-show-list table.bordered-table td {
      border: 1px solid #999; }
  @media (max-width: 767px) {
    ol.week-show-list p.video-holder {
      aspect-ratio: 16 / 9;
      width: 100%; }
      ol.week-show-list p.video-holder iframe {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center; } }
  ol.week-show-list li:not(:last-of-type) {
    margin-bottom: 1.5rem; }
  ol.week-show-list span.weekday {
    font-family: var(--bankir-family);
    font-size: 1.5rem;
    color: var(--orange-color); }
  ol.week-show-list li.multi p:not(:last-of-type) {
    margin-bottom: 0.25rem; }
  ol.week-show-list a {
    color: var(--orange-color); }
    ol.week-show-list a.more {
      font-size: 0.875rem;
      font-style: italic; }

section.playbill-gallery {
  position: relative;
  padding-top: 4.6875rem;
  padding-bottom: 2.75rem;
  --step: 30.3125rem; }
  section.playbill-gallery svg.top-staff {
    position: absolute;
    right: calc(0.5 * (100% - var(--width-1370)));
    top: -4rem;
    width: 31.25rem;
    height: 13.725rem;
    color: var(--gray-color);
    z-index: 1; }
  section.playbill-gallery svg.bottom-staff {
    position: absolute;
    left: calc(0.5 * (100% - var(--width-1370)));
    bottom: -2.75rem;
    width: 31.25rem;
    height: 13.725rem;
    color: var(--gray-color);
    transform: scaleY(-1); }
  section.playbill-gallery div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 3; }
    @media (max-width: 767px) {
      section.playbill-gallery div.container {
        width: 100vw; } }
  section.playbill-gallery div.slider {
    height: 33rem;
    overflow: hidden; }
  section.playbill-gallery div.runner {
    position: absolute;
    left: 0;
    top: 0;
    width: 1000000px;
    height: 33rem;
    display: flex;
    column-gap: 5.3125rem; }
  section.playbill-gallery div.block {
    display: flex;
    height: 33rem;
    column-gap: 5.3125rem; }
    section.playbill-gallery div.block article.week {
      display: flex;
      flex-direction: column;
      width: 25rem; }
      @media (max-width: 767px) {
        section.playbill-gallery div.block article.week {
          width: 100vw;
          padding-left: var(--mobile-padding);
          padding-right: var(--mobile-padding); } }
      section.playbill-gallery div.block article.week a.image {
        display: block;
        position: relative;
        width: 25rem;
        height: 25rem;
        margin-bottom: 1.25rem; }
        @media (max-width: 767px) {
          section.playbill-gallery div.block article.week a.image {
            width: 100%;
            height: auto;
            aspect-ratio: 1; } }
        section.playbill-gallery div.block article.week a.image img {
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center;
          border-radius: 2.1875rem; }
          @media (max-width: 767px) {
            section.playbill-gallery div.block article.week a.image img {
              border-radius: 5vw; } }
        section.playbill-gallery div.block article.week a.image > span {
          display: flex;
          flex-direction: column;
          justify-content: center;
          position: absolute;
          left: 11rem;
          bottom: 0.25rem;
          width: 12.5rem;
          height: 6.0625rem;
          background: url("../images/marker.019936508c8f.png") no-repeat left top;
          padding-left: 2.4375rem; }
          @media (max-width: 767px) {
            section.playbill-gallery div.block article.week a.image > span {
              left: 0; } }
          section.playbill-gallery div.block article.week a.image > span span {
            font-family: var(--bankir-family);
            font-size: 1.25rem;
            color: white; }
        section.playbill-gallery div.block article.week a.image.top-label > span {
          top: 0.25rem;
          bottom: auto; }
      section.playbill-gallery div.block article.week h2 {
        font-size: 1.25rem;
        font-weight: bold;
        margin-bottom: 0.5rem; }
        section.playbill-gallery div.block article.week h2 a {
          color: black; }
          section.playbill-gallery div.block article.week h2 a:hover {
            color: var(--orange-color); }
    section.playbill-gallery div.block article.week:first-of-type a.image > span {
      left: 0;
      bottom: 8rem; }
  section.playbill-gallery a.arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 5.1875rem;
    height: 5.1875rem;
    top: 9.875rem;
    background-color: rgba(var(--orange-rgb), 0.2);
    color: var(--orange-color);
    transition: all 0.3s ease-in-out;
    border-radius: 50%; }
    section.playbill-gallery a.arrow svg {
      width: 4rem;
      height: 4rem; }
    section.playbill-gallery a.arrow:hover {
      background-color: var(--orange-color);
      color: white; }
    section.playbill-gallery a.arrow.left {
      transform: scaleX(-1);
      left: -2.1875rem; }
    section.playbill-gallery a.arrow.right {
      right: -2.1875rem; }

section.week-list {
  margin-top: 1.5rem; }
  section.week-list div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 767px) {
      section.week-list div.container {
        width: 100vw; } }
  section.week-list h1 {
    font-family: var(--bankir-family);
    font-size: 1.875rem;
    margin-bottom: 1.5rem;
    text-align: center; }
    @media (max-width: 767px) {
      section.week-list h1 {
        padding-left: var(--mobile-padding);
        padding-right: var(--mobile-padding);
        font-size: 1.5rem; } }
  section.week-list div.grid {
    display: grid;
    grid-template-columns: repeat(3, 25rem);
    column-gap: 5.3125rem;
    row-gap: 2rem; }
    section.week-list div.grid article.week {
      display: flex;
      flex-direction: column;
      width: 25rem; }
      @media (max-width: 767px) {
        section.week-list div.grid article.week {
          width: 100vw;
          padding-left: var(--mobile-padding);
          padding-right: var(--mobile-padding); } }
      section.week-list div.grid article.week a.image {
        display: block;
        position: relative;
        width: 25rem;
        height: 25rem;
        margin-bottom: 1.25rem; }
        @media (max-width: 767px) {
          section.week-list div.grid article.week a.image {
            width: 100%;
            height: auto;
            aspect-ratio: 1; } }
        section.week-list div.grid article.week a.image img {
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center;
          border-radius: 2.1875rem; }
          @media (max-width: 767px) {
            section.week-list div.grid article.week a.image img {
              border-radius: 5vw; } }
        section.week-list div.grid article.week a.image > span {
          display: flex;
          flex-direction: column;
          justify-content: center;
          position: absolute;
          left: 11rem;
          bottom: 0.25rem;
          width: 12.5rem;
          height: 6.0625rem;
          background: url("../images/marker.019936508c8f.png") no-repeat left top;
          padding-left: 2.4375rem; }
          @media (max-width: 767px) {
            section.week-list div.grid article.week a.image > span {
              left: 0; } }
          section.week-list div.grid article.week a.image > span span {
            font-family: var(--bankir-family);
            font-size: 1.25rem;
            color: white; }
        section.week-list div.grid article.week a.image.top-label > span {
          top: 0.25rem;
          bottom: auto; }
      section.week-list div.grid article.week h2 {
        font-size: 1.25rem;
        font-weight: bold;
        margin-bottom: 0.5rem; }
        section.week-list div.grid article.week h2 a {
          color: black; }
          section.week-list div.grid article.week h2 a:hover {
            color: var(--orange-color); }
    @media (max-width: 767px) {
      section.week-list div.grid {
        display: flex;
        flex-direction: column; } }
    section.week-list div.grid article.week:nth-of-type(3n - 2) a.image > span {
      left: 0;
      bottom: 8rem; }
      @media (max-width: 767px) {
        section.week-list div.grid article.week:nth-of-type(3n - 2) a.image > span {
          bottom: 0.25rem; } }
    section.week-list div.grid article.week:nth-of-type(3n - 2) a.image.top-label > span {
      left: 0;
      bottom: 8rem; }
      @media (max-width: 767px) {
        section.week-list div.grid article.week:nth-of-type(3n - 2) a.image.top-label > span {
          top: 0.25rem;
          bottom: auto; } }
section.tasting-list {
  margin-top: 4rem;
  margin-bottom: 4rem; }
  @media (max-width: 767px) {
    section.tasting-list {
      margin-top: 2rem;
      margin-bottom: 2rem; } }
  section.tasting-list div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    row-gap: 5.375rem; }
    @media (max-width: 767px) {
      section.tasting-list div.container {
        width: 100vw; } }
    @media (max-width: 767px) {
      section.tasting-list div.container {
        row-gap: 2rem;
        padding-left: var(--mobile-padding);
        padding-right: var(--mobile-padding); } }
  section.tasting-list article {
    display: grid;
    grid-template-columns: 37.5rem 1fr;
    column-gap: 5.375rem; }
    @media (max-width: 767px) {
      section.tasting-list article {
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem; } }
  section.tasting-list img {
    max-width: 100%;
    border-radius: 2.1875rem; }
    @media (max-width: 767px) {
      section.tasting-list img {
        border-radius: 5vw; } }
  section.tasting-list div.info {
    display: flex;
    flex-direction: column;
    position: relative; }
    section.tasting-list div.info.expanded {
      height: 37.5rem;
      overflow: hidden; }
  section.tasting-list h2 {
    font-family: var(--bankir-family);
    font-size: 1.875rem; }
    @media (max-width: 767px) {
      section.tasting-list h2 {
        font-size: 1.5rem; } }
  section.tasting-list div.details {
    margin-top: 0.5rem;
    margin-bottom: 1.25rem;
    color: var(--orange-color); }
  section.tasting-list div.links {
    margin-bottom: 3rem; }
    @media (max-width: 767px) {
      section.tasting-list div.links {
        margin-bottom: 2rem; } }
    section.tasting-list div.links button {
      width: 10.625rem;
      height: 2.6875rem;
      border: none;
      background-color: var(--orange-color);
      font-family: var(--bankir-family);
      font-size: 1.0625rem;
      color: white;
      border-radius: 0.9375rem;
      cursor: pointer; }
      section.tasting-list div.links button:disabled {
        background-color: var(--dark-gray-color);
        cursor: not-allowed; }
  section.tasting-list div.text .lato {
    font-family: var(--lato-family); }
  section.tasting-list div.text .oswald {
    font-family: var(--oswald-family); }
  section.tasting-list div.text .comfortaa {
    font-family: var(--comfortaa-family); }
  section.tasting-list div.text .bankir {
    font-family: var(--bankir-family); }
  section.tasting-list div.text .orange {
    color: var(--orange-color); }
  section.tasting-list div.text p.offer {
    width: 49.3125rem;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(var(--orange-rgb), 0.2);
    padding: 1.5625rem 2.5rem 1.875rem;
    font-size: 1.75rem;
    border-radius: 1.5625rem; }
    @media (max-width: 767px) {
      section.tasting-list div.text p.offer {
        width: auto;
        font-size: 1.25rem;
        padding: 1rem 1.5rem 1rem; } }
  section.tasting-list div.text p.tastings {
    width: 56.25rem;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(var(--orange-rgb), 0.2);
    padding: 1.875rem;
    font-size: 1.5rem;
    border-radius: 1.5625rem; }
    @media (max-width: 767px) {
      section.tasting-list div.text p.tastings {
        width: auto;
        font-size: 1.25rem;
        padding: 1rem 1.5rem 1rem; } }
  section.tasting-list div.text p.quote {
    position: relative;
    background-color: rgba(var(--orange-rgb), 0.05);
    padding: 1.9375rem 0 2.625rem 0.6875rem;
    border-radius: 1.25rem;
    font-size: 150%;
    color: var(--orange-color);
    font-style: italic; }
    @media (max-width: 767px) {
      section.tasting-list div.text p.quote {
        font-size: 1.25rem;
        padding: 1rem 1.5rem 1rem; } }
    section.tasting-list div.text p.quote::before {
      position: absolute;
      left: -2rem;
      top: -0.5rem;
      width: 6.25rem;
      height: 6.25rem;
      content: '';
      background-image: url("data:image/svg+xml,%0A%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2' clip-path='url(%23clip0_765_2885)'%3E%3Cpath d='M19.0958 72.1708C14.8042 67.6125 12.5 62.5 12.5 54.2125C12.5 39.6292 22.7375 26.5583 37.625 20.0958L41.3458 25.8375C27.45 33.3542 24.7333 43.1083 23.65 49.2583C25.8875 48.1 28.8167 47.6958 31.6875 47.9625C39.2042 48.6583 45.1292 54.8292 45.1292 62.5C45.1292 66.3677 43.5927 70.0771 40.8578 72.812C38.1229 75.5469 34.4136 77.0833 30.5458 77.0833C26.075 77.0833 21.8 75.0417 19.0958 72.1708ZM60.7625 72.1708C56.4708 67.6125 54.1667 62.5 54.1667 54.2125C54.1667 39.6292 64.4042 26.5583 79.2917 20.0958L83.0125 25.8375C69.1167 33.3542 66.4 43.1083 65.3167 49.2583C67.5542 48.1 70.4833 47.6958 73.3542 47.9625C80.8708 48.6583 86.7958 54.8292 86.7958 62.5C86.7958 66.3677 85.2594 70.0771 82.5245 72.812C79.7896 75.5469 76.0802 77.0833 72.2125 77.0833C67.7417 77.0833 63.4667 75.0417 60.7625 72.1708Z' fill='%23CF4F1E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_765_2885'%3E%3Crect width='100' height='100' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
      background-size: cover; }
  @media (max-width: 767px) {
    section.tasting-list div.text img {
      display: block;
      max-width: 100%; } }
  section.tasting-list div.text img.image-left {
    float: left;
    margin: 0 0.75rem 0.375rem 0; }
    @media (max-width: 767px) {
      section.tasting-list div.text img.image-left {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%; } }
  section.tasting-list div.text img.image-right {
    float: right;
    margin: 0 0 0.375rem 0.75rem; }
    @media (max-width: 767px) {
      section.tasting-list div.text img.image-right {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%; } }
  section.tasting-list div.text table.bordered-table {
    border-collapse: collapse; }
    section.tasting-list div.text table.bordered-table th, section.tasting-list div.text table.bordered-table td {
      border: 1px solid #999; }
  @media (max-width: 767px) {
    section.tasting-list div.text p.video-holder {
      aspect-ratio: 16 / 9;
      width: 100%; }
      section.tasting-list div.text p.video-holder iframe {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center; } }
  section.tasting-list div.text p {
    margin-bottom: 1em;
    line-height: 1.5; }
  section.tasting-list div.text ul {
    padding-left: 1.2rem; }
  section.tasting-list div.text a {
    color: var(--orange-color); }
    section.tasting-list div.text a:hover {
      text-decoration: underline; }
  section.tasting-list div.info div.remove-restriction {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5rem; }
    section.tasting-list div.info div.remove-restriction div.link {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      text-align: center; }
      section.tasting-list div.info div.remove-restriction div.link a {
        color: var(--orange-color);
        text-decoration: underline; }
  section.tasting-list div.info.expanded div.remove-restriction {
    background: linear-gradient(rgba(255, 255, 255, 0), white 85%); }
  section.tasting-list div.info:not(.limited) div.remove-restriction {
    display: none; }
  section.tasting-list div.info.expanded span.collapse {
    display: none; }
  section.tasting-list div.info:not(.expanded) span.show-more {
    display: none; }

div.modal {
  display: none; }
  div.modal.shown {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding-top: 5.625rem;
    padding-bottom: 5.625rem;
    flex-direction: column;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999; }
  div.modal .dialog {
    width: var(--modal-width);
    padding: 1.5rem 1.75rem 3.125rem;
    background: white;
    border-radius: 1.875rem;
    box-shadow: 0px 0.625rem 1.875rem rgba(2, 61, 72, 0.2); }
    @media (max-width: 767px) {
      div.modal .dialog {
        width: 98vw;
        padding-left: 1rem;
        padding-right: 1rem; } }
  div.modal .head {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 1.75rem; }
    div.modal .head h4 {
      font-weight: 400;
      font-size: 1.75rem;
      line-height: 1;
      margin-right: auto; }
    div.modal .head a {
      transform: rotate(45deg);
      color: var(--gold-color); }
      div.modal .head a svg {
        cursor: pointer; }
  div.modal div.message {
    display: none;
    margin-bottom: 1rem; }
    div.modal div.message.error {
      color: var(--red-color); }
    div.modal div.message.info {
      color: var(--red-color);
      font-weight: bold; }
  div.modal div.control {
    position: relative;
    border: 0.03125rem solid #DDDDDD;
    border-radius: 1rem;
    padding: 1rem;
    margin-bottom: 1rem; }
    div.modal div.control label {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      color: var(--color-text);
      padding: 1rem;
      font-size: 1rem; }
    div.modal div.control input, div.modal div.control textarea {
      display: block;
      border: none;
      background: transparent;
      outline: none;
      width: 100%;
      font-size: 1rem; }
      div.modal div.control input::placeholder, div.modal div.control textarea::placeholder {
        color: transparent; }
      div.modal div.control input:focus ~ label, div.modal div.control input:not(:placeholder-shown) ~ label, div.modal div.control textarea:focus ~ label, div.modal div.control textarea:not(:placeholder-shown) ~ label {
        opacity: 0.7;
        font-size: 0.875rem;
        line-height: 1rem;
        padding-top: 0;
        padding-bottom: 0;
        height: 1rem; }
    div.modal div.control textarea {
      max-width: 100%;
      min-height: 4.375rem; }
    div.modal div.control .errtext {
      display: none;
      margin-top: 0.5rem;
      font-size: 0.875rem;
      color: var(--red-color); }
    div.modal div.control.error .errtext {
      display: block; }
  div.modal .checkbox label {
    display: flex;
    align-items: center;
    column-gap: 0.3125rem;
    margin-bottom: 1rem; }
    div.modal .checkbox label input {
      width: 1.5rem;
      height: 1.5rem; }
    div.modal .checkbox label span {
      color: #BEBEBE;
      font-style: italic; }
    div.modal .checkbox label a {
      color: inherit;
      text-decoration: underline; }
  div.modal .checkbox .errtext {
    display: none;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    color: var(--red-color); }
  div.modal .checkbox.error .errtext {
    display: block; }
  div.modal button {
    display: block;
    width: 100%;
    height: 3.75rem;
    border-radius: 0.625rem;
    border: 1px solid var(--orange-color);
    background: var(--orange-color);
    color: white;
    font-size: 1.5625rem;
    cursor: pointer; }
  div.modal p {
    font-size: 0.875rem;
    font-style: italic;
    margin-top: 1rem;
    color: var(--dark-gray-color); }
    div.modal p a {
      color: var(--orange-color); }

div.feedback-form {
  background-color: rgba(var(--orange-rgb), 0.05);
  padding: 0.75rem 1.5rem 1.5rem;
  border-radius: 1.25rem; }
  @media (max-width: 767px) {
    div.feedback-form {
      padding-left: 1rem;
      padding-right: 1rem; } }
  div.feedback-form h4 {
    font-family: var(--bankir-family);
    font-size: 1.25rem;
    color: var(--orange-color);
    margin-bottom: 0.875rem; }
  div.feedback-form div.message {
    display: none;
    margin-bottom: 1rem; }
    div.feedback-form div.message.error {
      color: var(--red-color); }
    div.feedback-form div.message.info {
      color: var(--red-color);
      font-weight: bold; }
  div.feedback-form div.twocol {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.25rem;
    margin-bottom: 0.25rem; }
    @media (max-width: 767px) {
      div.feedback-form div.twocol {
        display: flex;
        flex-direction: column; } }
  div.feedback-form div.control {
    position: relative;
    border: 0.0625rem solid #BEBEBE;
    border-radius: 0.5rem;
    padding: 0.625rem 0.625rem 0.375rem;
    margin-bottom: 1rem; }
    div.feedback-form div.control label {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      color: #BEBEBE;
      padding: 0.625rem 0.625rem 0.375rem;
      font-size: 1rem;
      font-style: italic;
      transition: all 0.3s ease-in-out; }
    div.feedback-form div.control input, div.feedback-form div.control textarea {
      display: block;
      border: none;
      background: transparent;
      outline: none;
      width: 100%;
      font-size: 1rem;
      line-height: 1.5rem; }
      div.feedback-form div.control input::placeholder, div.feedback-form div.control textarea::placeholder {
        color: transparent; }
      div.feedback-form div.control input:focus ~ label, div.feedback-form div.control input:not(:placeholder-shown) ~ label, div.feedback-form div.control textarea:focus ~ label, div.feedback-form div.control textarea:not(:placeholder-shown) ~ label {
        opacity: 0.75;
        font-size: 0.875rem;
        line-height: 1rem;
        padding-top: 0;
        padding-bottom: 0;
        height: 1rem;
        color: var(--orange-color); }
    div.feedback-form div.control textarea {
      max-width: 100%;
      min-height: 5.3125rem; }
    div.feedback-form div.control select {
      display: block;
      border: none;
      background: transparent;
      outline: none;
      width: 100%;
      font-size: 1rem;
      line-height: 1.5rem; }
    div.feedback-form div.control small {
      display: block;
      margin-top: 0.5rem;
      font-size: 0.875rem;
      font-style: italic;
      color: var(--gray-color); }
    div.feedback-form div.control small.show-when {
      display: none; }
    div.feedback-form div.control .errtext {
      display: none;
      margin-top: 0.5rem;
      font-size: 0.875rem;
      color: var(--red-color); }
    div.feedback-form div.control.error .errtext {
      display: block; }
  div.feedback-form.show-catering div.control small.show-when.when-catering, div.feedback-form.show-delivery div.control small.show-when.when-delivery {
    display: block; }
  div.feedback-form .checkbox label {
    display: flex;
    align-items: center;
    column-gap: 0.3125rem;
    margin-bottom: 1rem; }
    div.feedback-form .checkbox label input {
      width: 1.5rem;
      height: 1.5rem; }
    div.feedback-form .checkbox label span {
      color: #BEBEBE;
      font-style: italic; }
    div.feedback-form .checkbox label a {
      color: inherit;
      text-decoration: underline; }
  div.feedback-form .checkbox .errtext {
    display: none;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    color: var(--red-color); }
  div.feedback-form .checkbox.error .errtext {
    display: block; }
  div.feedback-form button {
    width: 10.625rem;
    height: 2.6875rem;
    background-color: var(--orange-color);
    border: none;
    border-radius: 0.625rem;
    font-family: var(--bankir-family);
    font-size: 1.25rem;
    color: white; }

div.gallery-years {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem; }
  div.gallery-years div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    column-gap: 1rem;
    font-family: var(--bankir-family); }
    @media (max-width: 767px) {
      div.gallery-years div.container {
        width: 100vw; } }
    @media (max-width: 767px) {
      div.gallery-years div.container {
        padding-left: var(--mobile-padding);
        padding-right: var(--mobile-padding); } }
  div.gallery-years a {
    color: inherit; }
    div.gallery-years a:hover, div.gallery-years a.active {
      color: var(--orange-color); }

section.gallery-list {
  margin-top: 0.75rem;
  margin-bottom: 1.75rem; }
  section.gallery-list div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(3, 28.125rem);
    column-gap: 1.5625rem; }
    @media (max-width: 767px) {
      section.gallery-list div.container {
        width: 100vw; } }
    @media (max-width: 767px) {
      section.gallery-list div.container {
        display: flex;
        flex-direction: column;
        padding-left: var(--mobile-padding);
        padding-right: var(--mobile-padding);
        row-gap: 0.75rem; } }
  section.gallery-list div.column {
    display: flex;
    flex-direction: column;
    row-gap: 1.5625rem; }
    @media (max-width: 767px) {
      section.gallery-list div.column {
        row-gap: 0.75rem; } }
  section.gallery-list .card {
    display: block;
    position: relative;
    color: white; }
    section.gallery-list .card[data-url] {
      cursor: pointer; }
    section.gallery-list .card > img, section.gallery-list .card > video, section.gallery-list .card > video img {
      width: 100%;
      border-radius: 2.5rem;
      vertical-align: top; }
      @media (max-width: 767px) {
        section.gallery-list .card > img, section.gallery-list .card > video, section.gallery-list .card > video img {
          border-radius: 5vw; } }
    section.gallery-list .card span.shadow {
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 11.3125rem;
      background: linear-gradient(rgba(119, 119, 119, 0.025) 0%, rgba(0, 0, 0, 0.5) 87%);
      border-radius: 0 0 2.5rem 2.5rem; }
      @media (max-width: 767px) {
        section.gallery-list .card span.shadow {
          border-radius: 0 0 5vw 5vw; } }
    section.gallery-list .card span.details {
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      padding: 0 1.1875rem 1rem 2rem; }
      @media (max-width: 767px) {
        section.gallery-list .card span.details {
          padding: 0 1rem 1rem; } }
      section.gallery-list .card span.details.with-cameraman {
        padding-left: 1.1875rem;
        padding-bottom: 0.625rem; }
        @media (max-width: 767px) {
          section.gallery-list .card span.details.with-cameraman {
            padding-left: 1rem; } }
    section.gallery-list .card span.detail-grid {
      display: grid;
      grid-template-columns: 5rem 19.5625rem;
      column-gap: 1.1875rem; }
      @media (max-width: 767px) {
        section.gallery-list .card span.detail-grid {
          grid-template-columns: 5rem calc(100vw - 6rem - 2 * var(--mobile-padding));
          column-gap: 0.5rem; } }
      section.gallery-list .card span.detail-grid img {
        vertical-align: top;
        border-radius: 50%; }
      section.gallery-list .card span.detail-grid span.info {
        align-self: center; }
    section.gallery-list .card span.info {
      display: block;
      font-size: 1.25rem; }
    section.gallery-list .card span.a {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 0.25rem; }
    section.gallery-list .card span.h {
      font-weight: bold; }
  section.gallery-list div.autoload {
    text-align: center;
    font-size: 0.875rem; }
    @media (max-width: 767px) {
      section.gallery-list div.autoload:not(.last) {
        display: none; } }
  section.gallery-list.completed div.autoload {
    display: none; }

div.gallery-menu .container div.counters {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  font-weight: 500;
  column-gap: 1.25rem; }
  @media (max-width: 767px) {
    div.gallery-menu .container div.counters {
      position: static;
      order: 3;
      padding-left: var(--mobile-padding);
      padding-right: var(--mobile-padding); } }
div.gallery-menu .container div.cameraman {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  column-gap: 0.5rem; }
  @media (max-width: 767px) {
    div.gallery-menu .container div.cameraman {
      position: static;
      order: 2;
      padding-left: var(--mobile-padding);
      padding-right: var(--mobile-padding); } }
  div.gallery-menu .container div.cameraman img {
    width: 2.8125rem;
    height: 2.8125rem;
    object-fit: cover;
    object-position: center;
    border-radius: 50%; }
  div.gallery-menu .container div.cameraman span {
    font-weight: 500; }

div.gallery-head div.container {
  width: var(--width-1370);
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 767px) {
    div.gallery-head div.container {
      width: 100vw; } }
div.gallery-head h1 {
  font-family: var(--bankir-family);
  color: var(--orange-color);
  text-align: center;
  font-size: 1rem; }

div.gallery-player {
  margin-top: 2rem;
  margin-bottom: 2rem; }
  div.gallery-player div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 767px) {
      div.gallery-player div.container {
        width: 100vw; } }
  div.gallery-player div.player {
    display: flex;
    justify-content: flex-start; }
    @media (max-width: 767px) {
      div.gallery-player div.player {
        aspect-ratio: 1 / 2;
        width: 100%; }
        div.gallery-player div.player iframe {
          width: 100%;
          height: 100%;
          object-fit: contain;
          object-position: center; } }
section.response-block {
  margin-top: 2rem; }
  section.response-block div.container {
    width: var(--width-1370);
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 42.8125rem 1fr;
    column-gap: 1.25rem; }
    @media (max-width: 767px) {
      section.response-block div.container {
        width: 100vw; } }
    @media (max-width: 767px) {
      section.response-block div.container {
        display: flex;
        flex-direction: column-reverse;
        row-gap: 2rem; }
        section.response-block div.container div.info, section.response-block div.container div.caller {
          padding-left: var(--mobile-padding);
          padding-right: var(--mobile-padding); } }
  section.response-block h2 {
    font-size: 1.875rem;
    font-weight: normal;
    font-family: var(--bankir-family);
    color: var(--orange-color);
    margin-bottom: 2rem; }
    @media (max-width: 767px) {
      section.response-block h2 {
        font-size: 1.5rem;
        margin-bottom: 1rem; } }
  section.response-block div.text {
    font-size: 1.25rem; }
    section.response-block div.text .lato {
      font-family: var(--lato-family); }
    section.response-block div.text .oswald {
      font-family: var(--oswald-family); }
    section.response-block div.text .comfortaa {
      font-family: var(--comfortaa-family); }
    section.response-block div.text .bankir {
      font-family: var(--bankir-family); }
    section.response-block div.text .orange {
      color: var(--orange-color); }
    section.response-block div.text p.offer {
      width: 49.3125rem;
      margin-left: auto;
      margin-right: auto;
      background-color: rgba(var(--orange-rgb), 0.2);
      padding: 1.5625rem 2.5rem 1.875rem;
      font-size: 1.75rem;
      border-radius: 1.5625rem; }
      @media (max-width: 767px) {
        section.response-block div.text p.offer {
          width: auto;
          font-size: 1.25rem;
          padding: 1rem 1.5rem 1rem; } }
    section.response-block div.text p.tastings {
      width: 56.25rem;
      margin-left: auto;
      margin-right: auto;
      background-color: rgba(var(--orange-rgb), 0.2);
      padding: 1.875rem;
      font-size: 1.5rem;
      border-radius: 1.5625rem; }
      @media (max-width: 767px) {
        section.response-block div.text p.tastings {
          width: auto;
          font-size: 1.25rem;
          padding: 1rem 1.5rem 1rem; } }
    section.response-block div.text p.quote {
      position: relative;
      background-color: rgba(var(--orange-rgb), 0.05);
      padding: 1.9375rem 0 2.625rem 0.6875rem;
      border-radius: 1.25rem;
      font-size: 150%;
      color: var(--orange-color);
      font-style: italic; }
      @media (max-width: 767px) {
        section.response-block div.text p.quote {
          font-size: 1.25rem;
          padding: 1rem 1.5rem 1rem; } }
      section.response-block div.text p.quote::before {
        position: absolute;
        left: -2rem;
        top: -0.5rem;
        width: 6.25rem;
        height: 6.25rem;
        content: '';
        background-image: url("data:image/svg+xml,%0A%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2' clip-path='url(%23clip0_765_2885)'%3E%3Cpath d='M19.0958 72.1708C14.8042 67.6125 12.5 62.5 12.5 54.2125C12.5 39.6292 22.7375 26.5583 37.625 20.0958L41.3458 25.8375C27.45 33.3542 24.7333 43.1083 23.65 49.2583C25.8875 48.1 28.8167 47.6958 31.6875 47.9625C39.2042 48.6583 45.1292 54.8292 45.1292 62.5C45.1292 66.3677 43.5927 70.0771 40.8578 72.812C38.1229 75.5469 34.4136 77.0833 30.5458 77.0833C26.075 77.0833 21.8 75.0417 19.0958 72.1708ZM60.7625 72.1708C56.4708 67.6125 54.1667 62.5 54.1667 54.2125C54.1667 39.6292 64.4042 26.5583 79.2917 20.0958L83.0125 25.8375C69.1167 33.3542 66.4 43.1083 65.3167 49.2583C67.5542 48.1 70.4833 47.6958 73.3542 47.9625C80.8708 48.6583 86.7958 54.8292 86.7958 62.5C86.7958 66.3677 85.2594 70.0771 82.5245 72.812C79.7896 75.5469 76.0802 77.0833 72.2125 77.0833C67.7417 77.0833 63.4667 75.0417 60.7625 72.1708Z' fill='%23CF4F1E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_765_2885'%3E%3Crect width='100' height='100' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        background-size: cover; }
    @media (max-width: 767px) {
      section.response-block div.text img {
        display: block;
        max-width: 100%; } }
    section.response-block div.text img.image-left {
      float: left;
      margin: 0 0.75rem 0.375rem 0; }
      @media (max-width: 767px) {
        section.response-block div.text img.image-left {
          float: none;
          display: block;
          margin-left: auto;
          margin-right: auto;
          max-width: 100%; } }
    section.response-block div.text img.image-right {
      float: right;
      margin: 0 0 0.375rem 0.75rem; }
      @media (max-width: 767px) {
        section.response-block div.text img.image-right {
          float: none;
          display: block;
          margin-left: auto;
          margin-right: auto;
          max-width: 100%; } }
    section.response-block div.text table.bordered-table {
      border-collapse: collapse; }
      section.response-block div.text table.bordered-table th, section.response-block div.text table.bordered-table td {
        border: 1px solid #999; }
    @media (max-width: 767px) {
      section.response-block div.text p.video-holder {
        aspect-ratio: 16 / 9;
        width: 100%; }
        section.response-block div.text p.video-holder iframe {
          width: 100%;
          height: 100%;
          object-fit: contain;
          object-position: center; } }
    section.response-block div.text p {
      margin-bottom: 1em;
      line-height: 1.5; }
    section.response-block div.text ul {
      padding-left: 1.2rem; }
    section.response-block div.text a {
      color: var(--orange-color); }
      section.response-block div.text a:hover {
        text-decoration: underline; }
    @media (max-width: 767px) {
      section.response-block div.text {
        font-size: 1.125rem; } }
  section.response-block div.disclaimer {
    margin-top: 2rem;
    font-style: italic;
    color: #D9D9D9; }
    @media (max-width: 767px) {
      section.response-block div.disclaimer {
        margin-top: 1rem; } }
section.response-list {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  overflow: hidden;
  --step: 33.333333vw; }
  @media (max-width: 767px) {
    section.response-list {
      padding-bottom: 0;
      --step: 100vw; } }
  section.response-list svg.top-staff {
    position: absolute;
    right: 0;
    top: 0;
    width: 31.25rem;
    height: 13.725rem;
    color: var(--gray-color);
    z-index: 1; }
    @media (max-width: 767px) {
      section.response-list svg.top-staff {
        width: 9.107rem;
        height: 4rem; } }
  section.response-list svg.bottom-staff {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 31.25rem;
    height: 13.725rem;
    color: var(--gray-color);
    transform: scaleY(-1); }
    @media (max-width: 767px) {
      section.response-list svg.bottom-staff {
        width: 9.107rem;
        height: 4rem; } }
  section.response-list div.total {
    transform: translateY(3rem);
    z-index: 3; }
    section.response-list div.total div.container {
      width: var(--width-1370);
      margin-left: auto;
      margin-right: auto;
      display: flex;
      justify-content: flex-end;
      font-family: var(--bankir-family);
      color: var(--gray-color); }
      @media (max-width: 767px) {
        section.response-list div.total div.container {
          width: 100vw; } }
  section.response-list div.slider {
    overflow: hidden;
    padding: 3.125rem 0;
    position: relative;
    z-index: 3; }
  section.response-list div.runner {
    width: 100000px;
    display: flex; }
  section.response-list div.block {
    display: flex; }
  section.response-list div.card {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--step); }
    @media (max-width: 767px) {
      section.response-list div.card {
        padding-left: var(--mobile-padding);
        padding-right: var(--mobile-padding);
        align-items: flex-start; } }
    section.response-list div.card article {
      display: flex;
      flex-direction: column;
      width: 25rem;
      border-radius: 2.1875rem;
      box-shadow: 0 0 3.125rem 0.625rem rgba(0, 0, 0, 0.1);
      padding: 1.375rem 1.875rem 1.5rem;
      background-color: white; }
      section.response-list div.card article h3 {
        font-family: var(--bankir-family);
        font-size: 1.25rem;
        margin-bottom: 0.875rem; }
      section.response-list div.card article p {
        line-height: 1.5; }
        section.response-list div.card article p:not(:last-of-type) {
          margin-bottom: 1rem; }
      section.response-list div.card article div.response {
        padding-bottom: 1.25rem;
        margin-bottom: 1.25rem;
        border-bottom: 1px solid #D9D9D9; }
      section.response-list div.card article div.inner {
        height: 15rem;
        overflow: hidden;
        position: relative; }
        @media (max-width: 767px) {
          section.response-list div.card article div.inner {
            height: auto; } }
        section.response-list div.card article div.inner::after {
          display: block;
          content: '';
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 4rem;
          background: linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%); }
          @media (max-width: 767px) {
            section.response-list div.card article div.inner::after {
              display: none; } }
      section.response-list div.card article div.answer {
        color: var(--orange-color);
        min-height: 3.875rem; }
    section.response-list div.card.active article div.inner {
      height: auto;
      min-height: 18rem; }
      section.response-list div.card.active article div.inner::after {
        display: none; }
  section.response-list a.arrow {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--gray-color);
    transition: color 0.3s ease-in-out; }
    section.response-list a.arrow:hover {
      color: var(--orange-color); }
    section.response-list a.arrow.left {
      left: 1rem; }
    section.response-list a.arrow.right {
      right: 1rem; }
    section.response-list a.arrow svg {
      display: block; }