@charset "UTF-8";
@font-face {
  font-family: 'Marta';
  src: url("../fonts/Marta.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Marta';
  src: url("../fonts/Marta-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Marta';
  src: url("../fonts/Marta-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Romanovsky';
  src: url("../fonts/Romanovsky.woff2") format("woff2");
}
.landing-body .intro {
  position: relative;
}
.landing-body .intro .inner {
  justify-content: space-between;
}
.landing-body .intro .inner .header a {
  z-index: 10;
}
.landing-body .intro .inner .logo {
  position: absolute;
  left: 0;
  right: 0;
  justify-content: center;
  z-index: 0 !important;
}
.landing-body .intro .inner .logo img {
  filter: invert(100%);
  width: auto;
  height: 3.5rem;
}
.landing-body .intro .inner .title {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.landing-body .intro .inner .location {
  margin-right: auto;
}
.landing-body .card .icon-reserve {
  font-size: 2rem;
  margin-top: 2rem;
}

body, html {
  color: #002d64;
  font-family: 'Marta';
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #f0f2f4;
}
body.menu-body, body .profile-body, body .order-body, body .events-body, body .event-body, body .gallery-body, html.menu-body, html .profile-body, html .order-body, html .events-body, html .event-body, html .gallery-body {
  padding-top: 110px;
}
body.menu-body .subnav, html.menu-body .subnav {
  justify-content: flex-start;
}
body.profile-body, body.event-body, html.profile-body, html.event-body {
  background-position: left center, right center;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
body.profile-body > .container, body.event-body > .container, html.profile-body > .container, html.event-body > .container {
  max-width: 900px !important;
  background-color: #f0f2f4;
}
body.event-body, html.event-body {
  background-color: white;
}
body.event-body > .container, html.event-body > .container {
  background-color: white;
  max-width: 1200px !important;
}
body.order-body, html.order-body {
  padding-top: 60px;
}
body.menu-body > .container, body.profile-body > .container, body.events-body > .container, body.event-body > .container, html.menu-body > .container, html.profile-body > .container, html.events-body > .container, html.event-body > .container {
  padding-top: 20px;
  padding-bottom: 20px;
}

body.contacts-body {
  background-color: $blue-dark;
}

a, a:hover {
  text-decoration: none;
  color: inherit;
}
a.stretched-link, a:hover.stretched-link {
  cursor: pointer;
}
a.stretched-link:after, a:hover.stretched-link:after {
  z-index: 10;
}
a.link, .cards.events .card-outer .card .card-body a.events-tag, .cards.events .card-outer .card .card-body a.events-info, .event-body .event-header .event-info a.date, footer .menu a, a.btn:not(.btn-dropdown), a.btn-link, a:hover.link, .cards.events .card-outer .card .card-body a.events-tag:hover, .cards.events .card-outer .card .card-body a.events-info:hover, .event-body .event-header .event-info a.date:hover, footer .menu a:hover, a.btn:hover:not(.btn-dropdown), a.btn-link:hover {
  cursor: pointer;
}

p {
  font-size: 1.25rem;
}

.event-content p, .event-content li {
  font-size: 1.25rem;
}
.event-content li {
  margin-bottom: 0.25rem;
}

img {
  width: 100%;
}

h0, .h0, .trumo .content .super-title {
  font-size: 3rem;
}

h1, .h1, .page-title, .cards.food .header {
  font-size: 2.5rem;
  font-weight: normal;
  line-height: 1.2;
}

h2, .h2, .section .section-title:not(.link):not(.btn:not(.btn-dropdown)):not(.btn-link), .section.profile .name, .trumo .content .inner .title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2;
}

h3, .h3, .modal .modal-dialog .modal-content .modal-header .title {
  font-size: 1rem;
  line-height: 1.5;
}

h4, .h4 {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.2;
}

h5, .h5, .event-body .event-more .subtitle, .order-edit .modal-dialog .modal-content .modal-body .options-body .options-section .subtitle {
  letter-spacing: 0.25em !important;
  font-size: 0.85rem;
}

.container {
  max-width: 1600px !important;
  padding-left: 40px;
  padding-right: 40px;
  flex-grow: 1;
}

.uppercase, h0, .h0, .trumo .content .super-title, h3, .h3, .modal .modal-dialog .modal-content .modal-header .title, h5, .h5, .event-body .event-more .subtitle, .order-edit .modal-dialog .modal-content .modal-body .options-body .options-section .subtitle, .link, .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body .events-info, .event-body .event-header .event-info .date, footer .menu a, footer .info .social span, .btn:not(.btn-dropdown), .btn-link, .section.profile .number {
  font-family: 'Romanovsky';
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.link, .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body .events-info, .event-body .event-header .event-info .date, footer .menu a, footer .info .social span, .btn:not(.btn-dropdown), .btn-link {
  color: #b48c1e;
  font-size: 0.85rem;
}

.text-gold {
  color: #b48c1e;
}

.text-blue {
  color: #002d64;
}

.text-red {
  color: #e63c00 !important;
}

.spinner-grow, .chocolat-loader:after, .slick-loading .slick-list:after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: #c8cdd2;
  border-radius: 50%;
  opacity: 0;
  animation: .75s linear infinite spinner-grow;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.note {
  font-size: 1rem;
  line-height: 1.2;
  font-style: italic;
  text-align: center;
  color: #788291;
  opacity: 0.75;
  display: inline-flex;
  align-items: center;
}
.note i {
  font-size: 1.5rem;
}

.page-title {
  text-align: center;
  margin: 1.25rem 0 1rem;
}

.section {
  background-color: white;
  border-radius: 8px;
  padding: 1.5rem;
  margin-bottom: 20px;
  position: relative;
}
.section .subnav {
  margin: -0.75rem -1.5rem 1.5rem;
  width: auto;
  justify-content: center;
}
.section .section-title {
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section .section-footer {
  padding-top: 1.5rem;
}
.section.actions {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.section.actions [class^='col'] {
  position: relative;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
}
.section.course {
  border: 2px dashed #c8cdd2;
  background-color: transparent;
}
.section.course.fill {
  background-color: white;
}
.section.profile {
  text-align: center;
}
.section.profile .avatar {
  width: 6rem;
  height: 6rem;
  margin: 0 auto;
}
.section.profile .name {
  margin: 1rem 0 2rem !important;
}
.section.profile .name:after {
  background-color: #788291 !important;
  bottom: -1rem !important;
}
.section.profile .info, .section.profile .status {
  color: #788291;
}
.section.profile .phone, .section.profile .discount {
  font-size: 1.35rem;
  font-family: 'Romanovsky';
}
.section.profile .number {
  font-size: 0.8rem;
}

.avatar {
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid rgba(180, 140, 30, 0.5);
}
.avatar.male {
  background-image: url(../images/avatar-male.png);
}
.avatar.female {
  background-image: url(../images/avatar-female.png);
}

.title-underline, .section.profile .name, .card-fancy .title, .trumo .title {
  margin-bottom: 3rem;
  position: relative;
}
.title-underline:after, .section.profile .name:after, .card-fancy .title:after, .trumo .title:after {
  content: '';
  position: absolute;
  width: 4rem;
  height: 1px;
  bottom: -1.5rem;
  left: 50%;
  margin-left: -2rem;
  background-color: #b48c1e;
}

.social-login a {
  display: inline-block;
  padding: 1rem 0.25rem;
}
.social-login a img {
  width: 3rem;
  height: 3rem;
}

.intro {
  overflow: hidden;
  position: relative;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: black;
}
.intro .inner {
  z-index: 10;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 600px;
  top: 0;
  left: 0;
}
.intro .inner * {
  color: white;
}
.intro .inner .title {
  margin-top: auto;
  padding-top: 25vh;
  max-width: 40rem;
  text-align: center;
  text-shadow: 0px 0px 5rem black;
}
.intro .inner .reserve {
  position: relative;
}
.intro .inner .reserve .icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #b48c1e;
  margin: 1.5rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.intro .inner .reserve .icon i {
  font-size: 34px;
}
.intro .inner .footer, .landing-body .intro .inner .header {
  padding: 2rem 0;
  width: 100%;
}
.intro .inner .footer .container, .landing-body .intro .inner .header .container {
  align-items: flex-end;
}
.intro .inner .footer a, .landing-body .intro .inner .header a {
  cursor: pointer;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  padding: 0 2rem;
  min-height: 3.5rem;
}
.intro .inner .footer a i, .landing-body .intro .inner .header a i {
  font-size: 1.5rem;
}
.intro .inner .footer .mouse, .landing-body .intro .inner .header .mouse {
  width: auto;
  height: 3.5rem;
  cursor: pointer;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.intro .inner .footer .phone, .landing-body .intro .inner .header .phone {
  font-family: 'Romanovsky';
  font-size: 1.35rem;
  line-height: 1.2;
}
.intro .inner .footer .phone sup, .landing-body .intro .inner .header .phone sup {
  font-size: 0.6em;
  padding-right: 0.5em;
}
.intro .inner .footer .social a, .landing-body .intro .inner .header .social a {
  margin-bottom: 0.15em;
}
.intro .inner .footer .social a img, .landing-body .intro .inner .header .social a img {
  width: 1.75rem;
  height: 1.75rem;
}
.intro video {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.container.start .piece {
  height: 50rem !important;
}

.trumo {
  position: relative;
}
.trumo.restaurant .piece {
  background-image: url(../images/trumo-rest.jpg);
}
.trumo.cuisine .piece {
  background-image: url(../images/trumo-cuisine.jpg);
}
.trumo.interior .piece {
  background-image: url(../images/trumo-interior.jpg);
}
.trumo.bar .piece {
  background-image: url(../images/trumo-bar.jpg);
}
.trumo.handmade .piece {
  background-image: url(../images/trumo-handmade.jpg);
}
.trumo.events .piece {
  background-image: url(../images/trumo-events.jpg);
}
.trumo .mirror {
  display: flex;
  width: 100%;
  overflow: hidden;
}
.trumo .mirror .piece {
  height: 36rem;
  margin: -1px;
  background-repeat: no-repeat;
  background-size: cover;
}
.trumo .mirror .piece.sm, .trumo .mirror body.menu-body header.piece, body.menu-body .trumo .mirror header.piece, .trumo .mirror body .profile-body header.piece, body .profile-body .trumo .mirror header.piece, .trumo .mirror body .order-body header.piece, body .order-body .trumo .mirror header.piece, .trumo .mirror body .events-body header.piece, body .events-body .trumo .mirror header.piece, .trumo .mirror body .event-body header.piece, body .event-body .trumo .mirror header.piece, .trumo .mirror body .gallery-body header.piece, body .gallery-body .trumo .mirror header.piece, .trumo .mirror html.menu-body header.piece, html.menu-body .trumo .mirror header.piece, .trumo .mirror html .profile-body header.piece, html .profile-body .trumo .mirror header.piece, .trumo .mirror html .order-body header.piece, html .order-body .trumo .mirror header.piece, .trumo .mirror html .events-body header.piece, html .events-body .trumo .mirror header.piece, .trumo .mirror html .event-body header.piece, html .event-body .trumo .mirror header.piece, .trumo .mirror html .gallery-body header.piece, html .gallery-body .trumo .mirror header.piece {
  flex-grow: 1;
}
.trumo .mirror .piece.lg {
  flex-grow: 4;
}
.trumo .mirror .piece.md {
  flex-grow: 2;
}
.trumo .mirror .piece:nth-last-child(-n+5) {
  transform: scaleX(-1);
}
.trumo .content {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.trumo .content .super-title {
  color: white;
  text-shadow: 0px 0px 3rem black;
  transition: all 2s;
}
.trumo .content .super-title.active {
  letter-spacing: 1em;
}
.trumo .content .image {
  position: relative;
}
.trumo .content .image img {
  position: relative;
  width: 18rem;
  z-index: 1;
}
.trumo .content .image:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: scale(0.98);
  border-radius: 9rem;
  box-shadow: inset 0 0 50px 50px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(3px);
}
.trumo .content .inner {
  position: relative;
  background-color: rgba(0, 0, 0, 0.6);
  max-width: 25rem;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3.5rem 2.5rem 2.5rem;
  border: 1px solid white;
  box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.6);
}
.trumo .content .inner * {
  color: white;
}
.trumo .content .inner .text {
  font-size: 1.1rem;
  margin-bottom: 3rem;
}

.card-fancy.trumo .title:after, .trumo.trumo .title:after {
  background-color: white !important;
}

.cards {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px;
}
.cards + .cards {
  margin-top: -10px;
}
.cards .card-outer {
  padding: 10px;
}
.cards .card-outer .card {
  height: 100%;
  border: none;
  border-radius: 0;
}
.cards .card-outer .card.dark *, .cards .card-outer .card.dark *:before, .cards .card-outer .card.gold *, .cards .card-outer .card.gold *:before, .cards .card-outer .card.dark-2 *, .cards .card-outer .card.dark-2 *:before {
  color: white !important;
}
.cards .card-outer .card.dark .title:after, .cards .card-outer .card.gold .title:after, .cards .card-outer .card.dark-2 .title:after {
  background-color: white !important;
}
.cards .card-outer .card.dark {
  background-color: #505564;
}
.cards .card-outer .card.dark.card-fancy {
  box-shadow: inset 0 0 0 10px #505564, inset 0 0 0 11px white !important;
}
.cards .card-outer .card.dark-2 {
  background-color: #788291;
}
.cards .card-outer .card.dark-2.card-fancy {
  box-shadow: inset 0 0 0 10px #788291, inset 0 0 0 11px white !important;
}
.cards .card-outer .card.gold {
  background-color: #9f8233;
}
.cards .card-outer .card.gold.card-fancy {
  box-shadow: inset 0 0 0 10px #9f8233, inset 0 0 0 11px white !important;
}
.cards .card-outer .card.blue {
  background-color: #0a1e3c;
}
.cards .card-outer .card.blue.card-fancy {
  box-shadow: inset 0 0 0 10px #0a1e3c, inset 0 0 0 11px #b48c1e !important;
}
.cards .card-outer .card.blue *, .cards .card-outer .card.blue *:before {
  color: #b48c1e !important;
}
.cards .card-outer .card.blue .title:after {
  background-color: #b48c1e !important;
}
.cards .card-outer .card .card-body {
  display: flex;
  flex-direction: column;
}
.cards .card-outer .card .card-body .btn-link {
  margin-top: auto;
}
.cards .card-outer .card > .btn-link {
  margin-top: 2rem;
}

.cards.about.menu {
  display: block;
  margin-bottom: 10px !important;
}
.cards.about .card-outer.card-image .card {
  --bs-aspect-ratio: 125%;
  background-size: cover;
  background-position: center;
}
.cards.about .card-outer .card-fancy {
  padding: calc(2.5rem + 10px);
  text-align: center;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 10px white, inset 0 0 0 11px #b48c1e;
}
.cards.about .card-outer .card-fancy .card-body {
  align-items: center;
  padding: 0;
}
.cards.about .card-outer .card-fancy .title {
  color: #b48c1e;
}
.cards.about .card-outer .card-fancy .title.title-lg {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}
.cards.about .card-outer .card-fancy .title.title-lg:after {
  content: none;
}
.cards.about .card-outer .card-fancy .title.title-lg .num {
  font-family: 'Romanovsky';
  font-size: 5.6rem;
  line-height: 1;
  letter-spacing: -0.05em;
  margin-bottom: -0.75rem;
  padding-right: 0.25rem;
}
.cards.about .card-outer .card-fancy .title.title-lg .more {
  font-size: 3rem;
  font-family: 'Romanovsky';
}
.cards.about .card-outer .card-fancy .title.title-lg .sub {
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.1;
  width: min-content;
  text-align: left;
  padding-left: 0.25rem;
}
.cards.about .card-outer .card-fancy .text {
  font-size: 1.125rem;
  position: relative;
}
.cards.about .card-outer .card-fancy .text b {
  display: block;
  font-size: 1.25rem;
}
.cards.about .card-outer .card-fancy .text b:first-child {
  margin-top: 0.5rem;
}
.cards.about .card-outer .card-fancy .text + .text {
  margin-top: 2.5rem;
}
.cards.about .card-outer .card-fancy .text + .text:before {
  content: '❊';
  font-size: 0.85rem;
  color: #b48c1e;
  position: absolute;
  width: 100%;
  left: 0;
  top: -1.75rem;
}
.cards.about .card-outer .card-fancy .cover {
  width: 12.5rem;
  height: 12.5rem;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  margin-bottom: 2.5rem;
}

.banners {
  display: block;
  margin-top: -10px;
}
.banners .card-outer .card-banner {
  flex-direction: row;
  box-shadow: none !important;
  max-height: 20rem;
  overflow: hidden;
}
.banners .card-outer .card-banner > * {
  flex: 0 0 50%;
}
.banners .card-outer .card-banner .cover {
  --bs-aspect-ratio: 100%;
  background-size: cover;
  background-position: center;
}
.banners .card-outer .card-banner .card-body {
  padding: 1.5rem;
  align-items: flex-start !important;
  justify-content: space-between !important;
  text-align: left;
}
.banners .card-outer .card-banner .card-body .title {
  font-family: 'Marta';
  letter-spacing: 0;
  text-transform: none;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 3rem;
}
.banners .card-outer .card-banner .card-body .title:after {
  content: none;
}

.slick-dotted {
  margin-bottom: 0 !important;
}
.slick-dotted .slick-track {
  display: flex;
}
.slick-dotted .slick-track .slick-slide {
  height: auto;
}
.slick-dotted .slick-dots {
  position: static;
}
.slick-dotted .slick-dots li {
  width: auto;
  height: auto;
  margin: 0;
}
.slick-dotted .slick-dots li:only-child {
  display: none;
}
.slick-dotted .slick-dots button, .slick-dotted .slick-dots button:before {
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.slick-dotted .slick-dots button:before {
  font-size: 2.25rem !important;
  color: #505564 !important;
  line-height: 0.65 !important;
}

.events-body .events:first-of-type {
  margin-top: -10px;
}

.cards.events .events-section {
  display: flex;
  flex-wrap: wrap;
}
.cards.events .events-section.rest, .cards.events .events-section.index {
  width: 100%;
}
.cards.events .events-section.side {
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  position: absolute;
  right: 0;
  padding-bottom: 70px;
}
.cards.events .events-section.side .side-footer {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: white;
}
.cards.events .events-section.side .side-footer .inner {
  padding: 0 1.25rem;
  height: 50px;
}
.cards.events .events-section.side .card-outer {
  z-index: 1;
  padding-bottom: 0;
}
.cards.events .events-section.side .card-outer + .card-outer {
  padding-top: 0;
}
.cards.events .events-section.side .card-outer .card .events-cover, .cards.events .events-section.side .card-outer .card .events-tag {
  display: none;
}
.cards.events .events-section.side .card-outer .card .events-title {
  font-size: 1rem;
  margin-bottom: 1rem;
  font-weight: normal;
  padding-top: 1.25rem;
  border-top: 1px solid #f0e6d2;
}
.cards.events .events-section.side .card-outer .card .card-body {
  padding-bottom: 0;
}
.cards.events .events-section.side .card-outer:first-child .events-title {
  border-top: none;
  padding-top: 0;
}
.cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body .events-info {
  font-size: 0.75rem;
}
.cards.events .card-outer .card .card-body .events-tag {
  margin-bottom: 0.5rem;
}
.cards.events .card-outer .card .card-body .events-title {
  margin-bottom: 1.5rem;
}
.cards.events .card-outer .card .card-body .events-info * {
  color: #788291;
}
.cards.events .card-outer .card .card-body .events-info *.date {
  white-space: nowrap;
}
.cards.events .card-outer .card .card-body .events-info *.author {
  position: relative;
  margin-right: 1.5em;
}
.cards.events .card-outer .card .card-body .events-info *.author:after {
  content: '•';
  position: absolute;
  transform: scale(1.5);
  right: -1.125em;
  margin-top: 0.075em;
}
.cards.events .card-outer .card .card-body .footer, .cards.events .card-outer .card .card-body .landing-body .intro .inner .header, .landing-body .intro .inner .cards.events .card-outer .card .card-body .header {
  margin-top: auto;
}

.food-cover, .events-cover {
  --bs-aspect-ratio: 66.66%;
}
.food-cover .placeholder, .events-cover .placeholder {
  background-image: url(../images/holder.png);
  background-size: 160px;
}
.food-cover .image, .events-cover .image {
  background-size: cover;
  background-position: center;
}

.cards.food, .cards.events {
  position: relative;
}
.cards.food .card-outer .card, .cards.events .card-outer .card {
  text-align: left;
  align-items: flex-start;
  cursor: pointer;
}
.cards.food .card-outer .card:hover .food-title, .cards.food .card-outer .card:hover .events-title, .cards.events .card-outer .card:hover .food-title, .cards.events .card-outer .card:hover .events-title {
  color: #b48c1e;
}
.cards.food .card-outer .card .card-body, .cards.events .card-outer .card .card-body {
  padding: 1.25rem;
  width: 100%;
}

.event-body .event-header .event-title {
  text-align: center;
  margin-top: 1rem;
}
.event-body .event-header .event-info {
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-body .event-header .event-info .author i {
  margin-left: 0.5rem;
  transform: rotate(-45deg);
}
.event-body .event-header .event-info .date {
  margin-left: 0.75rem;
}
.event-body .event-header .event-cover {
  margin-top: 1.5rem;
}
.event-body .event-content {
  margin-top: 2rem;
}
.event-body .event-content a {
  color: #b48c1e;
}
.event-body .event-content .events {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.event-body .event-content .events .side {
  width: 100% !important;
}
.event-body .event-content .events .side .card-outer:first-child, .event-body .event-content .events .side .card-outer:first-child .card-body {
  padding-top: 0;
}
.event-body .event-gallery {
  padding-top: 2rem;
}
.event-body .event-gallery img {
  width: auto;
  height: 100%;
}
.event-body .event-more {
  border-top: 1px solid #f0e6d2;
  margin-top: 2rem;
}
.event-body .event-more .subtitle {
  text-align: center;
  margin: 2rem 0 1.25rem;
  color: #b48c1e;
}
.event-body .event-more .card-outer {
  flex-basis: 50%;
}
.event-body .event-more .card-outer .card:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, transparent 75%);
}
.event-body .event-more .card-outer .card .events-cover {
  height: 100%;
}
.event-body .event-more .card-outer .card .card-body {
  position: absolute;
  z-index: 1;
  bottom: 0;
  text-align: center;
  align-items: center;
  padding: 1.5rem 3rem;
}
.event-body .event-more .card-outer .card .card-body * {
  color: white !important;
}
.event-body .event-more .card-outer .card .card-body .events-title {
  font-size: 1.75rem;
}

.chocolat-wrapper {
  z-index: 111;
}
.chocolat-wrapper .chocolat-overlay {
  background-color: black;
}
.chocolat-wrapper .chocolat-right, .chocolat-wrapper .chocolat-left, .chocolat-wrapper .chocolat-close {
  background: none;
  position: relative;
  width: 60px;
}
.chocolat-wrapper .chocolat-right:after, .chocolat-wrapper .chocolat-left:after, .chocolat-wrapper .chocolat-close:after {
  content: '';
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(../images/pointer.svg);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
}
.chocolat-wrapper .chocolat-left {
  transform: scaleX(-1);
}
.chocolat-wrapper .chocolat-close {
  position: absolute;
  height: 60px;
}
.chocolat-wrapper .chocolat-close:after {
  background-image: url(../images/times.svg);
  filter: brightness(200%) saturate(0%);
  background-size: 35%;
}
.chocolat-wrapper .chocolat-top {
  height: 60px;
}
.chocolat-wrapper .chocolat-bottom {
  background: transparent;
}
.chocolat-wrapper .chocolat-bottom * {
  display: none;
}

.chocolat-loader, .slick-loading .slick-list {
  background-image: none;
}
.chocolat-loader:after, .slick-loading .slick-list:after {
  content: '';
  top: 50%;
  left: 50%;
  position: absolute;
  margin-left: -1rem;
  margin-top: -1rem;
}

.gallery {
  padding: 10px 0;
}
.gallery .btn {
  width: 44px;
  height: 44px;
  z-index: 1;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(../images/pointer.svg);
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
}
.gallery .btn:hover {
  background-color: #0a1e3c;
}
.gallery .btn:before {
  content: none;
}
.gallery .btn.slick-prev {
  left: 20px;
  transform: translate(0, -50%) scaleX(-1);
}
.gallery .btn.slick-next {
  right: 20px;
}

.cards.food .header {
  width: 100%;
  text-align: center;
  margin: 2.5rem 0 1rem;
}
.cards.food .card-outer .card.active {
  box-shadow: 0 0 0 2px rgba(180, 140, 30, 0.5);
}
.cards.food .card-outer .card.active .order-quantity {
  display: flex;
}
.cards.food .card-outer .card .card-body {
  flex-direction: row;
}
.cards.food .card-outer .card .food-info {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cards.food .card-outer .card .food-labels {
  position: absolute;
  z-index: 1;
  top: 0.75rem;
  left: 0.75rem;
}
.cards.food .card-outer .card .food-labels img {
  width: 1.5rem;
  height: auto;
  float: right;
}
.cards.food .card-outer .card .food-labels img + img {
  margin-right: -0.25rem;
}
.cards.food .card-outer .card .order-quantity {
  z-index: 20;
  display: none;
  flex-direction: column;
  min-width: auto;
  margin-left: 1rem;
  height: 100%;
  justify-content: flex-end;
}
.cards.food .card-outer .card .food-title {
  margin-bottom: 1rem;
}
.cards.food .card-outer .card .food-price {
  font-size: 1.1rem;
}

.order-item, .order-history-header {
  background-image: url(../images/chevron-right.svg);
  background-size: 0.75rem;
  background-repeat: no-repeat;
}

.order {
  display: flex;
  flex-direction: column;
}
.order.order-sortable .order-item {
  background-image: none;
  padding-right: 0;
}
.order.order-sortable .order-item .order-cover {
  display: none;
}
.order.order-sortable .order-item .order-handle {
  cursor: grab;
  display: block !important;
  width: 96px;
  margin-right: -1.5rem;
  background-image: url(../images/handle.svg);
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 28px;
  flex-shrink: 0;
  z-index: 10;
}
.order .order-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 1rem 2rem 1rem 0;
  background-position: right 1.25rem;
  background-color: white;
}
.order .order-item.draggable {
  border-radius: 12px;
}
.order .order-item.disable {
  filter: grayscale(1);
  opacity: 0.35;
  pointer-events: none;
}
.order .order-item + .order-item {
  border-top: 1px solid #f0e6d2;
}
.order .order-item .item-body {
  line-height: 1.2;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}
.order .order-item .item-body .order-title {
  font-weight: normal;
  margin-bottom: 0.15em;
}
.order .order-item .item-body .order-options {
  font-style: italic;
  color: #b48c1e;
}
.order .order-item .item-body .order-quantity {
  margin-top: auto;
  padding-top: 0.75rem;
}
.order .order-item .order-price {
  min-width: 5em;
  text-align: right;
}

.order-history-item {
  padding-top: 0;
  cursor: pointer;
}
.order-history-item .order-history-header {
  border-bottom: 1px solid #f0e6d2;
  padding: 1.25rem 0 1rem;
  background-position: right center;
}
.order-history-item .order-history-header > * {
  display: inline-block;
  margin-right: 0.75rem;
}
.order-history-item .order-history-header .order-count {
  padding: 0.45em 0.65em 0.3em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 50rem !important;
  color: #b48c1e;
  background-color: rgba(180, 140, 30, 0.1);
}
.order-history-item .order-history-header .order-count:before {
  content: '×';
  font-family: 'Marta';
}
.order-history-item .order-history-header .order-price {
  color: #b48c1e;
}
.order-history-item .order-history-body {
  padding-top: 1.25rem;
  display: flex;
}
.order-history-item .order-history-images {
  display: flex;
  padding-left: 1.5rem;
}
.order-history-item .order-history-images .order-cover:last-child {
  margin: 0;
}

.order-title, .food-title, .events-title {
  color: #002d64;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.2;
  transition: color .25s;
}

.order-price, .food-price, .order-count, .events-info, .events-tag {
  font-family: 'Romanovsky';
}

.order-cover {
  --bs-aspect-ratio: 100%;
  width: 96px;
  height: 96px;
  margin-right: 0.75rem;
  flex-shrink: 0;
}
.order-cover .placeholder {
  background-image: url(../images/holder.png);
  background-size: 160px;
}
.order-cover .image {
  background-size: cover;
  background-position: center;
}

.order-discount {
  color: #b48c1e;
  font-size: 1.125rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 1rem;
}
.order-discount .amount {
  font-family: 'Romanovsky';
}

.order-quantity {
  display: flex;
  align-items: center;
  min-width: 5.5rem;
  justify-content: space-between;
  align-self: flex-start;
  z-index: 99;
}
.order-quantity .count {
  padding: 0.35rem 0;
  font-family: 'Romanovsky';
  color: #002d64;
  border: none;
  width: 1.75rem;
  text-align: center;
  outline: none;
  background-color: transparent;
}
.order-quantity .count, .order-quantity .count:focus, .order-quantity .count:active, .order-quantity .count:disabled {
  box-shadow: none !important;
  -webkit-text-fill-color: #002d64;
  opacity: 1;
}
.order-quantity .btn-action {
  cursor: pointer;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: cover;
  background-position: center;
}
.order-quantity .btn-action.plus {
  background-image: url(../images/plus-circle.svg);
}
.order-quantity .btn-action.remove {
  background-image: url(../images/remove-circle.svg);
}
.order-quantity .btn-action.minus {
  background-image: url(../images/minus-circle.svg);
}

span.add, span.gr {
  font-size: 85%;
  color: #788291;
  font-family: 'Romanovsky';
}
span.add.gr:before, span.gr.gr:before {
  content: ' / ';
  font-family: 'Marta';
}
span.add.add:before, span.gr.add:before {
  content: '+ ';
  font-family: 'Marta';
}

span.dot:after {
  content: '•';
  display: inline-block;
  width: 1em;
  text-align: center;
  vertical-align: -0.1em;
  color: #b48c1e;
}
span.dot:last-child:after {
  content: none;
}

.order-edit .modal-dialog .modal-content {
  padding: 0 !important;
  box-shadow: none !important;
}
.order-edit .modal-dialog .modal-content .modal-header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.order-edit .modal-dialog .modal-content .modal-header .btn-close {
  background-color: white;
  z-index: 1;
  top: 1.5rem;
  right: 1.5rem;
}
.order-edit .modal-dialog .modal-content .modal-body {
  padding: 0 !important;
}
.order-edit .modal-dialog .modal-content .modal-body .options-body {
  padding: 1.5rem 2rem;
}
.order-edit .modal-dialog .modal-content .modal-body .options-body .options-section + .options-section {
  padding-top: 1rem;
  margin-top: 1.5rem;
  border-top: 1px solid #f0e6d2;
}
.order-edit .modal-dialog .modal-content .modal-body .options-body .options-section .subtitle {
  margin-bottom: 0.75rem;
  color: #b48c1e;
}
.order-edit .modal-dialog .modal-content .modal-body .options-body .options-section .form-check-label {
  font-size: 1rem;
}
.order-edit .modal-dialog .modal-content .modal-footer {
  justify-content: space-between !important;
  padding: 1.5rem 2rem 2rem !important;
}
.order-edit .modal-dialog .modal-content .modal-footer .food-title {
  flex: 1 1 0%;
  margin: 0 1.5rem 1.5rem 0;
}
.order-edit .modal-dialog .modal-content .modal-footer .order-price {
  align-self: baseline;
}
.order-edit .modal-dialog .modal-content .modal-footer .btn-primary {
  margin-left: 2.5rem;
}
.order-edit .modal-dialog .modal-content .order-price {
  font-size: 1.125rem;
}
.order-edit .modal-dialog .modal-content .order-quantity {
  align-self: auto;
  padding: 0;
}

.order-body .order-way .notes .note:not(.active) {
  display: none;
}

.order-edit, #trash {
  z-index: 1100;
}

header {
  width: 100%;
  z-index: 100;
  position: absolute;
  top: 0;
}
header .main {
  height: 100px;
  padding: 0;
}
header .main .container > *:not(.logo) {
  z-index: 1;
}
header .main .container {
  height: 100%;
}
header .main .link, header .main .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body header .main .events-tag, header .main .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body header .main .events-info, header .main .event-body .event-header .event-info .date, .event-body .event-header .event-info header .main .date, header .main footer .menu a, footer .menu header .main a, header .main footer .info .social span, footer .info .social header .main span, header .main .btn:not(.btn-dropdown), header .main .btn-link {
  color: white;
  letter-spacing: 0.25em;
  line-height: 1;
  display: inline-flex;
  height: 100%;
  align-items: center;
}
header .main .link, header .main .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body header .main .events-tag, header .main .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body header .main .events-info, header .main .event-body .event-header .event-info .date, .event-body .event-header .event-info header .main .date, header .main footer .menu a, footer .menu header .main a, header .main footer .info .social span, footer .info .social header .main span, header .main .btn:not(.btn-dropdown), header .main .btn-link, header .main .user {
  padding-left: 2rem;
  padding-right: 2rem;
}
header .main .login i {
  font-size: 30px;
}
header .main .user {
  display: flex;
  align-items: center;
}
header .main .profile .avatar {
  width: 36px;
  height: 36px;
  border-color: #f0e6d2;
}
header .main .cart {
  cursor: pointer;
  padding-right: 1.5rem;
  flex-grow: 0;
}
header .main .cart .inner {
  background-color: #b48c1e;
  color: white;
  display: flex;
  align-items: center;
  border-radius: 50rem;
  font-family: 'Romanovsky';
  font-size: 0.8rem;
  height: 32px;
  padding: 0 0.75rem;
}
header .main .cart .inner img {
  height: 1.25rem;
  width: 1.25rem;
  margin-bottom: 0.1em;
}
header .main .cart .inner .total {
  padding: 0.15rem 0 0 0.5rem;
}
header .main .logo {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  width: fit-content;
  margin: auto;
}
header .main .logo img {
  height: 50px;
  filter: invert(100%);
}
header .main .hamburger {
  padding: 0.25rem;
  cursor: pointer;
  margin-right: auto;
}
header .main .hamburger img {
  width: 24px;
}
header.sm, body.menu-body header, body .profile-body header, body .order-body header, body .events-body header, body .event-body header, body .gallery-body header, html.menu-body header, html .profile-body header, html .order-body header, html .events-body header, html .event-body header, html .gallery-body header {
  position: fixed;
}
header.sm .main, body.menu-body header .main, body .profile-body header .main, body .order-body header .main, body .events-body header .main, body .event-body header .main, body .gallery-body header .main, html.menu-body header .main, html .profile-body header .main, html .order-body header .main, html .events-body header .main, html .event-body header .main, html .gallery-body header .main {
  background-color: white;
  height: 60px;
  border-bottom: 1px solid #f0e6d2;
}
header.sm .main .link, body.menu-body header .main .link, body .profile-body header .main .link, body .order-body header .main .link, body .events-body header .main .link, body .event-body header .main .link, body .gallery-body header .main .link, html.menu-body header .main .link, html .profile-body header .main .link, html .order-body header .main .link, html .events-body header .main .link, html .event-body header .main .link, html .gallery-body header .main .link, header.sm .main .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body header.sm .main .events-tag, body.menu-body header .main .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body body.menu-body header .main .events-tag, body .profile-body header .main .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body body .profile-body header .main .events-tag, body .order-body header .main .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body body .order-body header .main .events-tag, body .events-body header .main .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body body .events-body header .main .events-tag, body .event-body header .main .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body body .event-body header .main .events-tag, body .gallery-body header .main .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body body .gallery-body header .main .events-tag, html.menu-body header .main .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body html.menu-body header .main .events-tag, html .profile-body header .main .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body html .profile-body header .main .events-tag, html .order-body header .main .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body html .order-body header .main .events-tag, html .events-body header .main .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body html .events-body header .main .events-tag, html .event-body header .main .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body html .event-body header .main .events-tag, html .gallery-body header .main .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body html .gallery-body header .main .events-tag, header.sm .main .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body header.sm .main .events-info, body.menu-body header .main .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body body.menu-body header .main .events-info, body .profile-body header .main .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body body .profile-body header .main .events-info, body .order-body header .main .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body body .order-body header .main .events-info, body .events-body header .main .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body body .events-body header .main .events-info, body .event-body header .main .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body body .event-body header .main .events-info, body .gallery-body header .main .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body body .gallery-body header .main .events-info, html.menu-body header .main .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body html.menu-body header .main .events-info, html .profile-body header .main .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body html .profile-body header .main .events-info, html .order-body header .main .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body html .order-body header .main .events-info, html .events-body header .main .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body html .events-body header .main .events-info, html .event-body header .main .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body html .event-body header .main .events-info, html .gallery-body header .main .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body html .gallery-body header .main .events-info, header.sm .main .event-body .event-header .event-info .date, .event-body .event-header .event-info header.sm .main .date, body.menu-body header .main .event-body .event-header .event-info .date, .event-body .event-header .event-info body.menu-body header .main .date, body .profile-body header .main .event-body .event-header .event-info .date, .event-body .event-header .event-info body .profile-body header .main .date, body .order-body header .main .event-body .event-header .event-info .date, .event-body .event-header .event-info body .order-body header .main .date, body .events-body header .main .event-body .event-header .event-info .date, .event-body .event-header .event-info body .events-body header .main .date, body .event-body header .main .event-header .event-info .date, body .event-body .event-header .event-info header .main .date, body .gallery-body header .main .event-body .event-header .event-info .date, .event-body .event-header .event-info body .gallery-body header .main .date, html.menu-body header .main .event-body .event-header .event-info .date, .event-body .event-header .event-info html.menu-body header .main .date, html .profile-body header .main .event-body .event-header .event-info .date, .event-body .event-header .event-info html .profile-body header .main .date, html .order-body header .main .event-body .event-header .event-info .date, .event-body .event-header .event-info html .order-body header .main .date, html .events-body header .main .event-body .event-header .event-info .date, .event-body .event-header .event-info html .events-body header .main .date, html .event-body header .main .event-header .event-info .date, html .event-body .event-header .event-info header .main .date, html .gallery-body header .main .event-body .event-header .event-info .date, .event-body .event-header .event-info html .gallery-body header .main .date, header.sm .main footer .menu a, footer .menu header.sm .main a, body.menu-body header .main footer .menu a, footer .menu body.menu-body header .main a, body .profile-body header .main footer .menu a, footer .menu body .profile-body header .main a, body .order-body header .main footer .menu a, footer .menu body .order-body header .main a, body .events-body header .main footer .menu a, footer .menu body .events-body header .main a, body .event-body header .main footer .menu a, footer .menu body .event-body header .main a, body .gallery-body header .main footer .menu a, footer .menu body .gallery-body header .main a, html.menu-body header .main footer .menu a, footer .menu html.menu-body header .main a, html .profile-body header .main footer .menu a, footer .menu html .profile-body header .main a, html .order-body header .main footer .menu a, footer .menu html .order-body header .main a, html .events-body header .main footer .menu a, footer .menu html .events-body header .main a, html .event-body header .main footer .menu a, footer .menu html .event-body header .main a, html .gallery-body header .main footer .menu a, footer .menu html .gallery-body header .main a, header.sm .main footer .info .social span, footer .info .social header.sm .main span, body.menu-body header .main footer .info .social span, footer .info .social body.menu-body header .main span, body .profile-body header .main footer .info .social span, footer .info .social body .profile-body header .main span, body .order-body header .main footer .info .social span, footer .info .social body .order-body header .main span, body .events-body header .main footer .info .social span, footer .info .social body .events-body header .main span, body .event-body header .main footer .info .social span, footer .info .social body .event-body header .main span, body .gallery-body header .main footer .info .social span, footer .info .social body .gallery-body header .main span, html.menu-body header .main footer .info .social span, footer .info .social html.menu-body header .main span, html .profile-body header .main footer .info .social span, footer .info .social html .profile-body header .main span, html .order-body header .main footer .info .social span, footer .info .social html .order-body header .main span, html .events-body header .main footer .info .social span, footer .info .social html .events-body header .main span, html .event-body header .main footer .info .social span, footer .info .social html .event-body header .main span, html .gallery-body header .main footer .info .social span, footer .info .social html .gallery-body header .main span, header.sm .main .btn:not(.btn-dropdown), body.menu-body header .main .btn:not(.btn-dropdown), body .profile-body header .main .btn:not(.btn-dropdown), body .order-body header .main .btn:not(.btn-dropdown), body .events-body header .main .btn:not(.btn-dropdown), body .event-body header .main .btn:not(.btn-dropdown), body .gallery-body header .main .btn:not(.btn-dropdown), html.menu-body header .main .btn:not(.btn-dropdown), html .profile-body header .main .btn:not(.btn-dropdown), html .order-body header .main .btn:not(.btn-dropdown), html .events-body header .main .btn:not(.btn-dropdown), html .event-body header .main .btn:not(.btn-dropdown), html .gallery-body header .main .btn:not(.btn-dropdown), header.sm .main .btn-link, body.menu-body header .main .btn-link, body .profile-body header .main .btn-link, body .order-body header .main .btn-link, body .events-body header .main .btn-link, body .event-body header .main .btn-link, body .gallery-body header .main .btn-link, html.menu-body header .main .btn-link, html .profile-body header .main .btn-link, html .order-body header .main .btn-link, html .events-body header .main .btn-link, html .event-body header .main .btn-link, html .gallery-body header .main .btn-link {
  color: #002d64;
}
header.sm .logo, body.menu-body header .logo, body .profile-body header .logo, body .order-body header .logo, body .events-body header .logo, body .event-body header .logo, body .gallery-body header .logo, html.menu-body header .logo, html .profile-body header .logo, html .order-body header .logo, html .events-body header .logo, html .event-body header .logo, html .gallery-body header .logo {
  height: 24px;
}
header.sm .logo img, body.menu-body header .logo img, body .profile-body header .logo img, body .order-body header .logo img, body .events-body header .logo img, body .event-body header .logo img, body .gallery-body header .logo img, html.menu-body header .logo img, html .profile-body header .logo img, html .order-body header .logo img, html .events-body header .logo img, html .event-body header .logo img, html .gallery-body header .logo img {
  height: 36px;
  filter: invert(12%) sepia(72%) saturate(2187%) hue-rotate(199deg) brightness(103%) contrast(104%);
}

.subnav {
  background-color: white;
  width: 100%;
  height: 50px;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: auto;
  padding: 0;
  box-shadow: inset 0px -1px #f0e6d2;
}
.subnav::-webkit-scrollbar {
  display: none;
}
.subnav {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.subnav .link, .subnav .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body .subnav .events-tag, .subnav .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body .subnav .events-info, .subnav .event-body .event-header .event-info .date, .event-body .event-header .event-info .subnav .date, .subnav footer .menu a, footer .menu .subnav a, .subnav footer .info .social span, footer .info .social .subnav span, .subnav .btn:not(.btn-dropdown), .subnav .btn-link {
  color: #b48c1e;
  padding: 0 1.5rem;
  height: 100%;
  display: inline-flex;
  align-items: center;
  transition: box-shadow 0.25s;
}
.subnav .link:hover, .subnav .cards.events .card-outer .card .card-body .events-tag:hover, .cards.events .card-outer .card .card-body .subnav .events-tag:hover, .subnav .cards.events .card-outer .card .card-body .events-info:hover, .cards.events .card-outer .card .card-body .subnav .events-info:hover, .subnav .event-body .event-header .event-info .date:hover, .event-body .event-header .event-info .subnav .date:hover, .subnav footer .menu a:hover, footer .menu .subnav a:hover, .subnav footer .info .social span:hover, footer .info .social .subnav span:hover, .subnav .btn:hover:not(.btn-dropdown), .subnav .btn-link:hover {
  box-shadow: inset 0px -3px #f0e6d2;
}
.subnav .link.active, .subnav .cards.events .card-outer .card .card-body .active.events-tag, .cards.events .card-outer .card .card-body .subnav .active.events-tag, .subnav .cards.events .card-outer .card .card-body .active.events-info, .cards.events .card-outer .card .card-body .subnav .active.events-info, .subnav .event-body .event-header .event-info .active.date, .event-body .event-header .event-info .subnav .active.date, .subnav footer .menu a.active, footer .menu .subnav a.active, .subnav footer .info .social span.active, footer .info .social .subnav span.active, .subnav .active.btn:not(.btn-dropdown), .subnav .active.btn-link {
  box-shadow: inset 0px -3px #b48c1e;
}

footer {
  margin-top: auto;
  padding-top: 2rem;
  background-color: #0a1e3c;
  color: #c8cdd2;
}
footer .col {
  display: flex;
  margin-bottom: 1.5rem;
  flex-basis: content;
}
footer .col:not(:first-child) {
  justify-content: center;
}
footer .div {
  position: relative;
}
footer .div:after {
  content: '';
  width: 50%;
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  position: absolute;
  left: 0;
  top: 0;
}
footer .inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
footer .inner > * {
  padding: 0.5rem 0;
}
footer .menu a {
  white-space: nowrap;
  color: #c8cdd2;
}
footer .mute, footer .info *, footer .info .social span, footer .mute:hover, footer .info :hover, footer .info .social span:hover {
  color: #788291;
}
footer .contacts > * {
  display: block;
}
footer .btn-link {
  margin-bottom: -0.75em;
}
footer .info {
  margin-bottom: 1.5rem;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
footer .info .div:after {
  content: '•';
  border: none;
  position: static;
  font-weight: bold;
}
footer .info * {
  font-size: 0.75rem !important;
}
footer .info > * {
  padding: 0.5rem 0;
}
footer .info .social a {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
footer .info .social img {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 0.5em 0.25rem 0;
  opacity: 0.5;
}
footer .info .social span {
  display: inline-block !important;
}

footer .phone, #sidenav .phone, .card .phone {
  font-size: 1.3rem;
  font-family: 'Romanovsky';
}
footer .phone sup, #sidenav .phone sup, .card .phone sup {
  font-size: 0.6em;
}

#sidenav .offcanvas-body {
  text-align: center;
  align-items: center;
  padding: 2.5rem;
  background-color: #0a1e3c;
  display: flex;
  flex-direction: column;
}
#sidenav .offcanvas-body > * {
  padding: 0.75rem 0;
  color: #c8cdd2;
}
#sidenav .offcanvas-body .reserve {
  color: #b48c1e;
}
#sidenav .offcanvas-body .reserve i {
  font-size: 2rem;
  margin: 1rem 0 0.5rem;
  display: block;
}
#sidenav .offcanvas-body .map {
  position: relative;
  margin-bottom: 1rem;
}
#sidenav .offcanvas-body .map i {
  display: block;
  font-size: 1.5rem;
}
#sidenav .offcanvas-body .map:after {
  content: '';
  position: absolute;
  width: 2.5rem;
  height: 1px;
  bottom: -0.5rem;
  left: 50%;
  margin-left: -1.25rem;
  background-color: white;
}
#sidenav .offcanvas-body .social a {
  padding: 0.5rem;
}
#sidenav .offcanvas-body .social img {
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0.5;
}

.contacts-map {
  flex-grow: 1;
  background-size: cover;
  background-position: center;
  min-height: 400px;
  --bs-aspect-ratio: 62%;
}

html.touch *:hover {
  all:unset!important;
}

.modal.show {
  opacity: 1 !important;
  display: block !important;
}
.modal.simple .modal-content {
  box-shadow: none !important;
  padding: 1.5rem !important;
}
.modal.simple .modal-content .btn-close {
  top: 1.5rem;
  right: 1.5rem;
}
.modal.fade .modal-dialog {
  transform: scale(0.9);
}
.modal.show .modal-dialog {
  transform: none;
}
.modal .modal-dialog.modal-dialog-scrollable .modal-body {
  overflow-x: hidden;
}
.modal .modal-dialog .modal-content {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  border: none;
  border-radius: 0;
  box-shadow: inset 0 0 0 10px white, inset 0 0 0 11px #b48c1e;
  padding: calc(2rem + 10px);
}
.modal .modal-dialog .modal-content .modal-header {
  display: block;
  text-align: center;
  border: none;
  padding: 0 0 1.5rem;
}
.modal .modal-dialog .modal-content .modal-header .title {
  color: #b48c1e;
}
.modal .modal-dialog .modal-content .modal-header .title i {
  display: block;
  font-size: 2.5rem;
}
.modal .modal-dialog .modal-content .modal-header .btn-link {
  position: absolute;
  left: 2rem;
  top: 2rem;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 1.5rem 0;
}
.modal .modal-dialog .modal-content .modal-body p {
  color: #b48c1e;
  text-align: center;
  padding: 0 2rem;
}
.modal .modal-dialog .modal-content .modal-footer {
  justify-content: center;
  border: none;
  padding: 1.5rem 0 0;
}
.modal .modal-dialog .modal-content .modal-footer > * {
  margin: 0;
}

.modal-backdrop + .modal-backdrop {
  z-index: 1060;
}

.modal#map .modal-dialog {
  max-width: 1200px;
}
.modal#map .modal-dialog .modal-content {
  padding: 2rem;
}
.modal#map .modal-dialog .btn-close {
  background-color: white;
}

.was-validated .form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: #e63c00;
}
.was-validated .form-control.is-invalid + label, .was-validated .form-control:invalid + label {
  color: #e63c00;
  opacity: 1;
}

.form-floating {
  margin-bottom: 1rem;
}
.form-floating input, .form-floating label {
  padding: 1.5rem 0 0.5rem !important;
  border: none;
  font-size: 1.125rem;
}
.form-floating input {
  height: 3.5rem !important;
}
.form-floating .form-control {
  background-image: none !important;
}
.form-floating .form-control, .form-floating .form-control.is-valid, .form-floating .form-control:valid {
  border-radius: 0;
  border-bottom: 1px solid rgba(180, 140, 30, 0.5);
  color: #002d64;
}
.form-floating .form-control:focus, .form-floating .form-control.is-valid:focus, .form-floating .form-control:valid:focus {
  color: #002d64;
  border-bottom-color: #b48c1e;
}
.form-floating .form-control:focus ~ label, .form-floating .form-control:not(:placeholder-shown) ~ label {
  transform: translate(0, -1.35rem);
  font-size: 0.95rem;
}

textarea.form-control {
  border-color: rgba(180, 140, 30, 0.5);
  color: #002d64 !important;
  font-size: 1.125rem;
  padding: 0.75rem 1rem;
}
textarea.form-control:focus {
  box-shadow: none !important;
  border-color: #b48c1e;
}

.form-check {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}
.form-check + .form-check {
  margin-top: 1rem;
}
.form-check * {
  cursor: pointer;
}

.form-check-input {
  width: 1.5em;
  height: 1.5em;
  border: none;
  margin-top: 0;
  background-color: rgba(180, 140, 30, 0.15);
  transition: all 0.25s;
}
.form-check-input:checked {
  background-color: #b48c1e;
}
.form-check-input:active {
  filter: none;
}

.form-check-label {
  padding-left: 1em;
}
.form-check-label:not(.link):not(.btn:not(.btn-dropdown)):not(.btn-link) {
  font-size: 1.125rem;
}

.form-check-section {
  position: relative;
  border: 1px solid rgba(180, 140, 30, 0.5);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  margin-top: 1rem;
}
.form-check-section .avatar {
  width: 4rem;
  height: 4rem;
}

.form-switch .form-check-input, .form-switch .form-check-input:focus {
  width: 2.5em;
  background-image: url(../images/circle.svg);
}

.form-control:focus, .form-check-input:focus, .btn-primary:focus, .btn-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(180, 140, 30, 0.3) !important;
}

.btn-close:focus, .btn-action:focus, .btn-link:focus, .form-floating input:focus {
  box-shadow: none !important;
}

.form-floating label, .label {
  font-style: italic;
  color: #b48c1e;
  opacity: 0.65;
}

div.label {
  font-size: 0.95rem;
  margin: 0.35rem 0;
}

.btn {
  background-repeat: no-repeat;
}
.btn:hover {
  color: inherit;
}
.btn.btn-primary, .btn.btn-secondary {
  min-height: 3.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-color: #b48c1e;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn.btn-primary, .btn.btn-primary:hover {
  background-color: #b48c1e;
  color: white;
}
.btn.btn-secondary {
  background-color: white;
  color: #b48c1e;
}
.btn.btn-split {
  justify-content: space-evenly;
}
.btn.btn-split > * {
  margin: 0 1rem;
}
.btn.btn-split .sum {
  font-size: 1.125rem;
  letter-spacing: 0;
}
.btn.btn-split .div {
  width: 1px;
  height: 1.75rem;
  background-color: white;
}
.btn.flex-fill {
  flex: 1 1 0 !important;
}

.btn-group > * {
  flex: 1 1 auto;
}

.btn-close {
  position: absolute;
  width: 2rem;
  height: 2rem;
  right: 2rem;
  top: 2rem;
  padding: 0 !important;
  margin: 0 !important;
  background-image: url(../images/times.svg);
  opacity: 1;
  border-radius: 50%;
  transition: background-color 0.25s;
}
.btn-close:hover {
  opacity: 1;
  background-color: rgba(180, 140, 30, 0.15);
}

.btn-link {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
}
.btn-link i {
  font-size: 1.65rem;
}
.btn-link:hover {
  color: #b48c1e;
}
.btn-link.btn-trash {
  opacity: 0.75;
}
.btn-link.btn-trash i {
  font-size: 1.5rem;
}

.btn-dropdown {
  background-color: white;
  border-color: rgba(180, 140, 30, 0.5);
  color: #002d64;
  font-size: 1.125rem;
  text-align: left;
  padding-left: 1rem;
  padding-right: 4rem;
  margin-bottom: 1rem;
  min-height: 3.5rem;
  display: inline-flex;
  align-items: center;
}
.btn-dropdown:after {
  background-image: url(../images/chevron-down.svg);
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  width: 3rem;
  background-size: 0.75rem;
  background-repeat: no-repeat;
  border: none;
  background-position: center;
}
.btn-dropdown:focus {
  box-shadow: none !important;
  border-color: #b48c1e;
}

.dropdown-menu {
  width: 100%;
  border: none;
  padding: 0;
  overflow: hidden;
  min-width: auto;
  max-height: 20rem;
  box-shadow: 0 0.75rem 1.5rem rgba(120, 130, 145, 0.5);
  overflow-y: auto;
}
.dropdown-menu .dropdown-item {
  white-space: normal;
  font-size: 1.125rem;
  color: #002d64 !important;
  padding: 0.75rem 1rem;
  cursor: pointer;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item.active {
  background-color: #f0f2f4;
}

@media (max-width: 1479px) {
  footer .info .social span {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .food .card-outer, .events .rest .card-outer, .events .all .card-outer, .events .index .card-outer {
    flex-basis: 20%;
  }

  .events .main {
    flex-basis: 80%;
  }
  .events .main .card-outer {
    flex-basis: 25%;
  }
  .events .main .card-outer:nth-child(1) {
    flex-basis: 50%;
  }
  .events .main .card-outer:nth-child(1) .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, transparent 75%);
  }
  .events .main .card-outer:nth-child(1) .card .events-cover {
    height: 100%;
  }
  .events .main .card-outer:nth-child(1) .card .card-body {
    position: absolute;
    z-index: 1;
    bottom: 0;
    text-align: center;
    align-items: center;
    padding: 1.5rem 3rem;
  }
  .events .main .card-outer:nth-child(1) .card .card-body * {
    color: white !important;
  }
  .events .main .card-outer:nth-child(1) .card .card-body .events-title {
    font-size: 1.75rem;
  }
  .events .main .card-outer:nth-child(5) .card {
    background-color: #788291;
  }
  .events .main .card-outer:nth-child(5) .card * {
    color: white !important;
  }
  .events .rest .card-outer:nth-child(18n+4), .events .rest .card-outer:nth-child(18n+10) {
    flex-basis: 40%;
  }
  .events .rest .card-outer:nth-child(18n+4) .card:after, .events .rest .card-outer:nth-child(18n+10) .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, transparent 75%);
  }
  .events .rest .card-outer:nth-child(18n+4) .card .events-cover, .events .rest .card-outer:nth-child(18n+10) .card .events-cover {
    height: 100%;
  }
  .events .rest .card-outer:nth-child(18n+4) .card .card-body, .events .rest .card-outer:nth-child(18n+10) .card .card-body {
    position: absolute;
    z-index: 1;
    bottom: 0;
    text-align: center;
    align-items: center;
    padding: 1.5rem 3rem;
  }
  .events .rest .card-outer:nth-child(18n+4) .card .card-body *, .events .rest .card-outer:nth-child(18n+10) .card .card-body * {
    color: white !important;
  }
  .events .rest .card-outer:nth-child(18n+4) .card .card-body .events-title, .events .rest .card-outer:nth-child(18n+10) .card .card-body .events-title {
    font-size: 1.75rem;
  }
  .events .rest .card-outer:nth-child(8n+8) .card {
    background-color: #788291;
  }
  .events .rest .card-outer:nth-child(8n+8) .card * {
    color: white !important;
  }
  .events .all .card-outer:nth-child(18n+1), .events .all .card-outer:nth-child(18n+13), .events .index .card-outer:nth-child(18n+1), .events .index .card-outer:nth-child(18n+13) {
    flex-basis: 40%;
  }
  .events .all .card-outer:nth-child(18n+1) .card:after, .events .all .card-outer:nth-child(18n+13) .card:after, .events .index .card-outer:nth-child(18n+1) .card:after, .events .index .card-outer:nth-child(18n+13) .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, transparent 75%);
  }
  .events .all .card-outer:nth-child(18n+1) .card .events-cover, .events .all .card-outer:nth-child(18n+13) .card .events-cover, .events .index .card-outer:nth-child(18n+1) .card .events-cover, .events .index .card-outer:nth-child(18n+13) .card .events-cover {
    height: 100%;
  }
  .events .all .card-outer:nth-child(18n+1) .card .card-body, .events .all .card-outer:nth-child(18n+13) .card .card-body, .events .index .card-outer:nth-child(18n+1) .card .card-body, .events .index .card-outer:nth-child(18n+13) .card .card-body {
    position: absolute;
    z-index: 1;
    bottom: 0;
    text-align: center;
    align-items: center;
    padding: 1.5rem 3rem;
  }
  .events .all .card-outer:nth-child(18n+1) .card .card-body *, .events .all .card-outer:nth-child(18n+13) .card .card-body *, .events .index .card-outer:nth-child(18n+1) .card .card-body *, .events .index .card-outer:nth-child(18n+13) .card .card-body * {
    color: white !important;
  }
  .events .all .card-outer:nth-child(18n+1) .card .card-body .events-title, .events .all .card-outer:nth-child(18n+13) .card .card-body .events-title, .events .index .card-outer:nth-child(18n+1) .card .card-body .events-title, .events .index .card-outer:nth-child(18n+13) .card .card-body .events-title {
    font-size: 1.75rem;
  }
  .events .all .card-outer:nth-child(11n+6) .card, .events .index .card-outer:nth-child(11n+6) .card {
    background-color: #788291;
  }
  .events .all .card-outer:nth-child(11n+6) .card *, .events .index .card-outer:nth-child(11n+6) .card * {
    color: white !important;
  }
  .events .side {
    width: 20%;
  }
}
@media (max-width: 1399px) {
  .events .index .card-outer {
    flex-basis: 25%;
  }

  footer .info .social a {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .cards.about:not(.menu) .card-outer {
    flex-basis: 33.33%;
  }
  .cards.about:not(.menu) .card-outer.x2 {
    flex-basis: 66.66%;
  }
  .cards.about:not(.menu) .card-outer.x2 .card {
    --bs-aspect-ratio: auto !important;
  }
}
@media (max-width: 1290px) {
  .event-body {
    background-image: none !important;
  }
}
@media (max-width: 1199px) {
  .cards.about:not(.menu) .card-outer {
    flex-basis: 50%;
  }
  .cards.about:not(.menu) .card-outer.card-image .card {
    --bs-aspect-ratio: 110% !important;
  }

  .intro .footer a, .landing-body .intro .inner .header a, header .main .link, header .main .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body header .main .events-tag, header .main .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body header .main .events-info, header .main .event-body .event-header .event-info .date, .event-body .event-header .event-info header .main .date, header .main footer .menu a, footer .menu header .main a, header .main footer .info .social span, footer .info .social header .main span, header .main .btn:not(.btn-dropdown), header .main .btn-link, header .main .user {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  header .main .user .cart {
    padding-right: 1rem;
  }

  footer .col {
    flex-basis: 30%;
  }
  footer .col.div {
    flex-basis: 0%;
  }
  footer .col.menu {
    flex: 0 0 0%;
    padding-right: 0;
    margin-bottom: 0;
  }
  footer .col.menu a {
    padding-left: 0;
    padding-right: 1.5rem;
  }
  footer .col.menu .inner {
    flex-direction: row;
    justify-content: flex-start;
  }
  footer .info {
    justify-content: flex-start;
    margin-top: 0.5rem;
  }
  footer .info > .link, footer .cards.events .card-outer .card .card-body .info > .events-tag, .cards.events .card-outer .card .card-body footer .info > .events-tag, footer .cards.events .card-outer .card .card-body .info > .events-info, .cards.events .card-outer .card .card-body footer .info > .events-info, footer .event-body .event-header .event-info .info > .date, .event-body .event-header .event-info footer .info > .date, footer .menu .info > a, footer .info .social .info > span, footer .info > .btn:not(.btn-dropdown), footer .info > .btn-link {
    margin-right: 1rem;
  }
  footer .info > * {
    padding-bottom: 0;
  }
  footer .info .div {
    display: none;
  }
  footer .info .social {
    width: 100%;
  }
  footer .info .social a:first-child {
    padding-left: 0;
  }
  footer .info .social span {
    display: inline-block !important;
  }
}
@media (min-width: 1100px) and (max-width: 1399px) {
  .food .card-outer, .events .rest .card-outer, .events .all .card-outer {
    flex-basis: 25%;
  }

  .events .main {
    flex-basis: 75%;
  }
  .events .main .card-outer {
    flex-basis: 33.33%;
  }
  .events .main .card-outer:nth-child(1), .events .main .card-outer:nth-child(7) {
    flex-basis: 66.66%;
  }
  .events .main .card-outer:nth-child(1) .card:after, .events .main .card-outer:nth-child(7) .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, transparent 75%);
  }
  .events .main .card-outer:nth-child(1) .card .events-cover, .events .main .card-outer:nth-child(7) .card .events-cover {
    height: 100%;
  }
  .events .main .card-outer:nth-child(1) .card .card-body, .events .main .card-outer:nth-child(7) .card .card-body {
    position: absolute;
    z-index: 1;
    bottom: 0;
    text-align: center;
    align-items: center;
    padding: 1.5rem 3rem;
  }
  .events .main .card-outer:nth-child(1) .card .card-body *, .events .main .card-outer:nth-child(7) .card .card-body * {
    color: white !important;
  }
  .events .main .card-outer:nth-child(1) .card .card-body .events-title, .events .main .card-outer:nth-child(7) .card .card-body .events-title {
    font-size: 1.75rem;
  }
  .events .main .card-outer:nth-child(4) .card {
    background-color: #788291;
  }
  .events .main .card-outer:nth-child(4) .card * {
    color: white !important;
  }
  .events .rest .card-outer:nth-child(14n+5), .events .rest .card-outer:nth-child(14n+14) {
    flex-basis: 50%;
  }
  .events .rest .card-outer:nth-child(14n+5) .card:after, .events .rest .card-outer:nth-child(14n+14) .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, transparent 75%);
  }
  .events .rest .card-outer:nth-child(14n+5) .card .events-cover, .events .rest .card-outer:nth-child(14n+14) .card .events-cover {
    height: 100%;
  }
  .events .rest .card-outer:nth-child(14n+5) .card .card-body, .events .rest .card-outer:nth-child(14n+14) .card .card-body {
    position: absolute;
    z-index: 1;
    bottom: 0;
    text-align: center;
    align-items: center;
    padding: 1.5rem 3rem;
  }
  .events .rest .card-outer:nth-child(14n+5) .card .card-body *, .events .rest .card-outer:nth-child(14n+14) .card .card-body * {
    color: white !important;
  }
  .events .rest .card-outer:nth-child(14n+5) .card .card-body .events-title, .events .rest .card-outer:nth-child(14n+14) .card .card-body .events-title {
    font-size: 1.75rem;
  }
  .events .rest .card-outer:nth-child(8n+9) .card {
    background-color: #788291;
  }
  .events .rest .card-outer:nth-child(8n+9) .card * {
    color: white !important;
  }
  .events .all .card-outer:nth-child(14n+1), .events .all .card-outer:nth-child(14n+10) {
    flex-basis: 50%;
  }
  .events .all .card-outer:nth-child(14n+1) .card:after, .events .all .card-outer:nth-child(14n+10) .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, transparent 75%);
  }
  .events .all .card-outer:nth-child(14n+1) .card .events-cover, .events .all .card-outer:nth-child(14n+10) .card .events-cover {
    height: 100%;
  }
  .events .all .card-outer:nth-child(14n+1) .card .card-body, .events .all .card-outer:nth-child(14n+10) .card .card-body {
    position: absolute;
    z-index: 1;
    bottom: 0;
    text-align: center;
    align-items: center;
    padding: 1.5rem 3rem;
  }
  .events .all .card-outer:nth-child(14n+1) .card .card-body *, .events .all .card-outer:nth-child(14n+10) .card .card-body * {
    color: white !important;
  }
  .events .all .card-outer:nth-child(14n+1) .card .card-body .events-title, .events .all .card-outer:nth-child(14n+10) .card .card-body .events-title {
    font-size: 1.75rem;
  }
  .events .all .card-outer:nth-child(8n+5) .card {
    background-color: #788291;
  }
  .events .all .card-outer:nth-child(8n+5) .card * {
    color: white !important;
  }
  .events .side {
    width: 25%;
  }
}
@media (max-width: 1099px) {
  .events-body .events-section.side {
    display: none !important;
  }

  .events .index .card-outer {
    flex-basis: 50%;
  }
  .events .index .card-outer .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, transparent 75%);
  }
  .events .index .card-outer .card .events-cover {
    height: 100%;
  }
  .events .index .card-outer .card .card-body {
    position: absolute;
    z-index: 1;
    bottom: 0;
    text-align: center;
    align-items: center;
    padding: 1.5rem 3rem;
  }
  .events .index .card-outer .card .card-body * {
    color: white !important;
  }
  .events .index .card-outer .card .card-body .events-title {
    font-size: 1.75rem;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .food .card-outer, .events .rest .card-outer, .events .all .card-outer {
    flex-basis: 33.33%;
  }

  .events .main {
    flex-basis: 100%;
  }
  .events .main .card-outer {
    flex-basis: 33.33%;
  }
  .events .main .card-outer:nth-child(1), .events .main .card-outer:nth-child(7) {
    flex-basis: 66.66%;
  }
  .events .main .card-outer:nth-child(1) .card:after, .events .main .card-outer:nth-child(7) .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, transparent 75%);
  }
  .events .main .card-outer:nth-child(1) .card .events-cover, .events .main .card-outer:nth-child(7) .card .events-cover {
    height: 100%;
  }
  .events .main .card-outer:nth-child(1) .card .card-body, .events .main .card-outer:nth-child(7) .card .card-body {
    position: absolute;
    z-index: 1;
    bottom: 0;
    text-align: center;
    align-items: center;
    padding: 1.5rem 3rem;
  }
  .events .main .card-outer:nth-child(1) .card .card-body *, .events .main .card-outer:nth-child(7) .card .card-body * {
    color: white !important;
  }
  .events .main .card-outer:nth-child(1) .card .card-body .events-title, .events .main .card-outer:nth-child(7) .card .card-body .events-title {
    font-size: 1.75rem;
  }
  .events .main .card-outer:nth-child(4) .card {
    background-color: #788291;
  }
  .events .main .card-outer:nth-child(4) .card * {
    color: white !important;
  }
  .events .rest .card-outer:nth-child(10n+4), .events .rest .card-outer:nth-child(10n+10) {
    flex-basis: 66.66%;
  }
  .events .rest .card-outer:nth-child(10n+4) .card:after, .events .rest .card-outer:nth-child(10n+10) .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, transparent 75%);
  }
  .events .rest .card-outer:nth-child(10n+4) .card .events-cover, .events .rest .card-outer:nth-child(10n+10) .card .events-cover {
    height: 100%;
  }
  .events .rest .card-outer:nth-child(10n+4) .card .card-body, .events .rest .card-outer:nth-child(10n+10) .card .card-body {
    position: absolute;
    z-index: 1;
    bottom: 0;
    text-align: center;
    align-items: center;
    padding: 1.5rem 3rem;
  }
  .events .rest .card-outer:nth-child(10n+4) .card .card-body *, .events .rest .card-outer:nth-child(10n+10) .card .card-body * {
    color: white !important;
  }
  .events .rest .card-outer:nth-child(10n+4) .card .card-body .events-title, .events .rest .card-outer:nth-child(10n+10) .card .card-body .events-title {
    font-size: 1.75rem;
  }
  .events .rest .card-outer:nth-child(6n+7) .card {
    background-color: #788291;
  }
  .events .rest .card-outer:nth-child(6n+7) .card * {
    color: white !important;
  }
  .events .all .card-outer:nth-child(10n+1), .events .all .card-outer:nth-child(10n+7) {
    flex-basis: 66.66%;
  }
  .events .all .card-outer:nth-child(10n+1) .card:after, .events .all .card-outer:nth-child(10n+7) .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, transparent 75%);
  }
  .events .all .card-outer:nth-child(10n+1) .card .events-cover, .events .all .card-outer:nth-child(10n+7) .card .events-cover {
    height: 100%;
  }
  .events .all .card-outer:nth-child(10n+1) .card .card-body, .events .all .card-outer:nth-child(10n+7) .card .card-body {
    position: absolute;
    z-index: 1;
    bottom: 0;
    text-align: center;
    align-items: center;
    padding: 1.5rem 3rem;
  }
  .events .all .card-outer:nth-child(10n+1) .card .card-body *, .events .all .card-outer:nth-child(10n+7) .card .card-body * {
    color: white !important;
  }
  .events .all .card-outer:nth-child(10n+1) .card .card-body .events-title, .events .all .card-outer:nth-child(10n+7) .card .card-body .events-title {
    font-size: 1.75rem;
  }
  .events .all .card-outer:nth-child(6n+4) .card {
    background-color: #788291;
  }
  .events .all .card-outer:nth-child(6n+4) .card * {
    color: white !important;
  }
}
@media (min-width: 992px) {
  .container.start {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .profile-body {
    background-image: none !important;
  }

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

  .cards {
    margin: 5px -5px;
  }
  .cards + .cards {
    margin-top: -5px;
  }
  .cards .card-outer {
    padding: 5px;
  }
  .cards.banners .card-outer {
    flex-basis: 100%;
  }

  .event-more .card-outer, .events .index .card-outer {
    flex-basis: 100% !important;
  }

  .index-body .intro .title {
    margin-top: 0 !important;
    padding-top: 15vh !important;
    max-width: 30rem !important;
  }
  .index-body .intro .reserve {
    margin-bottom: auto;
  }
  .index-body .intro .footer, .index-body .landing-body .intro .inner .header, .landing-body .index-body .intro .inner .header {
    margin: 0 !important;
    padding: 80px 0 0 !important;
    position: static;
  }
  .index-body .intro .footer .container, .index-body .landing-body .intro .inner .header .container, .landing-body .index-body .intro .inner .header .container {
    align-items: center !important;
    flex-direction: column;
    justify-content: center;
    flex-flow: column-reverse;
  }
  .index-body .intro .footer .container .map, .index-body .landing-body .intro .inner .header .container .map, .landing-body .index-body .intro .inner .header .container .map {
    flex-direction: column;
    margin-bottom: 1.5rem;
    position: relative;
  }
  .index-body .intro .footer .container .map:after, .index-body .landing-body .intro .inner .header .container .map:after, .landing-body .index-body .intro .inner .header .container .map:after {
    content: '';
    position: absolute;
    width: 2.5rem;
    height: 1px;
    bottom: -1rem;
    left: 50%;
    margin-left: -1.25rem;
    background-color: white;
  }
  .index-body .intro .footer .container .feedback, .index-body .landing-body .intro .inner .header .container .feedback, .landing-body .index-body .intro .inner .header .container .feedback {
    display: none !important;
  }
  .index-body .intro .footer .container .mouse, .index-body .landing-body .intro .inner .header .container .mouse, .landing-body .index-body .intro .inner .header .container .mouse {
    bottom: 30px;
  }
  .index-body .intro .footer .container .social, .index-body .landing-body .intro .inner .header .container .social, .landing-body .index-body .intro .inner .header .container .social {
    position: absolute;
    right: 1rem;
    bottom: 30px;
  }
  .index-body .intro .footer .container .social a, .index-body .landing-body .intro .inner .header .container .social a, .landing-body .index-body .intro .inner .header .container .social a {
    min-height: 3rem;
  }

  header .main .link:not(.login), header .main .cards.events .card-outer .card .card-body .events-tag:not(.login), .cards.events .card-outer .card .card-body header .main .events-tag:not(.login), header .main .cards.events .card-outer .card .card-body .events-info:not(.login), .cards.events .card-outer .card .card-body header .main .events-info:not(.login), header .main .event-body .event-header .event-info .date:not(.login), .event-body .event-header .event-info header .main .date:not(.login), header .main footer .menu a:not(.login), footer .menu header .main a:not(.login), header .main footer .info .social span:not(.login), footer .info .social header .main span:not(.login), header .main .btn:not(.login):not(.btn-dropdown), header .main .btn-link:not(.login) {
    display: none;
  }
  header .main .user {
    padding-right: 0 !important;
  }

  footer .div {
    display: none !important;
  }

  .landing-body .intro .inner {
    min-height: 700px;
  }
  .landing-body .intro video {
    filter: brightness(0.75);
  }
  .landing-body .intro .title {
    display: none;
  }
  .landing-body .intro .footer .container, .landing-body .intro .inner .header .container {
    height: 55vh;
  }
  .landing-body .intro .header .container {
    height: 45vh !important;
  }
  .landing-body .intro .header, .landing-body .intro .footer, .landing-body .intro .inner .header {
    padding: 0;
  }
  .landing-body .intro .header .container, .landing-body .intro .footer .container, .landing-body .intro .inner .header .container {
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
  }
  .landing-body .intro .header .container .logo, .landing-body .intro .footer .container .logo, .landing-body .intro .inner .header .container .logo {
    position: static;
    order: -1;
    margin: 1.5rem 0 auto;
  }
  .landing-body .intro .header .container .phone, .landing-body .intro .footer .container .phone, .landing-body .intro .inner .header .container .phone {
    font-size: 1.65rem;
  }
  .landing-body .intro .header .container .phone, .landing-body .intro .header .container .location, .landing-body .intro .footer .container .phone, .landing-body .intro .inner .header .container .phone, .landing-body .intro .footer .container .location, .landing-body .intro .inner .header .container .location {
    position: relative;
    margin-bottom: 2rem;
  }
  .landing-body .intro .header .container .phone:after, .landing-body .intro .header .container .location:after, .landing-body .intro .footer .container .phone:after, .landing-body .intro .inner .header .container .phone:after, .landing-body .intro .footer .container .location:after, .landing-body .intro .inner .header .container .location:after {
    content: '';
    position: absolute;
    width: 2.5rem;
    height: 1px;
    bottom: -1rem;
    left: 50%;
    margin-left: -1.25rem;
    background-color: white;
  }
  .landing-body .intro .header .container .location, .landing-body .intro .header .container .map, .landing-body .intro .header .container .mail, .landing-body .intro .footer .container .location, .landing-body .intro .inner .header .container .location, .landing-body .intro .footer .container .map, .landing-body .intro .inner .header .container .map, .landing-body .intro .footer .container .mail, .landing-body .intro .inner .header .container .mail {
    flex-direction: column;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .landing-body .intro .header .container .location, .landing-body .intro .footer .container .location, .landing-body .intro .inner .header .container .location {
    margin-right: 0;
  }
  .landing-body .intro .header .container .time, .landing-body .intro .footer .container .time, .landing-body .intro .inner .header .container .time {
    font-style: italic;
  }
  .landing-body .intro .header .container .social, .landing-body .intro .footer .container .social, .landing-body .intro .inner .header .container .social {
    display: flex;
  }
  .landing-body .intro .header .container .mouse, .landing-body .intro .footer .container .mouse, .landing-body .intro .inner .header .container .mouse {
    position: static;
    margin: auto 0 1.5rem;
  }
}
@media (min-width: 768px) {
  .section.actions [class^='col'] + [class^='col'] {
    border-left: 1px solid #f0e6d2;
  }

  .modal#map .modal-dialog .btn-close {
    right: 3rem;
    top: 3rem;
  }

  .gallery .item {
    height: calc(100vh - 130px);
    max-height: 800px;
    padding: 10px 5px;
  }
  .gallery .item img {
    height: 100%;
    width: auto;
  }
}
@media (max-width: 767px) {
  body, html {
    font-size: 15px !important;
  }

  h1, .h1, .page-title, .cards.food .header {
    font-size: 1.75rem;
  }

  .modal-content {
    box-shadow: none !important;
    padding: 1.5rem !important;
  }

  .btn, .form-check-section {
    border-radius: 8px;
  }

  .cards.food .card-outer, .cards.events .card-outer {
    flex-basis: 100% !important;
  }
  .cards.food .card-outer .card, .cards.events .card-outer .card {
    overflow: hidden;
    border-radius: 8px;
  }
  .cards.food .card-outer .card .food-title, .cards.events .card-outer .card .food-title {
    font-weight: normal;
  }
  .cards.events .card {
    border-radius: 0 !important;
  }
  .cards.events .events-title {
    font-size: 1.5rem !important;
  }
  .cards.events .main, .cards.events .rest, .cards.events .all {
    flex-basis: 100%;
  }
  .cards.events .main .card-outer .card:after, .cards.events .rest .card-outer .card:after, .cards.events .all .card-outer .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, transparent 75%);
  }
  .cards.events .main .card-outer .card .events-cover, .cards.events .rest .card-outer .card .events-cover, .cards.events .all .card-outer .card .events-cover {
    height: 100%;
  }
  .cards.events .main .card-outer .card .card-body, .cards.events .rest .card-outer .card .card-body, .cards.events .all .card-outer .card .card-body {
    position: absolute;
    z-index: 1;
    bottom: 0;
    text-align: center;
    align-items: center;
    padding: 1.5rem 3rem;
  }
  .cards.events .main .card-outer .card .card-body *, .cards.events .rest .card-outer .card .card-body *, .cards.events .all .card-outer .card .card-body * {
    color: white !important;
  }
  .cards.events .main .card-outer .card .card-body .events-title, .cards.events .rest .card-outer .card .card-body .events-title, .cards.events .all .card-outer .card .card-body .events-title {
    font-size: 1.75rem;
  }
  .cards .card-banner {
    border-radius: 8px !important;
  }
  .cards.about .card-outer {
    flex-basis: 100% !important;
  }

  .trumo .content .image img {
    width: 14rem;
  }

  .gallery .item {
    padding: 10px 20px;
  }

  .section.actions [class^='col'] + [class^='col'] {
    border-top: 1px solid #f0e6d2;
    margin-top: 0.75rem;
    padding-top: 1.25rem;
  }

  footer .col {
    flex-basis: 50% !important;
    justify-content: flex-start !important;
  }
  footer .col:first-child {
    flex-basis: 100% !important;
  }
  footer .col .reserve {
    padding-top: 1rem;
  }
  footer .col.menu .inner {
    flex-direction: column;
  }
  footer .col .info .social span {
    display: none !important;
  }

  .subnav .link, .subnav .cards.events .card-outer .card .card-body .events-tag, .cards.events .card-outer .card .card-body .subnav .events-tag, .subnav .cards.events .card-outer .card .card-body .events-info, .cards.events .card-outer .card .card-body .subnav .events-info, .subnav .event-body .event-header .event-info .date, .event-body .event-header .event-info .subnav .date, .subnav footer .menu a, footer .menu .subnav a, .subnav footer .info .social span, footer .info .social .subnav span, .subnav .btn:not(.btn-dropdown), .subnav .btn-link {
    padding: 0 1rem;
  }
}
@media (max-width: 575px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }

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

  header .main .logo {
    position: static;
    height: 20px;
  }
  header .main .logo img {
    height: 30px;
  }

  .cards .card-banner > * {
    flex: 1 1 auto !important;
  }
  .cards .card-banner .card-body {
    padding: 1rem !important;
  }
  .cards .card-banner .card-body .title {
    font-size: 1rem !important;
  }
  .cards.food .card-outer .card .card-body, .cards.events .card-outer .card .card-body {
    padding: 1rem !important;
  }
  .cards.food .card-outer .card .card-body .food-price, .cards.events .card-outer .card .card-body .food-price {
    font-size: 1rem !important;
  }

  .gallery .item {
    padding: 5px 10px;
  }

  .order-quantity .btn-action {
    width: 36px;
    height: 36px;
  }
  .order-quantity .count {
    width: 32px;
  }

  .modal:not(.simple) .modal-dialog {
    margin: 0;
    padding-top: 50px;
    height: 100%;
    align-items: flex-end;
  }
  .modal:not(.simple) .modal-dialog .modal-content {
    border-radius: 12px 12px 0 0 !important;
  }
  .modal.simple .modal-dialog {
    margin: 0 10px;
  }
  .modal.simple .modal-dialog .modal-content {
    border-radius: 12px !important;
  }

  .modal#map .modal-dialog .modal-content {
    padding: 0 !important;
  }
  .modal#map .modal-dialog .btn-close {
    top: 1.5rem;
    right: 1.5rem;
  }
}
