@font-face {
  font-family: "Labil Grotesk";
  src: url("/font/LabilGrotesk-Thin.woff") format('woff');
  font-weight: 300;
}

@font-face {
  font-family: "Labil Grotesk";
  src: url("/font/LabilGrotesk-Regular.woff") format('woff');
  font-weight: 400;
}

@font-face {
  font-family: "Labil Grotesk";
  src: url("/font/LabilGrotesk-Medium.woff") format('woff');
  font-weight: 500;
}

@font-face {
  font-family: "Labil Grotesk";
  src: url("/font/LabilGrotesk-Bold.woff") format('woff');
  font-weight: 600;
}

:root {
  --font-primary: 'Labil Grotesk';
  --font-awesome: 'Font Awesome 6 Pro';
  --bs-body-line-height: 1.4;
  --bs-body-color: #000;
  --bs-secondary-rgb: 197, 188, 255;
  --bs-dark-rgb: 22, 22, 22;
  --color1-rgb: 197, 188, 255;
  --color2-rgb: 255, 0, 22;
  --color3-rgb: 50, 178, 93;
  --color4-rgb: 255, 107, 0;
  --color5-rgb: 9, 204, 204;
  --color6-rgb: 244, 245, 232;
  --color7-rgb: 42, 35, 96;
  --color8-rgb: 229, 60, 104;
  --color9-rgb: 0, 240, 175;
  --color10-rgb: 234, 255, 0;
  --color11-rgb: 59, 216, 173;
  --color12-rgb: 186, 232, 246;
  --color13-rgb: 255, 159, 200;
  --color14-rgb: 51, 48, 77;
  --color15-rgb: 128, 49, 255;
  --color16-rgb: 255, 190, 0;
  --color-sold-out: #fb9582;
  /*--color1: #C5BCFF;
  --color2: #FF0016;
  --color3: #32B25D;
  --color4: #FF6B00;
  --color5: #09CCCC;
  --color6: #F4F5E8;
  --color7: #2A2360;
  --color8: #E53C68;
  --color9: #00F0AF;
  --color10: #EAFF00;
  --color11: #3bd8ad;
  --color12: #bae8f6;
  --color13: #ff9fc8;*/
  --space-btn: 0.3rem 1.4rem;
  --space-label: 0.25rem 0.75rem;
  --space-tag: 0.1rem 0.5rem;
  --transition-time: all 0.2s;
  --transition-time-slow: all 0.5s;
  --bs-body-bg: #f5f4ff;
  --bs-body-bg-rgb: 245, 244, 255;
}

.w-fit-content {
  width: fit-content;
}

.fill-bg-color1 svg {
  fill: rgb(var(--color1-rgb));
}

.fill-bg-color2 svg {
  fill: rgb(var(--color2-rgb));
}

.fill-bg-color3 svg {
  fill: rgb(var(--color3-rgb));
}

.fill-bg-color4 svg {
  fill: rgb(var(--color4-rgb));
}

.fill-bg-color5 svg {
  fill: rgb(var(--color5-rgb));
}

.fill-bg-color6 svg {
  fill: rgb(var(--color6-rgb));
}

.fill-bg-color7 svg {
  fill: rgb(var(--color7-rgb));
}

.fill-bg-color8 svg {
  fill: rgb(var(--color8-rgb));
}

.fill-bg-color9 svg {
  fill: rgb(var(--color9-rgb));
}

.fill-bg-color10 svg {
  fill: rgb(var(--color10-rgb));
}

a {
  color: var(--bs-body-color);
}

/* vue-js */
[v-cloak] {
  display: none;
}

.label {
  padding: var(--space-label);
}

.bg-color1 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color1-rgb), var(--bs-bg-opacity)) !important;
}

.bg-color2 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color2-rgb), var(--bs-bg-opacity)) !important;
}

.bg-color3 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color3-rgb), var(--bs-bg-opacity)) !important;
}

.bg-color4 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color4-rgb), var(--bs-bg-opacity)) !important;
}

.bg-color5 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color5-rgb), var(--bs-bg-opacity)) !important;
}

.bg-color6 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color6-rgb), var(--bs-bg-opacity)) !important;
}

.bg-color7 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color7-rgb), var(--bs-bg-opacity)) !important;
}

.bg-color8 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color8-rgb), var(--bs-bg-opacity)) !important;
}

.bg-color9 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color9-rgb), var(--bs-bg-opacity)) !important;
}

.bg-color10 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color10-rgb), var(--bs-bg-opacity)) !important;
}

.bg-color11 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color11-rgb), var(--bs-bg-opacity)) !important;
}

.bg-color12 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color12-rgb), var(--bs-bg-opacity)) !important;
}

.bg-color13 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color13-rgb), var(--bs-bg-opacity)) !important;
}

.bg-color14 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color14-rgb), var(--bs-bg-opacity)) !important;
}

.bg-color15 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color15-rgb), var(--bs-bg-opacity)) !important;
}

.brunch-slide-item {
  --bs-bg-opacity: 1;
  position: relative;
}

.slide-item-gr {
  background: linear-gradient(to bottom left, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  mix-blend-mode: overlay;
}

.border-color1 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--color1-rgb), var(--bs-border-opacity)) !important;
}

.border-color4 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--color4-rgb), var(--bs-border-opacity)) !important;
}

.border-color5 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--color5-rgb), var(--bs-border-opacity)) !important;
}

.border-color9 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--color9-rgb), var(--bs-border-opacity)) !important;
}

html {
  /*font-size: max(1vw, 15px);*/
  font-size: clamp(15px, 0.92vw, 20px);
}

.fs-0 {
  font-size: 9rem;
}

.fs-1 {
  font-size: 3.8rem !important;
  /* 82px */
}

.fs-2 {
  font-size: 2.2rem !important;
  /* 44px */
}

.fs-3 {
  font-size: 1.6rem !important;
  /* 34px */
}

.fs-4 {
  font-size: 1.4rem !important;
  /* 28px */
}

.fs-5 {
  font-size: 1.2rem !important;
  /* 24px */
}

.fs-6 {
  font-size: 0.9rem !important;
  /* 18px */
}

.fs-7 {
  font-size: 0.8rem;
  /* 16px */
}

.fs-8 {
  font-size: 0.6rem;
}

body {
  font-family: var(--font-primary);
  /*font-size: 1.1rem;*/
  font-size: 1rem;
  font-weight: 400;
}

/*
body {
  background-image: url(/img/bg-shape.svg);
  background-attachment: fixed;
  background-size: cover;
}
*/
.bg-shape-u {
  background-image: url(/img/bg-shape.svg);
  background-attachment: fixed;
  background-size: cover;
  background-clip: padding-box;
}

body.info, body.lineup {
  background-image: url(/img/bg-shape.svg);
  background-attachment: inherit;
  background-clip: padding-box;
  background-position: bottom;
  background-size: inherit;
  background-repeat: no-repeat;
}

/*
body.artists {
  background-image: url(/img/bg-shape.svg);
  background-attachment: inherit;
  background-position: 0 140%;
  background-size: initial;
  background-repeat: no-repeat;
}

body.home .fixed-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

body.home main {
  margin-top: 87px;
}
*/
.text-color1 {
  color: rgb(var(--color1-rgb));
}

.text-color2 {
  color: rgb(var(--color2-rgb));
}

.text-color3 {
  color: rgb(var(--color3-rgb));
}

.text-color4 {
  color: rgb(var(--color4-rgb));
}

.text-color5 {
  color: rgb(var(--color5-rgb));
}

.text-color6 {
  color: rgb(var(--color6-rgb));
}

.text-color7 {
  color: rgb(var(--color7-rgb));
}

.text-color8 {
  color: rgb(var(--color8-rgb));
}

.text-color9 {
  color: rgb(var(--color9-rgb));
}

.text-color10 {
  color: rgb(var(--color10-rgb));
}

.text-color11 {
  color: rgb(var(--color11-rgb));
}

.text-color12 {
  color: rgb(var(--color12-rgb));
}

.text-color13 {
  color: rgb(var(--color13-rgb));
}

.text-color14 {
  color: rgb(var(--color14-rgb));
}

.text-color15 {
  color: rgb(var(--color15-rgb));
}

.text-color16 {
  color: rgb(var(--color16-rgb));
}

.main-menu a {
  /* color: rgb(var(--color5-rgb)); */
  transition: var(--transition-time);
  text-decoration: none;
}

.main-menu a:hover {
  /*color: rgb(var(--color8-rgb));*/
  -webkit-text-stroke-width: 2px;
  color: transparent;
  -webkit-text-stroke-color: var(--bs-black);
}

.main-menu a.text-color1:hover {
  -webkit-text-stroke-color: rgb(var(--color1-rgb));
}

.main-menu a.text-color2:hover {
  -webkit-text-stroke-color: rgb(var(--color2-rgb));
}

.main-menu a.text-color3:hover {
  -webkit-text-stroke-color: rgb(var(--color3-rgb));
}

.main-menu a.text-color4:hover {
  -webkit-text-stroke-color: rgb(var(--color4-rgb));
}

.main-menu a.text-color5:hover {
  -webkit-text-stroke-color: rgb(var(--color5-rgb));
}

.main-menu a.text-color7:hover {
  -webkit-text-stroke-color: rgb(var(--color7-rgb));
}

.main-menu a.text-color8:hover {
  -webkit-text-stroke-color: rgb(var(--color8-rgb));
}

.main-menu a.text-color9:hover {
  -webkit-text-stroke-color: rgb(var(--color9-rgb));
}

.main-menu a.text-color10:hover {
  -webkit-text-stroke-color: rgb(var(--color10-rgb));
}

.main-menu a.text-color11:hover {
  -webkit-text-stroke-color: rgb(var(--color11-rgb));
}

.main-menu a.text-color12:hover {
  -webkit-text-stroke-color: rgb(var(--color12-rgb));
}

.main-menu a.text-color13:hover {
  -webkit-text-stroke-color: rgb(var(--color13-rgb));
}

.main-menu a.text-color14:hover {
  -webkit-text-stroke-color: rgb(var(--color14-rgb));
}

.main-menu.fs-1 {
  font-size: 3rem !important;
}

.drop-menu {}

.drop-menu ul li a {
  display: block;
  padding: var(--space-btn);
  text-decoration: none;
  color: var(--bs-black);
  border-bottom: 1px solid var(--bs-black);
  background-color: rgb(var(--color10-rgb));
}

.modal-body .drop-menu ul li a {
  background-color: rgb(var(--color6-rgb));
}

.drop-menu ul li:last-child a {
  border-bottom: 0;
}

.drop-menu ul li a:hover {
  background-color: var(--bs-black);
  color: var(--bs-white);
}

.modal-body .drop-menu .btn.rounded-4.show {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.drop-menu .btn {}

.modal-body .drop-menu .btn::after {
  content: "\f062";
}

.drop-menu .btn::after {
  content: "\f063";
  font-family: var(--font-awesome);
  display: inline-block;
}

.modal-body .drop-menu .show.btn::after {
  content: "\f063";
}

.drop-menu .show.btn::after {
  content: "\f062";
  font-family: var(--font-awesome);
  display: inline-block;
}

.drop-menu .dropdown-menu {
  border: 1px solid;
  border-bottom: 1;
  overflow: hidden;
  background: transparent;
  margin-bottom: -2px !important;
  /*transform: translate(0px, -2.3rem) !important;*/
}

.modal-body .drop-menu .dropdown-menu {
  border-bottom: 0;
}

.modal-body .drop-menu .btn, .modal-body .drop-menu .dropdown-menu {
  width: 200px;
  text-align: start;
}

.social-menu a {
  /*aspect-ratio: 1 / 1;*/
  width: 34px;
  height: 34px;
  display: block;
  text-align: center;
  line-height: 32px;
  border-radius: 50%;
  padding: 0;
}

.font-feature {
  font-feature-settings: 'salt'on;
  -webkit-font-feature-settings: 'salt'on;
  -moz-font-feature-settings: 'salt'on;
  -ms-font-feature-settings: 'salt'on;
}

.btn {
  text-transform: uppercase;
  border: 1px solid;
  font-weight: 500;
  /*font-size: inherit;*/
  padding: var(--space-btn);
}

.min-w-btn {
  min-width: 21ch;
}

.btn-primary {
  --bs-btn-color: var(--bs-black);
  --bs-btn-bg: rgb(var(--color10-rgb));
  --bs-btn-border-color: rgb(var(--color10-rgb));
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-black);
  --bs-btn-hover-border-color: var(--bs-black);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--bs-black);
  --bs-btn-active-bg: rgb(var(--color10-rgb));
  --bs-btn-active-border-color: var(--bs-black);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-black);
  --bs-btn-disabled-bg: rgb(var(--color10-rgb));
  --bs-btn-disabled-border-color: rgb(var(--color10-rgb));
}

.btn-danger {
  --bs-btn-color: var(--bs-black);
  --bs-btn-bg: var(--color-sold-out);
  --bs-btn-border-color: var(--bs-black);
  --bs-btn-hover-color: var(--bs-black);
  --bs-btn-hover-bg: var(--color-sold-out);
  --bs-btn-hover-border-color: var(--bs-black);
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: var(--bs-black);
  --bs-btn-active-bg: var(--color-sold-out);
  --bs-btn-active-border-color: var(--color-sold-out);
  --bs-btn-disabled-color: var(--bs-black);
  --bs-btn-disabled-bg: var(--color-sold-out);
  --bs-btn-disabled-border-color: var(--color-sold-out);
}

.btn.sold-out {
  pointer-events: none;
}

.btn-outline-dark {
  --bs-btn-color: var(--bs-black);
  --bs-btn-border-color: var(--bs-black);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-black);
  --bs-btn-hover-border-color: var(--bs-black);
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: var(--bs-black);
  --bs-btn-active-border-color: var(--bs-black);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-black);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-black);
  --bs-gradient: none;
}

.artist-name a {
  color: var(--bs-white);
  white-space: nowrap;
  /*transition: var(--transition-time);*/
}

.artist-name a:hover, .artist-name.active a {
  /*background-color: rgb(var(--color10-rgb));
  color: var(--bs-black);
  padding-right: 1.35rem !important;
  border-color: var(--bs-btn-active-border-color);*/
}

.artist-name.active a {
  color: rgb(var(--color10-rgb));
}

/*
.artist-name a:hover::after, .artist-name.active a::after {
  content: "\e09f";
  font-family: var(--font-awesome);
  position: absolute;
  padding-left: 4px;
  font-weight: 400;
}*/
.artist-name a .data-badge {
  transition: var(--transition-time);
}

.artist-name a:hover .data-badge, .artist-name.active a .data-badge {
  background: rgb(var(--color10-rgb)) !important;
  color: var(--bs-black) !important;
}

.artist-list ul li a {
  text-decoration: none;
  color: var(--bs-black);
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
}

.bring-to-front {
  z-index: 1056;
}

.overlay-petit {
  position: absolute;
  top: 37%;
  left: -5rem;
  width: 10rem;
}

.overlay-petit img {
  animation: Shake 2.4s ease-in-out infinite;
}

/*Using keyframes for shaking an image*/
@keyframes Shake {
  0% {
    transform: rotate(0deg);
  }

  5% {
    transform: rotate(-6deg);
  }

  10% {
    transform: rotate(6deg);
  }

  15% {
    transform: rotate(-6deg);
  }

  20% {
    transform: rotate(6deg);
  }

  25% {
    transform: rotate(-6deg);
  }

  30% {
    transform: rotate(6deg);
  }

  35% {
    transform: rotate(-6deg);
  }

  40% {
    transform: rotate(6deg);
  }

  45% {
    transform: rotate(-6deg);
  }

  50% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.box {
  width: fit-content;
  background-color: var(--bs-black);
  padding: var(--space-btn);
  color: var(--bs-white);
  position: relative;
  border-radius: var(--bs-border-radius-xl);
}

.sb3.box {
  border-radius: var(--bs-border-radius-xl) var(--bs-border-radius-xl) var(--bs-border-radius-xl) 0;
}

.sb4.box {
  border-radius: var(--bs-border-radius-xl) var(--bs-border-radius-xl) 0 var(--bs-border-radius-xl);
}

.sb5.box {
  border-radius: 0 var(--bs-border-radius-xl) var(--bs-border-radius-xl) var(--bs-border-radius-xl);
}

.sb6.box {
  border-radius: var(--bs-border-radius-xl) 0 var(--bs-border-radius-xl) var(--bs-border-radius-xl);
}

.sb1:before, .sb2:before, .sb3:before, .sb4:before, .sb5:before, .sb6:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  z-index: 0;
}

.sb1:before {
  border-left: 14px solid var(--bs-black);
  border-right: 14px solid transparent;
  border-top: 14px solid var(--bs-black);
  border-bottom: 14px solid transparent;
  right: -24px;
  top: 0px;
}

.sb2:before {
  border-left: 14px solid transparent;
  border-right: 14px solid var(--bs-black);
  border-top: 14px solid var(--bs-black);
  border-bottom: 14px solid transparent;
  left: -24px;
  top: 0px;
}

.sb3:before {
  border-left: 14px solid var(--bs-black);
  border-right: 14px solid transparent;
  border-top: 14px solid var(--bs-black);
  border-bottom: 14px solid transparent;
  left: 0px;
  bottom: -24px;
}

.sb4:before {
  border-left: 14px solid transparent;
  border-right: 14px solid var(--bs-black);
  border-top: 14px solid var(--bs-black);
  border-bottom: 14px solid transparent;
  right: 0px;
  bottom: -24px;
}

.sb5:before {
  border-left: 14px solid var(--bs-black);
  border-right: 14px solid transparent;
  border-top: 14px solid transparent;
  border-bottom: 14px solid var(--bs-black);
  left: 0px;
  top: -24px;
}

.sb6:before {
  border-right: 14px solid var(--bs-black);
  border-left: 14px solid transparent;
  border-top: 14px solid transparent;
  border-bottom: 14px solid var(--bs-black);
  right: 0px;
  top: -24px;
}

.bg-color1.sb2:before {
  border-right-color: rgb(var(--color1-rgb));
  border-top-color: rgb(var(--color1-rgb));
}

/* sb3 */
.bg-color1.sb3:before {
  border-left-color: rgb(var(--color1-rgb));
  border-top-color: rgb(var(--color1-rgb));
}

.bg-color2.sb3:before {
  border-left-color: rgb(var(--color2-rgb));
  border-top-color: rgb(var(--color2-rgb));
}

.bg-color3.sb3:before {
  border-left-color: rgb(var(--color3-rgb));
  border-top-color: rgb(var(--color3-rgb));
}

.bg-color4.sb3:before {
  border-left-color: rgb(var(--color4-rgb));
  border-top-color: rgb(var(--color4-rgb));
}

.bg-color5.sb3:before {
  border-left-color: rgb(var(--color5-rgb));
  border-top-color: rgb(var(--color5-rgb));
}

.bg-color6.sb3:before {
  border-left-color: rgb(var(--color6-rgb));
  border-top-color: rgb(var(--color6-rgb));
}

.bg-color7.sb3:before {
  border-left-color: rgb(var(--color7-rgb));
  border-top-color: rgb(var(--color7-rgb));
}

.bg-color8.sb3:before {
  border-left-color: rgb(var(--color8-rgb));
  border-top-color: rgb(var(--color8-rgb));
}

.bg-color9.sb3:before {
  border-left-color: rgb(var(--color9-rgb));
  border-top-color: rgb(var(--color9-rgb));
}

.bg-color10.sb3:before {
  border-left-color: rgb(var(--color10-rgb));
  border-top-color: rgb(var(--color10-rgb));
}

.bg-color11.sb3:before {
  border-left-color: rgb(var(--color11-rgb));
  border-top-color: rgb(var(--color11-rgb));
}

.bg-color12.sb3:before {
  border-left-color: rgb(var(--color12-rgb));
  border-top-color: rgb(var(--color12-rgb));
}

.bg-color13.sb3:before {
  border-left-color: rgb(var(--color13-rgb));
  border-top-color: rgb(var(--color13-rgb));
}

.bg-color14.sb3:before {
  border-left-color: rgb(var(--color14-rgb));
  border-top-color: rgb(var(--color14-rgb));
}

.bg-color15.sb3:before {
  border-left-color: rgb(var(--color15-rgb));
  border-top-color: rgb(var(--color15-rgb));
}

/* FIN: sb3 */
/* sb4 */
.bg-color1.sb4:before {
  border-top-color: rgb(var(--color1-rgb));
  border-right-color: rgb(var(--color1-rgb));
}

.bg-color2.sb4:before {
  border-top-color: rgb(var(--color2-rgb));
  border-right-color: rgb(var(--color2-rgb));
}

.bg-color3.sb4:before {
  border-top-color: rgb(var(--color3-rgb));
  border-right-color: rgb(var(--color3-rgb));
}

.bg-color4.sb4:before {
  border-top-color: rgb(var(--color4-rgb));
  border-right-color: rgb(var(--color4-rgb));
}

.bg-color5.sb4:before {
  border-top-color: rgb(var(--color5-rgb));
  border-right-color: rgb(var(--color5-rgb));
}

.bg-color6.sb4:before {
  border-top-color: rgb(var(--color6-rgb));
  border-right-color: rgb(var(--color6-rgb));
}

.bg-color7.sb4:before {
  border-top-color: rgb(var(--color7-rgb));
  border-right-color: rgb(var(--color7-rgb));
}

.bg-color8.sb4:before {
  border-top-color: rgb(var(--color8-rgb));
  border-right-color: rgb(var(--color8-rgb));
}

.bg-color9.sb4:before {
  border-top-color: rgb(var(--color9-rgb));
  border-right-color: rgb(var(--color9-rgb));
}

.bg-color10.sb4:before {
  border-top-color: rgb(var(--color10-rgb));
  border-right-color: rgb(var(--color10-rgb));
}

/* FIN: sb4 */
/* sb5 */
.bg-color7.sb5:before {
  border-left-color: rgb(var(--color7-rgb));
  border-bottom-color: rgb(var(--color7-rgb));
}

/* FIN: sb5 */
/* sb65 */
.bg-color7.sb6:before {
  border-right-color: rgb(var(--color7-rgb));
  border-bottom-color: rgb(var(--color7-rgb));
}

/* FIN: sb6 */
/* Marquee styles */
.marquee {
  --gap: 1rem;
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
}

.marquee__content {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll 24s linear infinite;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

/*
@media (min-width: 1200px) {
  .container {
    max-width: 1600px;
  }
}*/
@media (max-width: 500px) {
  .container {
    max-width: calc(100vw - 40px);
  }
}

@media (min-width: 501px) and (max-width: 767px) {
  .container {
    max-width: calc(100vw - 80px);
  }
}

@media (min-width: 768px) and (max-width: 999px) {
  .container {
    max-width: calc(100vw - 100px);
  }
}

@media (min-width: 1000px) and (max-width: 1200px) {
  .container {
    max-width: calc(100vw - 120px);
  }
}

@media (min-width: 1201px) and (max-width: 1400px) {
  .container {
    max-width: calc(100vw - 160px);
  }
}

@media (min-width: 1401px) and (max-width: 1919px) {
  .container, .container-xl {
    max-width: calc(100vw - 200px);
  }
}

@media (min-width: 1920px) {
  .container, .container-xl {
    max-width: 1600px;
  }
}

.container-fluid {
  max-width: 1920px
}

.artist-mask {
  -webkit-mask-image: url(/img/artist-mask.svg);
  mask-image: url(/img/artist-mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 50%;
  mask-position: 50%;
}

.img-band-home {
  background-size: 100%;
  background-position: 50%;
  /*filter: saturate(0);*/
  opacity: 0;
  transition-property: all;
  transform: scale(1.2) rotate(14deg);
}

.img-band-home.active {
  opacity: 1;
  transition-duration: 1s;
  transform: scale(1) rotate(0deg);
}

.quick-artist-data {
  position: absolute;
  bottom: 5%;
  left: 50%;
  z-index: 1;
}

.quick-artist-data-mobile {
  position: absolute;
  top: -0;
  left: 0;
  z-index: 2;
  writing-mode: vertical-lr;
  bottom: 0;
}

.modal-open header {}

/*
.modal-open .header-btn-menu, .header-btn-close, header .social-menu {
  display: none;
}

.modal-open .header-btn-close, .header-btn-menu, .modal-open header .social-menu {
  display: block;
}
*/
.b2b-tag-position {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  transform: translateY(-0.6rem);
}

.b2b-tag {
  width: fit-content;
  margin: auto;
  padding: var(--space-tag);
}

.b2b-after {
  margin-top: -0.5rem;
}

.live-tag {
  position: absolute;
  top: 30%;
  margin-left: 0.1rem;
  width: max-content;
  padding: 0.1rem 0.3rem;
  font-size: 0.6rem;
}

.time {
  margin-bottom: -0.2rem;
}

.swiper-slide {
  height: auto;
  /*text-align: center;
      max-height: calc(100vh - 44px);*/
}

.swiper-slide img {
  /*width: 100vh;*/
}

.form-check {
  min-height: inherit;
}

/*
main {
  margin-bottom: 100vh;
}

footer {

  width: 100%;
  height: 100vh;
  position: fixed;
  bottom: 0;
  z-index: -1;
}
*/
footer .footer-menu a {
  text-decoration: none;
  color: var(--bs-white);
  border-bottom: 1px solid transparent;
}

footer .footer-menu a:hover {
  border-color: var(--bs-white);
}

footer .social-menu a {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.3rem;
}

sub, sup {
  font-size: .7rem;
}

.form-check {}

.form-check .form-check-input {
  border: 2px solid rgb(var(--color5-rgb)) !important;
  width: 1rem;
  height: 1rem;
}

.form-check .form-check-label {
  padding-top: 3px;
}

.form-check-input:checked {
  background-color: rgb(var(--color5-rgb));
  border-color: rgb(var(--color5-rgb));
}

.form-check-input[type=checkbox] {
  border-radius: 50%;
}

.form-check-input:focus {
  border-color: inherit;
  outline: 0;
  box-shadow: none;
}

ul.column2, .column-artist {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

ul.column3 {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}

.venue-title {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.venues .date {
  width: max-content;
}

.gracias-compromis {
  top: 270px;
  left: -40px;
}

.gracias-comunidad {
  top: 60px;
  right: -0;
}

.gracias-igualdad {
  top: -40px;
  right: 170px;
}

/*
.gradient-end {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 200px;
  z-index: 2;
}*/
.event-modal.closed .buy-ticket-event {
  display: none;
}

.event-modal .buy-ticket-event {
  display: block;
}

.event-modal {
  --w-event-modal: 900px;
  position: fixed;
  top: 0;
  right: 0;
  width: var(--w-event-modal);
  height: 100vh;
  z-index: 2001;
  transition: var(--transition-time);
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
}

.event-modal.closed {
  right: calc(var(--w-event-modal) * -1);
}

.overlay {
  background: rgba(var(--bs-black-rgb), 0.8);
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1030;
  display: block;
  cursor: pointer;
}

.overlay.closed {
  display: none;
}

.namelist-equal-height {
  /*height: 9rem;*/
}

/*
body.home header {
  background: rgba(var(--color6-rgb));
}

header {
  transition: var(--transition-time-slow);
}

header.scrolled, body.home header.scrolled {
  background: rgba(var(--color10-rgb));
}


.menu-modal header.scrolled {
  background: transparent;
}
*/
img.ar1-1, .ar1-1 {
  aspect-ratio: 1;
  object-fit: cover;
}

img.ar3-4, .ar3-4 {
  aspect-ratio: 3/4;
  object-fit: cover;
}

img.ar16-9, .ar16-9 {
  aspect-ratio: 16/9;
  object-fit: cover;
}

img.ar9-16, .ar9-16 {
  aspect-ratio: 9/16;
  object-fit: cover;
}

.tba {
  -webkit-text-stroke-width: 2px;
  color: transparent;
  -webkit-text-stroke-color: var(--bs-black);
}

.swiper-pagination-bullet {
  width: 20px !important;
  height: 20px !important;
  background: var(--bs-white) !important;
  opacity: 1 !important;
  border: 1px solid var(--bs-black);
}

.swiper-pagination-bullet-active {
  background: rgb(var(--color10-rgb)) !important;
}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: relative !important;
  margin-top: 1.6rem !important;
}

.page-header {
  height: 18rem;
  background-image: url(/img/page-header-shapes.svg);
  background-attachment: fixed;
  background-size: contain;
  position: relative;
}

/*
body.info .page-header {
  background-image: url(/img/page-header1.jpg);
  background-size: cover;
  height: 20rem;
  background-position: 50% 90%;
}

body.lineup .page-header {
  background-image: url(/img/page-header1.jpg);
  background-size: cover;
  height: 20rem;
  background-position: 50% 90%;
}

body.faqs .page-header {
  background-image: url(/img/page-header1.jpg);
  background-size: cover;
  height: 20rem;
  background-position: 50% 90%;
}

body.artists .page-header {
  background-image: url(/img/page-header1.jpg);
  background-size: cover;
  height: 20rem;
  background-position: 50% 90%;
}

.page-header .bg-gradient1 {
  background: rgba(var(--color1-rgb), 1);
  background: linear-gradient(to bottom left, rgba(var(--color1-rgb), 1), rgba(var(--color1-rgb), 0.6));
}

.page-header .bg-gradient4 {
  background: rgba(var(--color4-rgb), 1);
  background: linear-gradient(to bottom left, rgba(var(--color4-rgb), 1), rgba(var(--color4-rgb), 0.6));
}

.page-header .bg-gradient5 {
  background: rgba(var(--color5-rgb), 1);
  background: linear-gradient(to bottom left, rgba(var(--color5-rgb), 1), rgba(var(--color5-rgb), 0.6));
}

.page-header .bg-gradient8 {
  background: rgba(var(--color8-rgb), 1);
  background: linear-gradient(to bottom left, rgba(var(--color8-rgb), 1), rgba(var(--color8-rgb), 0.6));
}

.page-header .bg-gradient9 {
  background: rgba(var(--color9-rgb), 1);
  background: linear-gradient(to bottom left, rgba(var(--color9-rgb), 1), rgba(var(--color9-rgb), 0.6));
}

.page-header .gradient-position {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  mix-blend-mode: screen;
}
*/
.page-title {
  transform: translateY(10px);
}

#events.swiper, #actividades.swiper {
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}

#events .swiper-wrapper, #actividades .swiper-wrapper {
  margin-right: calc(var(--bs-gutter-x) * .5);
  margin-left: calc(var(--bs-gutter-x) * .5);
}

:focus-visible {
  outline: none !important;
}

.wrap {
  /*perspective-origin: 50% 50%;*/
}

.svg {
  max-width: 16rem;
  max-height: 16rem;
  position: absolute;
  bottom: -70vh;
  /*  transform-style: preserve-3d;*/
  z-index: 0;
  opacity: 0
}

.soon .social-menu a {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.3rem;
}

.soon .wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.soon .svg {
  bottom: -0vh;
  z-index: 0;
  opacity: 0;
}

.soon .svg:nth-child(1) {
  fill: #fff;
}

.soon .svg:nth-child(2) {
  fill: #fff;
}

.soon .svg:nth-child(3) {
  fill: #fff;
}

.soon .svg:nth-child(4) {
  fill: #fff;
}

.soon .svg:nth-child(5) {
  fill: #fff;
}

.soon .svg:nth-child(6) {
  fill: #fff;
}

.soon .svg:nth-child(7) {
  fill: #fff;
}

.svg:nth-child(1) {
  fill: rgba(var(--color1-rgb), .2);
  left: 8%;
  -webkit-animation: raise1 30s ease-in-out infinite;
  animation: raise1 30s ease-in-out infinite;
  -webkit-animation-delay: -8s;
  animation-delay: -8s;
  transform: scale(1) rotate(324deg);
}

@-webkit-keyframes raise1 {
  to {
    bottom: 180vh;
    transform: scale(1) rotate(270deg);
    opacity: 1;
  }
}

@keyframes raise1 {
  to {
    bottom: 180vh;
    transform: scale(1) rotate(270deg);
    opacity: 1;
  }
}

.svg:nth-child(2) {
  fill: rgba(var(--color2-rgb), .2);
  left: 37%;
  -webkit-animation: raise2 32s ease-in-out infinite;
  animation: raise2 32s ease-in-out infinite;
  -webkit-animation-delay: -3s;
  animation-delay: -3s;
  transform: scale(1) rotate(60deg);
}

@-webkit-keyframes raise2 {
  to {
    bottom: 180vh;
    transform: scale(1) rotate(292deg);
    opacity: 1;
  }
}

@keyframes raise2 {
  to {
    bottom: 180vh;
    transform: scale(1) rotate(292deg);
    opacity: 1;
  }
}

.svg:nth-child(3) {
  fill: rgba(var(--color3-rgb), .2);
  left: 32%;
  -webkit-animation: raise3 32s ease-in-out infinite;
  animation: raise3 32s ease-in-out infinite;
  -webkit-animation-delay: -20s;
  animation-delay: -20s;
  transform: scale(1) rotate(108deg);
}

@-webkit-keyframes raise3 {
  to {
    bottom: 180vh;
    transform: scale(1) rotate(298deg);
    opacity: 1;
  }
}

@keyframes raise3 {
  to {
    bottom: 180vh;
    transform: scale(1) rotate(298deg);
    opacity: 1;
  }
}

.svg:nth-child(4) {
  fill: rgba(var(--color4-rgb), .2);
  left: 77%;
  -webkit-animation: raise4 24s ease-in-out infinite;
  animation: raise4 24s ease-in-out infinite;
  -webkit-animation-delay: -4s;
  animation-delay: -4s;
  transform: scale(0.9) rotate(115deg);
}

@-webkit-keyframes raise4 {
  to {
    bottom: 180vh;
    transform: scale(0.9) rotate(311deg);
    opacity: 1;
  }
}

@keyframes raise4 {
  to {
    bottom: 180vh;
    transform: scale(0.9) rotate(311deg);
    opacity: 1;
  }
}

.svg:nth-child(5) {
  fill: rgba(var(--color5-rgb), .2);
  left: 46%;
  -webkit-animation: raise5 29s ease-in-out infinite;
  animation: raise5 29s ease-in-out infinite;
  -webkit-animation-delay: -10s;
  animation-delay: -10s;
  transform: scale(1) rotate(220deg);
}

@-webkit-keyframes raise5 {
  to {
    bottom: 180vh;
    transform: scale(1) rotate(346deg);
    opacity: 1;
  }
}

@keyframes raise5 {
  to {
    bottom: 180vh;
    transform: scale(1) rotate(346deg);
    opacity: 1;
  }
}

.svg:nth-child(6) {
  fill: rgba(var(--color8-rgb), .2);
  left: -6%;
  -webkit-animation: raise6 32s ease-in-out infinite;
  animation: raise6 32s ease-in-out infinite;
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
  transform: scale(0.9) rotate(139deg);
}

@-webkit-keyframes raise6 {
  to {
    bottom: 180vh;
    transform: scale(0.9) rotate(301deg);
    opacity: 1;
  }
}

@keyframes raise6 {
  to {
    bottom: 180vh;
    transform: scale(0.9) rotate(301deg);
    opacity: 1;
  }
}

.svg:nth-child(7) {
  fill: rgba(var(--color9-rgb), .2);
  right: 0%;
  -webkit-animation: raise7 28s ease-in-out infinite;
  animation: raise7 28s ease-in-out infinite;
  -webkit-animation-delay: 12s;
  animation-delay: 12s;
  transform: scale(1) rotate(117deg);
}

@-webkit-keyframes raise7 {
  to {
    bottom: 180vh;
    transform: scale(1) rotate(0);
    opacity: 1;
  }
}

@keyframes raise7 {
  to {
    bottom: 180vh;
    transform: scale(1) rotate(0);
    opacity: 1;
  }
}

#buyTickets {
  bottom: -10px;
  z-index: 99;
  left: 0;
  right: 0;
  text-align: center;
  transition: var(--transition-time-slow) ease;
  transform: translateY(-30px);
}

#buyTickets.inactive {
  opacity: 0;
  transform: translateY(0px);
}

#cookie-modal {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.84);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

#cookie-modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 600px;
  width: 95%;
  max-height: 95%;
  overflow: auto;
}

#cookie-modal-content .form-check .form-check-input {
  border: 2px solid rgb(var(--color7-rgb)) !important;
  width: 1.1rem;
  height: 1.1rem;
  margin-top: 1px;
}

#cookie-modal-content .form-check-input:checked {
  background-color: rgb(var(--color7-rgb));
  border-color: var(--bs-black);
}

.text-ucrania {
  color: #0057B7;
}

.text-ucrania span {
  background-color: #0057B7;
  color: #FFDD00;
  padding: 0 7px;
}

.btn-popup {
  text-decoration: none;
  transition: var(--transition-time);
  z-index: 1;
}

.btn-popup .play {
  width: 6rem;
  height: 6rem;
  margin: auto;
}

.btn-popup .play, .btn-popup .text {
  transition: var(--transition-time);
}

.btn-popup:hover .play, .btn-popup:hover .text {
  color: var(--bs-white) !important;
  background: rgb(var(--color7-rgb)) !important;
}

.bg-btn-popup {
  background: rgba(var(--color7-rgb), 0.7);
  background: linear-gradient(to bottom left, rgba(var(--color7-rgb), 0.7), rgba(255, 255, 255, 0));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bg-city-gradient1 {
  background: rgba(var(--color1-rgb), 0.7);
  background: linear-gradient(to top right, rgba(var(--color1-rgb), 0.8), rgba(255, 255, 255, 0.3));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bg-city-gradient2 {
  background: rgba(var(--color2-rgb), 0.7);
  background: linear-gradient(to top right, rgba(var(--color2-rgb), 0.8), rgba(255, 255, 255, 0.3));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bg-city-gradient3 {
  background: rgba(var(--color3-rgb), 0.7);
  background: linear-gradient(to top right, rgba(var(--color3-rgb), 0.8), rgba(255, 255, 255, 0.3));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bg-city-gradient4 {
  background: rgba(var(--color4-rgb), 0.7);
  background: linear-gradient(to top right, rgba(var(--color4-rgb), 0.8), rgba(255, 255, 255, 0.3));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bg-city-gradient5 {
  background: rgba(var(--color5-rgb), 0.7);
  background: linear-gradient(to top right, rgba(var(--color5-rgb), 0.8), rgba(255, 255, 255, 0.3));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bg-city-gradient7 {
  background: rgba(var(--color7-rgb), 0.7);
  background: linear-gradient(to top right, rgba(var(--color7-rgb), 0.8), rgba(255, 255, 255, 0.3));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bg-city-gradient8 {
  background: rgba(var(--color8-rgb), 0.7);
  background: linear-gradient(to top right, rgba(var(--color8-rgb), 0.8), rgba(255, 255, 255, 0.3));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bg-city-gradient9 {
  background: rgba(var(--color9-rgb), 0.7);
  background: linear-gradient(to top right, rgba(var(--color9-rgb), 0.8), rgba(255, 255, 255, 0.3));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bg-city-gradient10 {
  background: rgba(var(--color10-rgb), 0.7);
  background: linear-gradient(to top right, rgba(var(--color10-rgb), 0.8), rgba(255, 255, 255, 0.3));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.m-width-18 {
  max-width: 18ch
}

.m-width-20 {
  max-width: 20ch
}

.m-width-24 {
  max-width: 24ch
}

.m-width-30 {
  max-width: 30ch
}

.m-width-34 {
  max-width: 34ch
}

.z-index1 {
  z-index: 1;
}

.artist-name-popup {
  margin-top: -2rem;
  margin-left: 1rem;
}

.bg-shape-modal {
  height: 100vh;
  width: 100vh;
  opacity: 0.4;
}

.brunch-slide-item.bg-color7, .brunch-slide-item.bg-color2 {
  color: var(--bs-white);
}

.nolist-artist li.artist-name::after {
  content: '∙';
  margin-left: 4px;
}

.nolist-artist li.artist-name:last-child::after {
  content: '';
}

.lh-0 {
  line-height: 0;
}

.card-city {
  background-position: 50%;
  background-size: cover;
  transition: var(--transition-time-slow) ease;
}

.card-city:hover {}

.card-city .city-name {
  transform: translateX(0);
  transition: var(--transition-time-slow) ease;
}

.card-city:hover .city-name {
  transform: translateX(40px);
}

.card-city .city-name-arrow {
  opacity: 0;
  position: absolute;
  transform: translateX(-20px);
  transition: var(--transition-time-slow) ease;
}

.card-city:hover .city-name-arrow {
  opacity: 1;
  transform: translateX(4px);
}

.swiper {
  cursor: grab;
}

.ql-size-small {
  font-size: smaller;
}

.sponsor-logo {
  max-height: 7rem;
}

.header {
  height: 18rem;
}

.bg-header {
  position: absolute;
  left: 0;
  right: 0;
  opacity: .15;
  height: 18rem;
  background-image: url(/img/page-header-shapes.svg);
  background-attachment: fixed;
  background-size: contain;
}

.nav-faq {}

.nav-faq li {}

.nav-faq li a {
  text-decoration: none;
  border-left: 5px solid transparent;
  padding-left: 1rem;
}

.nav-faq li a:hover {
  color: rgb(var(--color15-rgb));
}

.nav-faq li.active {}

.nav-faq li.active a {
  border-left: 5px solid;
  padding-left: 1rem;
  color: rgb(var(--color15-rgb));
}

.border-color15 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--color15-rgb), var(--bs-border-opacity)) !important;
}

.accordion-item {
  border: none;
}

.accordion-button:not(.collapsed) {
  color: inherit;
  background-color: transparent;
  box-shadow: none;
  color: rgb(var(--color15-rgb));
}

.accordion-button:focus {
  border-color: inherit;
  box-shadow: none;
}

.accordion-button {
  background: transparent;
}

.accordion {
  --bs-accordion-bg: transparent;
}

.border-bg-color1 {
  border-color: rgb(var(--color1-rgb)) !important;
}

.border-bg-color2 {
  border-color: rgb(var(--color2-rgb)) !important;
}

.border-bg-color3 {
  border-color: rgb(var(--color3-rgb)) !important;
}

.border-bg-color4 {
  border-color: rgb(var(--color4-rgb)) !important;
}

.border-bg-color5 {
  border-color: rgb(var(--color5-rgb)) !important;
}

.border-bg-color6 {
  border-color: rgb(var(--color6-rgb)) !important;
}

.border-bg-color7 {
  border-color: rgb(var(--color7-rgb)) !important;
}

.border-bg-color8 {
  border-color: rgb(var(--color8-rgb)) !important;
}

.border-bg-color9 {
  border-color: rgb(var(--color9-rgb)) !important;
}

.border-bg-color10 {
  border-color: rgb(var(--color18-rgb)) !important;
}

.border-bg-color11 {
  border-color: rgb(var(--color11-rgb)) !important;
}

.border-bg-color12 {
  border-color: rgb(var(--color12-rgb)) !important;
}

.border-bg-color13 {
  border-color: rgb(var(--color13-rgb)) !important;
}

.border-bg-color14 {
  border-color: rgb(var(--color14-rgb)) !important;
}

.border-bg-color15 {
  border-color: rgb(var(--color15-rgb)) !important;
}

.border-bg-color16 {
  border-color: rgb(var(--color16-rgb)) !important;
}

.header-btn-close {
  width: 3rem;
}

.mask-news {
  height: 10rem;
  -webkit-mask-image: url(/img/festival/divider-02.svg);
  -webkit-mask-size: auto;
  background-color: var(--bs-body-bg);
  -webkit-mask-repeat: no-repeat;
}

.home .sticky-top {
  position: fixed !important;
  width: 100%;
}

.home header {
  height: 87px;
}

.home main {
  margin-top: 87px;
}

.sponsor-logo {
  max-height: 10rem;
}

.h-100vh {
  min-height: 100vh;
}

.preregister-gradient {
  background: rgba(var(--color8-rgb), 1);
  background: linear-gradient(to top right, rgba(var(--color8-rgb), 1), rgba(var(--color11-rgb), 1));
}

footer .drop-menu .btn.rounded-4.show {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

footer .drop-menu .btn, footer .drop-menu .dropdown-menu {
  width: 200px;
  text-align: start;
}

footer .drop-menu ul li a {
  display: block;
  padding: var(--space-btn);
  text-decoration: none;
  color: var(--bs-white);
  border-bottom: 1px solid var(--bs-white);
  background-color: transparent;
}

footer .drop-menu .dropdown-menu {
  border: 1px solid var(--bs-white);
  border-bottom: 1;
  overflow: hidden;
  background: transparent;
  margin-bottom: -2px !important;
  /* transform: translate(0px, -2.3rem) !important; */
}

.accordion-passes {
  cursor: pointer;
}

.accordion-passes .accordion-button::before {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
  position: absolute;
  left: 1rem;
}

.accordion-passes .accordion-button:not(.collapsed)::before {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-passes .accordion-button::after, .accordion-passes .accordion-button:not(.collapsed)::after {
  display: none;
}

.label-anuncio {
  width: max-content;
  margin: 0 auto;
}

.last-p p:last-child {
  margin: 0
}

.item-location {}

.item-location::after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  z-index: 0;
  border-left: 1.2rem solid rgb(var(--color14-rgb));
  border-right: 1.2rem solid transparent;
  border-top: 1.2rem solid rgb(var(--color14-rgb));
  border-bottom: 1.2rem solid transparent;
  left: 0px;
}

.soldout_label {}

.bg-opacity-70 {
  --bs-bg-opacity: 0.70;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.50;
}

.bg-opacity-40 {
  --bs-bg-opacity: 0.40;
}

.legal-text h4 {}

.legal-text ul {
  margin-bottom: 40px;
}

.legal-text ul ul, .legal-text li {
  margin-bottom: 6px;
}

.legal-text table {
  background-color: transparent;
  width: 100%;
  -webkit-margin-after: 15px;
  margin-block-end: 15px;
  font-size: .9em;
  border-spacing: 0;
  border-collapse: collapse;
}

.legal-text table tbody>tr:nth-child(odd)>td, .legal-text table tbody>tr:nth-child(odd)>th {
  background-color: hsla(0, 0%, 50.2%, .0705882353);
}

.legal-text table td, .legal-text table th {
  padding: 15px;
  line-height: 1.5;
  vertical-align: top;
  border: 1px solid hsla(0, 0%, 50.2%, .5019607843);
}