@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700");
html,
body {
  background-color: black;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}

.container-parallax {
  height: 100vh;
  overflow: hidden;
  overflow-y: auto;
  perspective: 3px;
}

section {
  background-size: cover;
  color: white;
  background-color: #212529;
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: 25vh;
}
section.image {
  display: flex;
  background-position: center center;
  transform: translateZ(-1px) scale(1.5);
  background-size: cover;
  z-index: -1;
  height: 80vh;
  text-shadow: 1px 1px 2px black;
}
section.image .bg-text {
  background-color: rgba(128, 128, 128, 0.7);
  padding: 1.5rem;
}
section.heading {
  z-index: 100;
}
section.video {
  width: 100%;
  height: 100vh;
  display: block;
}
section.reservations .card {
  background-color: black;
}
section .text-justify {
  text-align: justify;
}

.nav-link {
  color: #0a0a0a;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 0.5rem;
}

.content-wrap {
  padding-top: 2rem;
}
.content-wrap .tapas-menu,
.content-wrap .drinks-menu {
  margin-bottom: 4rem;
  background-color: rgb(255, 255, 255);
  color: #0a0a0a;
  text-shadow: 1px 1px 2px white;
  box-shadow: 3px 3px 8px 8px #bebebe;
  width: 100%;
}
.content-wrap .tapas-menu .dishes-wrap li,
.content-wrap .drinks-menu .dishes-wrap li {
  list-style: none;
  margin-bottom: 1.25rem;
  border-bottom: 1px dotted #444;
  margin-right: 1.75rem;
}
.content-wrap .tapas-menu .dishes-wrap li .title,
.content-wrap .drinks-menu .dishes-wrap li .title {
  font-size: 1.4rem;
  margin-bottom: 0;
  font-weight: 700;
}
.content-wrap .tapas-menu .dishes-wrap li .description,
.content-wrap .drinks-menu .dishes-wrap li .description {
  font-size: 0.9rem;
}
.content-wrap .tapas-menu .dishes-wrap li .description.english,
.content-wrap .drinks-menu .dishes-wrap li .description.english {
  font-style: italic;
  font-size: 0.8rem;
  margin-top: 0.25rem;
}
.content-wrap .tapas-menu .dishes-wrap li .price,
.content-wrap .drinks-menu .dishes-wrap li .price {
  font-size: 0.9rem;
}
.content-wrap .tapas-menu .dishes-wrap li h2,
.content-wrap .drinks-menu .dishes-wrap li h2 {
  font-weight: bolder;
}
.content-wrap .drinks-menu {
  padding: 2rem 0;
}
.content-wrap .drinks-menu .price {
  font-size: 1.4rem !important;
}
.content-wrap.full-height {
  height: calc(100vh - 15px);
}

.card {
  transition: all 0.3s;
}
.card:hover {
  transform: scale(1.05);
  transition: all 0.3s;
}

iframe {
  width: 100%;
  height: 100vh;
}

.footer {
  position: relative;
  background-color: black;
  display: block;
  height: 100vh;
  color: white;
  align-items: center;
  justify-content: center;
}
.footer h3 {
  font-weight: normal;
  color: var(--color-blue);
}
.footer .phone {
  font-size: 20px;
}
.footer a {
  color: white;
}

.logo-intro {
  position: fixed;
  width: 70%;
  top: 40%;
  left: 15%;
}

.collapse.navbar-collapse {
  justify-content: end;
}

@media screen and (max-width: 414px) {
  .collapse.navbar-collapse .navbar-nav li a {
    padding: 12px 0;
  }
  .collapse.navbar-collapse .navbar-nav li .dropdown-item {
    font-size: 1.25rem;
    text-align: center;
  }
}
.navbar-brand img {
  width: 100%;
}

.card-group {
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}
.card-group .card {
  margin-bottom: 1.25rem;
}
.card-group .card .card-text {
  text-align: center;
  color: #444;
  font-weight: bolder;
}

.bg-nav {
  background-color: rgb(33, 37, 41);
}

.social-network img {
  width: 120px;
}

#gmap_canvas {
  height: 300px;
}

.menu-wrapper {
  background: rgb(227, 227, 227);
  height: 100%;
}
.menu-wrapper .nav-link {
  color: white !important;
}

.white-bgnd {
  background: rgb(227, 227, 227);
  height: 100%;
}
.white-bgnd .nav-link {
  color: #444;
}

.white {
  color: white !important;
}

.hide-top-logo {
  opacity: 0;
  transition: opacity 0.4s;
}

.selectors {
  display: flex;
}
.selectors .image {
  position: relative;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-size: 100%;
  background-position: center center;
  height: 61vh;
}
.selectors .image::after {
  position: relative;
  z-index: 20;
  align-content: center;
  color: #dfdfdf;
  font-size: 8vw;
  text-align: center;
  align-items: center;
  line-height: 6rem;
  text-shadow: 1px 1px 2px black;
}
.selectors .image.eat::after {
  content: "What to eat";
  opacity: 1;
}
.selectors .image.drink::after {
  content: "What to drink";
  opacity: 1;
}
.selectors .image.manger::after {
  content: "Ce qu'il faut manger";
  opacity: 1;
}
.selectors .image.boire::after {
  content: "Ce qu'il faut boire";
  opacity: 1;
}
.selectors .button-sel {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.selectors a {
  text-decoration: none;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  font-size: 14px;
  font-weight: 100;
  z-index: 300;
}

.card-group > .card + .card {
  border-left: 1px solid rgba(0, 0, 0, 0.125);
}

.menu-logo-gpm {
  width: 250px !important;
}

.navbar-gpm {
  height: 91px;
}

@media (max-width: 576px) {
  .navbar-brand {
    width: 75%;
  }
  .collapse.navbar-collapse {
    justify-content: unset;
  }
  .content-wrap {
    padding-top: 2rem;
  }
  .price {
    align-self: end;
  }
  .menu-wrapper-drinks {
    height: 100%;
  }
  .selectors .image::after {
    font-size: 12vw;
    line-height: 3rem;
  }
  .drinks-menu {
    box-shadow: none !important;
  }
  iframe {
    height: 50vh;
  }
  .menu-logo-gpm {
    width: 140px !important;
  }
  .navbar-gpm {
    height: unset;
  }
}
.navbar {
  z-index: 100;
  width: 100%;
}

@media screen and (max-width: 414px) {
  .start-frame {
    display: none;
  }
  .nav-item {
    flex: 0 0 auto;
    width: 100%;
  }
  .nav-item .nav-link {
    width: 100%;
    padding: 0;
  }
  .full-height {
    height: auto !important;
  }
}
iframe #ember6 {
  background: red;
}

.fs-7 {
  font-size: 0.5rem;
}

@media print {
  .navbar {
    display: none;
  }
  @page :first {
    .navbar {
      display: unset;
    }
  }
}
@page :first {
  .navbar {
    display: block;
  }
  .navbar .navbar-brand .menu-logo {
    width: 1in;
  }
}
.sangria-popup {
  position: fixed;
  margin-left: -150px;
  background: rgba(155, 155, 155, 0.9);
  height: 300px;
  width: 200px;
  text-align: center;
  border-radius: 10px;
  left: 60%;
  top: 200px;
}
.sangria-popup .close-sangria {
  position: relative;
  top: -12px;
  left: 98px;
  cursor: pointer;
}
.sangria-popup .close-sangria i {
  font-size: 2rem;
}
.sangria-popup img {
  height: 200px;
  margin: 0 auto;
  display: block;
}
.sangria-popup.hide-promo {
  display: none;
}

.ruleta-desktop {
  width: 50%;
  position: fixed;
  left: 50%;
  margin-left: -150px;
  border-radius: 50%;
  background: rgba(240, 240, 240, 0.8);
  height: 300px;
  width: 300px;
}
.ruleta-desktop .close {
  position: relative;
  top: 20px;
  left: 44%;
  cursor: pointer;
}
.ruleta-desktop .price-each {
  position: relative;
  font-size: 26px;
  top: -48px;
  left: 33%;
  font-weight: 800;
}
.ruleta-desktop svg {
  width: 100%;
  background: url(/images/ruleta_rusa.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 44%;
  margin-top: -20px;
}
.ruleta-desktop svg textPath {
  font-size: 46px;
  font-family: "Montserrat";
  text-transform: uppercase;
  letter-spacing: 14px;
  fill: #202020;
}
.ruleta-desktop.hide-promo {
  display: none;
}

@media screen and (min-width: 414px) {
  .sangria-popup {
    left: 50%;
    top: 180px;
  }
  .ruleta-desktop {
    left: 170px;
    top: 112px;
  }
}
.hide-promo-cta {
  display: none;
}

.top-menu .miniatura {
  height: 45px;
}
.top-menu .icono {
  height: 40px;
}

.box {
  position: relative;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  border: 5px solid #f67d65;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #f67d65;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  font: 700 18px/1 "Lato", sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center;
}
.ribbon.sangria-ribbon {
  width: 180px;
  height: 180px;
}
.ribbon.sangria-ribbon::before,
.ribbon.sangria-ribbon::after {
  border: 5px solid #5aa1e0;
}
.ribbon.sangria-ribbon span {
  background-color: #5aa1e0;
}

/* top right*/
.ribbon-top-right {
  top: -38px;
  right: -6px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}
.ribbon-top-right.sangria-ribbon span {
  left: 5px;
  top: 40px;
}

body {
  background: #000;
}

.cardContainer {
  position: relative;
  aspect-ratio: 1;
  font-size: 0.85rem;
  line-height: 1.2;
  perspective: 1000px;
}
.cardContainer .cartes {
  display: inline-block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -moz-backface-visibility: hidden;
  transform-style: preserve-3d;
  transform: translateZ(-100px);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cardContainer .cartes.active {
  transform: translateZ(0px) rotateY(180deg) !important;
}
.cardContainer .cartes.active:after {
  display: none;
}
.cardContainer .cartes:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  box-shadow: 0 14px 50px -4px rgba(0, 0, 0, 0.15);
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1.4);
}
.cardContainer .cartes:hover {
  transform: translateZ(0px);
}
.cardContainer .cartes:hover:after {
  opacity: 1;
}
.cardContainer .cartes .side {
  backface-visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.cardContainer .cartes .side .card-title {
  min-height: 60px;
  background-color: #323232;
  display: flex;
  padding: 0 1rem;
  justify-content: space-between;
}
.cardContainer .cartes .side .card-title span {
  color: white;
  text-shadow: 1px 1px 1px #292929;
  align-self: center;
  text-transform: uppercase;
  font-weight: 600;
}
.cardContainer .cartes .side.front {
  z-index: 2;
  overflow: hidden;
}
.cardContainer .cartes .side.front .notes {
  padding: 6px 20px;
  background-color: rgba(255, 255, 255, 0.5);
  font-weight: bold;
  font-size: 1rem;
}
.cardContainer .cartes .side.front .notes .english {
  font-size: 0.75rem;
}
.cardContainer .cartes .side.front .cta_info {
  position: absolute;
  bottom: -44px;
  right: -6px;
  background-color: rgba(50, 50, 50, 0.5);
  transform: rotate(45deg);
  padding: 45px 12px;
}
.cardContainer .cartes .side.front .cta_info img {
  width: 40px;
}
.cardContainer .cartes .side.back {
  background-color: rgba(50, 50, 50, 0.6);
  transform: rotateY(180deg);
  overflow: auto;
}
.cardContainer .cartes .side.back .card-text {
  padding: 10px;
  outline: white solid 4px;
  border-radius: 25px;
}
.cardContainer .cartes .side.back .text {
  color: white;
  font-size: 1rem;
}
.cardContainer .cartes .side.back .text.english {
  font-size: 0.75rem;
  font-style: italic;
}
.cardContainer .cartes .side.back .extras {
  margin-top: 32px;
}
.cardContainer .cartes .side.back .extras.english {
  width: 50%;
}
.cardContainer .cartes .side.back .extras.english li {
  list-style: none;
}
@media screen and (max-width: 414px) {
  .cardContainer .cartes .side.back .extras.english {
    width: 66%;
  }
}
.cardContainer .cartes .side.back .thumb {
  width: 180px;
  position: absolute;
  bottom: 14px;
  right: 14px;
  opacity: 0.7;
}
@media screen and (max-width: 392px) {
  .cardContainer .cartes .side.back .thumb.img-thumbnail {
    width: 80px !important;
  }
}
@media screen and (max-width: 320px) {
  .cardContainer .cartes .side.back .thumb.img-thumbnail {
    display: none;
  }
}

@media (min-width: 768px) {
  .innerTabContent {
    width: calc(100vw - 100%);
  }
}
.innerTabContent {
  width: 91.33334%;
  position: absolute;
  padding-top: 30px;
}
.innerTabContent strong {
  top: -22px;
  width: 100%;
  position: absolute;
}

#extras {
  padding-top: 20px;
}

.tab-content > .active {
  display: flex;
}

.jpr-pub {
  background: #444;
  text-align: center;
  font-size: 10px;
  color: #bebebe;
}
.jpr-pub a {
  color: #bebebe;
  text-decoration: none;
}
.jpr-pub .fixed {
  display: flex;
  bottom: 0;
}

.allergen_disclaimer {
  margin: 0 42%;
  align-items: initial;
  color: white;
  background-color: rgb(33, 37, 41);
  padding: 0 12px 6px 12px;
  border-radius: 0 0 8px 8px;
}

.collapse {
  margin: 6px 0px;
}

.resto-guru {
  height: 172px;
  width: 172px;
  transform: scale(0.5);
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 86px);
}
.resto-guru.resto-guru-index {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  transform: scale(1);
  z-index: 100;
}
.resto-guru.desktop {
  display: block;
}
.resto-guru.mobile {
  display: none;
}

.banner-four-shots img {
  width: 160px;
}

@media screen and (max-width: 414px) {
  .food-content-wrap {
    margin-top: 1rem;
  }
  .allergen_disclaimer {
    margin: 0 25%;
    display: inline-block;
  }
  .resto-guru.resto-guru-index {
    transform: scale(0.5);
    bottom: -2rem;
    left: -2rem;
  }
  .resto-guru.desktop {
    display: none;
  }
  .resto-guru.mobile {
    display: block;
    top: 62px;
    right: -1rem;
    left: unset;
  }
  .resto-guru.mobile.hide {
    display: none;
  }
  .banner-four-shots img {
    width: 80px;
  }
} /*# sourceMappingURL=main.css.map */