body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: 'Noto Sans SC', system-ui, -apple-system, BlinkMacSystemFont,
    'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
    sans-serif;
}

.ribbon select {
    border: none;
    outline: none
    margin: 0;
    padding: 0;
    background: #000;
    color: #fff;
}

.ribbon select > option {
    font-size: 1rem;
}

ul {
  padding: 0;
  list-style-type: none;
}
.logo {
  height: 100px;
}
.nav-mobile .logo {
  height: min(16vw, 80px);
}

@media screen and (max-width: 767px) {
  footer .logo {
    order: -1;
  }
}

nav li {
  list-style-type: none;
}
.lang-select {
  inset: 0 2% 0 auto;
}
.lang-select .dropdown {
  background-color: var(--bs-dark);
  color: var(--bs-light);
  padding-left: 10px;
  font-size: x-large;
  border-radius: 5px;
}

.nav-desktop {
  display: flex;
}

@media screen and (max-width: 768px) {
  header .nav-desktop {
    display: none;
  }
}

nav a {
  color: var(--color-text);
}

nav a {
  font-size: 20px;
}

.nav-mobile {
  display: none;
}

.nav-desktop li.active, .nav-mobile li.active {
    background: #fff;
}

.nav-desktop li.active a, .nav-mobile li.active a{
    color: #000;
}

@media screen and (max-width: 768px) {
  .nav-mobile {
    display: flex;
  }
}

.nav-mobile button,
.nav-mobile [type='button'] {
  appearance: none;
  border: none;
  background: none;
}

#offcanvas {
  padding-top: 100px;
  inset: 0 0 0 auto;
  background: #0d0d0d;
}

#offcanvas a {
  display: block;
  line-height: 2;
  border-radius: 5px;
}

#offcanvas a:hover,
#offcanvas a:active,
#offcanvas a.active {
  color: var(--bs-light);
  background-color: var(--bs-dark);
}

.dropdown-item:active,
.dropdown-item.active,
.btn.dropdown-item:active,
.btn.dropdown-item.active {
  background-color: var(--bs-tertiary-bg);
  color: var(--bs-dark);
}

.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  inset: 0 1rem auto auto;
}
.nav-mobile .ham {
  width: min(16vw, 80px);
  height: min(16vw, 80px);
}
.nav-mobile .ham.active {
  position: fixed;
  z-index: 1046;
}
.hamRotate.active {
  transform: rotate(45deg);
}
.line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #fff;
  stroke-width: 5.5;
  stroke-linecap: round;
}
.ham1 .top {
  stroke-dasharray: 40 139;
}
.ham1 .bottom {
  stroke-dasharray: 40 180;
}
.ham1.active .top {
  stroke-dashoffset: -98px;
}
.ham1.active .bottom {
  stroke-dashoffset: -138px;
}

.banner {
  min-height: 140px;
}

.banner h1 {
  font-size: 2.8rem;
  font-weight: 700;
}

.cities-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #252324;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #252324;
  text-decoration: none;
}

.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: inset 0 0 0 0.2rem rgba(141, 12, 51, 0.25);
}

.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #8d0c33;
  border-color: #8d0c33;
}

.btn-primary:hover {
  color: #fff;
  background-color: #6a0926;
  border-color: #5e0822;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #6a0926;
  border-color: #5e0822;
  box-shadow: 0 0 0 0.2rem rgba(158, 48, 82, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #8d0c33;
  border-color: #8d0c33;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #5e0822;
  border-color: #52071e;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(158, 48, 82, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6b9eb6;
  border-color: #6b9eb6;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #538da8;
  border-color: #4f869f;
}

.btn-secondary:focus,
.btn-secondary.focus {
  color: #fff;
  background-color: #538da8;
  border-color: #4f869f;
  box-shadow: 0 0 0 0.2rem rgba(129, 173, 193, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #6b9eb6;
  border-color: #6b9eb6;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #4f869f;
  border-color: #4a7e97;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(129, 173, 193, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #168e6e;
  border-color: #168e6e;
}

.btn-success:hover {
  color: #fff;
  background-color: #116d54;
  border-color: #0f624c;
}

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #116d54;
  border-color: #0f624c;
  box-shadow: 0 0 0 0.2rem rgba(57, 159, 132, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #168e6e;
  border-color: #168e6e;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #0f624c;
  border-color: #0d5743;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(57, 159, 132, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #204fd0;
  border-color: #204fd0;
}

.btn-info:hover {
  color: #fff;
  background-color: #1b42af;
  border-color: #193ea4;
}

.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #1b42af;
  border-color: #193ea4;
  box-shadow: 0 0 0 0.2rem rgba(65, 105, 215, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #204fd0;
  border-color: #204fd0;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #193ea4;
  border-color: #183a99;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(65, 105, 215, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning:focus,
.btn-warning.focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #d0204f;
  border-color: #d0204f;
}

.btn-danger:hover {
  color: #fff;
  background-color: #af1b42;
  border-color: #a4193e;
}

.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #af1b42;
  border-color: #a4193e;
  box-shadow: 0 0 0 0.2rem rgba(215, 65, 105, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #d0204f;
  border-color: #d0204f;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #a4193e;
  border-color: #99183a;
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(215, 65, 105, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #bab3b5;
  border-color: #bab3b5;
}

.btn-light:hover {
  color: #212529;
  background-color: #a89fa1;
  border-color: #a2989b;
}

.btn-light:focus,
.btn-light.focus {
  color: #212529;
  background-color: #a89fa1;
  border-color: #a2989b;
  box-shadow: 0 0 0 0.2rem rgba(163, 158, 160, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #bab3b5;
  border-color: #bab3b5;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #a2989b;
  border-color: #9c9294;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(163, 158, 160, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #111011;
  border-color: #0b0a0b;
}

.btn-dark:focus,
.btn-dark.focus {
  color: #fff;
  background-color: #111011;
  border-color: #0b0a0b;
  box-shadow: 0 0 0 0.2rem rgba(70, 68, 69, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #252324;
  border-color: #252324;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #0b0a0b;
  background-color: #fff;
  border-color: #fff;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(70, 68, 69, 0.5);
}

.btn-gold {
  color: #212529;
  background-color: #d9c698;
  border-color: #d9c698;
}

.btn-gold:hover {
  color: #212529;
  background-color: #cfb77c;
  border-color: #cbb173;
}

.btn-gold:focus,
.btn-gold.focus {
  color: #212529;
  background-color: #cfb77c;
  border-color: #cbb173;
  box-shadow: 0 0 0 0.2rem rgba(189, 174, 135, 0.5);
}

.btn-gold.disabled,
.btn-gold:disabled {
  color: #212529;
  background-color: #d9c698;
  border-color: #d9c698;
}

.btn-gold:not(:disabled):not(.disabled):active,
.btn-gold:not(:disabled):not(.disabled).active,
.show > .btn-gold.dropdown-toggle {
  color: #212529;
  background-color: #cbb173;
  border-color: #c8ac69;
}

.btn-gold:not(:disabled):not(.disabled):active:focus,
.btn-gold:not(:disabled):not(.disabled).active:focus,
.show > .btn-gold.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(189, 174, 135, 0.5);
}

.btn-accent {
  color: #fff;
  background-color: #8d0c33;
  border-color: #8d0c33;
}

.btn-accent:hover {
  color: #fff;
  background-color: #6a0926;
  border-color: #5e0822;
}

.btn-accent:focus,
.btn-accent.focus {
  color: #fff;
  background-color: #6a0926;
  border-color: #5e0822;
  box-shadow: 0 0 0 0.2rem rgba(158, 48, 82, 0.5);
}

.btn-accent.disabled,
.btn-accent:disabled {
  color: #fff;
  background-color: #8d0c33;
  border-color: #8d0c33;
}

.btn-accent:not(:disabled):not(.disabled):active,
.btn-accent:not(:disabled):not(.disabled).active,
.show > .btn-accent.dropdown-toggle {
  color: #fff;
  background-color: #5e0822;
  border-color: #52071e;
}

.btn-accent:not(:disabled):not(.disabled):active:focus,
.btn-accent:not(:disabled):not(.disabled).active:focus,
.show > .btn-accent.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(158, 48, 82, 0.5);
}

.btn-black {
  color: #fff;
  background-color: #0b0104;
  border-color: #0b0104;
}

.btn-black:hover {
  color: #fff;
  background-color: black;
  border-color: black;
}

.btn-black:focus,
.btn-black.focus {
  color: #fff;
  background-color: black;
  border-color: black;
  box-shadow: 0 0 0 0.2rem rgba(48, 39, 42, 0.5);
}

.btn-black.disabled,
.btn-black:disabled {
  color: #fff;
  background-color: #0b0104;
  border-color: #0b0104;
}

.btn-black:not(:disabled):not(.disabled):active,
.btn-black:not(:disabled):not(.disabled).active,
.show > .btn-black.dropdown-toggle {
  color: #fff;
  background-color: black;
  border-color: black;
}

.btn-black:not(:disabled):not(.disabled):active:focus,
.btn-black:not(:disabled):not(.disabled).active:focus,
.show > .btn-black.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(48, 39, 42, 0.5);
}

.btn-darker {
  color: #fff;
  background-color: #141213;
  border-color: #141213;
}

.btn-darker:hover {
  color: #fff;
  background-color: black;
  border-color: black;
}

.btn-darker:focus,
.btn-darker.focus {
  color: #fff;
  background-color: black;
  border-color: black;
  box-shadow: 0 0 0 0.2rem rgba(55, 54, 54, 0.5);
}

.btn-darker.disabled,
.btn-darker:disabled {
  color: #fff;
  background-color: #141213;
  border-color: #141213;
}

.btn-darker:not(:disabled):not(.disabled):active,
.btn-darker:not(:disabled):not(.disabled).active,
.show > .btn-darker.dropdown-toggle {
  color: #fff;
  background-color: black;
  border-color: black;
}

.btn-darker:not(:disabled):not(.disabled):active:focus,
.btn-darker:not(:disabled):not(.disabled).active:focus,
.show > .btn-darker.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(55, 54, 54, 0.5);
}

.btn-dark-gray {
  color: #fff;
  background-color: #5a5858;
  border-color: #5a5858;
}

.btn-dark-gray:hover {
  color: #fff;
  background-color: #474545;
  border-color: #403f3f;
}

.btn-dark-gray:focus,
.btn-dark-gray.focus {
  color: #fff;
  background-color: #474545;
  border-color: #403f3f;
  box-shadow: 0 0 0 0.2rem rgba(115, 113, 113, 0.5);
}

.btn-dark-gray.disabled,
.btn-dark-gray:disabled {
  color: #fff;
  background-color: #5a5858;
  border-color: #5a5858;
}

.btn-dark-gray:not(:disabled):not(.disabled):active,
.btn-dark-gray:not(:disabled):not(.disabled).active,
.show > .btn-dark-gray.dropdown-toggle {
  color: #fff;
  background-color: #403f3f;
  border-color: #3a3838;
}

.btn-dark-gray:not(:disabled):not(.disabled):active:focus,
.btn-dark-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(115, 113, 113, 0.5);
}

.btn-gray {
  color: #fff;
  background-color: #888384;
  border-color: #888384;
}

.btn-gray:hover {
  color: #fff;
  background-color: #757071;
  border-color: #6e6a6b;
}

.btn-gray:focus,
.btn-gray.focus {
  color: #fff;
  background-color: #757071;
  border-color: #6e6a6b;
  box-shadow: 0 0 0 0.2rem rgba(154, 150, 150, 0.5);
}

.btn-gray.disabled,
.btn-gray:disabled {
  color: #fff;
  background-color: #888384;
  border-color: #888384;
}

.btn-gray:not(:disabled):not(.disabled):active,
.btn-gray:not(:disabled):not(.disabled).active,
.show > .btn-gray.dropdown-toggle {
  color: #fff;
  background-color: #6e6a6b;
  border-color: #686464;
}

.btn-gray:not(:disabled):not(.disabled):active:focus,
.btn-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(154, 150, 150, 0.5);
}

.btn-light-gray {
  color: #212529;
  background-color: #a49a9d;
  border-color: #a49a9d;
}

.btn-light-gray:hover {
  color: #fff;
  background-color: #928689;
  border-color: #8c7f83;
}

.btn-light-gray:focus,
.btn-light-gray.focus {
  color: #fff;
  background-color: #928689;
  border-color: #8c7f83;
  box-shadow: 0 0 0 0.2rem rgba(144, 136, 140, 0.5);
}

.btn-light-gray.disabled,
.btn-light-gray:disabled {
  color: #212529;
  background-color: #a49a9d;
  border-color: #a49a9d;
}

.btn-light-gray:not(:disabled):not(.disabled):active,
.btn-light-gray:not(:disabled):not(.disabled).active,
.show > .btn-light-gray.dropdown-toggle {
  color: #fff;
  background-color: #8c7f83;
  border-color: #86797c;
}

.btn-light-gray:not(:disabled):not(.disabled):active:focus,
.btn-light-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-light-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(144, 136, 140, 0.5);
}

.btn-lighter {
  color: #212529;
  background-color: #d1ccce;
  border-color: #d1ccce;
}

.btn-lighter:hover {
  color: #212529;
  background-color: #bfb8bb;
  border-color: #b9b1b4;
}

.btn-lighter:focus,
.btn-lighter.focus {
  color: #212529;
  background-color: #bfb8bb;
  border-color: #b9b1b4;
  box-shadow: 0 0 0 0.2rem rgba(183, 179, 181, 0.5);
}

.btn-lighter.disabled,
.btn-lighter:disabled {
  color: #212529;
  background-color: #d1ccce;
  border-color: #d1ccce;
}

.btn-lighter:not(:disabled):not(.disabled):active,
.btn-lighter:not(:disabled):not(.disabled).active,
.show > .btn-lighter.dropdown-toggle {
  color: #212529;
  background-color: #b9b1b4;
  border-color: #b3aaae;
}

.btn-lighter:not(:disabled):not(.disabled):active:focus,
.btn-lighter:not(:disabled):not(.disabled).active:focus,
.show > .btn-lighter.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(183, 179, 181, 0.5);
}

.btn-white {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}

.btn-white:hover {
  color: #212529;
  background-color: #ececec;
  border-color: #e6e6e6;
}

.btn-white:focus,
.btn-white.focus {
  color: #212529;
  background-color: #ececec;
  border-color: #e6e6e6;
  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
}

.btn-white.disabled,
.btn-white:disabled {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}

.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active,
.show > .btn-white.dropdown-toggle {
  color: #212529;
  background-color: #e6e6e6;
  border-color: #dfdfdf;
}

.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
}

.btn-transparent {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.btn-transparent:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-transparent:focus,
.btn-transparent.focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-transparent.disabled,
.btn-transparent:disabled {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.btn-transparent:not(:disabled):not(.disabled):active,
.btn-transparent:not(:disabled):not(.disabled).active,
.show > .btn-transparent.dropdown-toggle {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.btn-transparent:not(:disabled):not(.disabled):active:focus,
.btn-transparent:not(:disabled):not(.disabled).active:focus,
.show > .btn-transparent.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-bg-primary {
  color: #212529;
  background-color: #f4efeb;
  border-color: #f4efeb;
}

.btn-bg-primary:hover {
  color: #212529;
  background-color: #e6dbd2;
  border-color: #e2d5ca;
}

.btn-bg-primary:focus,
.btn-bg-primary.focus {
  color: #212529;
  background-color: #e6dbd2;
  border-color: #e2d5ca;
  box-shadow: 0 0 0 0.2rem rgba(212, 209, 206, 0.5);
}

.btn-bg-primary.disabled,
.btn-bg-primary:disabled {
  color: #212529;
  background-color: #f4efeb;
  border-color: #f4efeb;
}

.btn-bg-primary:not(:disabled):not(.disabled):active,
.btn-bg-primary:not(:disabled):not(.disabled).active,
.show > .btn-bg-primary.dropdown-toggle {
  color: #212529;
  background-color: #e2d5ca;
  border-color: #ddcec2;
}

.btn-bg-primary:not(:disabled):not(.disabled):active:focus,
.btn-bg-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-bg-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(212, 209, 206, 0.5);
}

.btn-bg-secondary {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}

.btn-bg-secondary:hover {
  color: #212529;
  background-color: #ececec;
  border-color: #e6e6e6;
}

.btn-bg-secondary:focus,
.btn-bg-secondary.focus {
  color: #212529;
  background-color: #ececec;
  border-color: #e6e6e6;
  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
}

.btn-bg-secondary.disabled,
.btn-bg-secondary:disabled {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}

.btn-bg-secondary:not(:disabled):not(.disabled):active,
.btn-bg-secondary:not(:disabled):not(.disabled).active,
.show > .btn-bg-secondary.dropdown-toggle {
  color: #212529;
  background-color: #e6e6e6;
  border-color: #dfdfdf;
}

.btn-bg-secondary:not(:disabled):not(.disabled):active:focus,
.btn-bg-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-bg-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
}

.btn-bg-secondary-contrasting {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-bg-secondary-contrasting:hover {
  color: #fff;
  background-color: #101214;
  border-color: #0a0c0d;
}

.btn-bg-secondary-contrasting:focus,
.btn-bg-secondary-contrasting.focus {
  color: #fff;
  background-color: #101214;
  border-color: #0a0c0d;
  box-shadow: 0 0 0 0.2rem rgba(66, 70, 73, 0.5);
}

.btn-bg-secondary-contrasting.disabled,
.btn-bg-secondary-contrasting:disabled {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-bg-secondary-contrasting:not(:disabled):not(.disabled):active,
.btn-bg-secondary-contrasting:not(:disabled):not(.disabled).active,
.show > .btn-bg-secondary-contrasting.dropdown-toggle {
  color: #fff;
  background-color: #0a0c0d;
  border-color: #050506;
}

.btn-bg-secondary-contrasting:not(:disabled):not(.disabled):active:focus,
.btn-bg-secondary-contrasting:not(:disabled):not(.disabled).active:focus,
.show > .btn-bg-secondary-contrasting.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(66, 70, 73, 0.5);
}

.btn-outline-primary {
  color: #8d0c33;
  border-color: #8d0c33;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #8d0c33;
  border-color: #8d0c33;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(141, 12, 51, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #8d0c33;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #8d0c33;
  border-color: #8d0c33;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(141, 12, 51, 0.5);
}

.btn-outline-secondary {
  color: #6b9eb6;
  border-color: #6b9eb6;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6b9eb6;
  border-color: #6b9eb6;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(107, 158, 182, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #6b9eb6;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6b9eb6;
  border-color: #6b9eb6;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(107, 158, 182, 0.5);
}

.btn-outline-success {
  color: #168e6e;
  border-color: #168e6e;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #168e6e;
  border-color: #168e6e;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(22, 142, 110, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #168e6e;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #168e6e;
  border-color: #168e6e;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(22, 142, 110, 0.5);
}

.btn-outline-info {
  color: #204fd0;
  border-color: #204fd0;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #204fd0;
  border-color: #204fd0;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 79, 208, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #204fd0;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #204fd0;
  border-color: #204fd0;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 79, 208, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #d0204f;
  border-color: #d0204f;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #d0204f;
  border-color: #d0204f;
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(208, 32, 79, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #d0204f;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #d0204f;
  border-color: #d0204f;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(208, 32, 79, 0.5);
}

.btn-outline-light {
  color: #bab3b5;
  border-color: #bab3b5;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #bab3b5;
  border-color: #bab3b5;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(186, 179, 181, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #bab3b5;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #bab3b5;
  border-color: #bab3b5;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(186, 179, 181, 0.5);
}

.btn-outline-dark {
  color: #252324;
  border-color: #252324;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #252324;
  border-color: #252324;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(37, 35, 36, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #252324;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #252324;
  border-color: #252324;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(37, 35, 36, 0.5);
}

.btn-outline-gold {
  color: #d9c698;
  border-color: #d9c698;
}

.btn-outline-gold:hover {
  color: #212529;
  background-color: #d9c698;
  border-color: #d9c698;
}

.btn-outline-gold:focus,
.btn-outline-gold.focus {
  box-shadow: 0 0 0 0.2rem rgba(217, 198, 152, 0.5);
}

.btn-outline-gold.disabled,
.btn-outline-gold:disabled {
  color: #d9c698;
  background-color: transparent;
}

.btn-outline-gold:not(:disabled):not(.disabled):active,
.btn-outline-gold:not(:disabled):not(.disabled).active,
.show > .btn-outline-gold.dropdown-toggle {
  color: #212529;
  background-color: #d9c698;
  border-color: #d9c698;
}

.btn-outline-gold:not(:disabled):not(.disabled):active:focus,
.btn-outline-gold:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-gold.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(217, 198, 152, 0.5);
}

.btn-outline-accent {
  color: #8d0c33;
  border-color: #8d0c33;
}

.btn-outline-accent:hover {
  color: #fff;
  background-color: #8d0c33;
  border-color: #8d0c33;
}

.btn-outline-accent:focus,
.btn-outline-accent.focus {
  box-shadow: 0 0 0 0.2rem rgba(141, 12, 51, 0.5);
}

.btn-outline-accent.disabled,
.btn-outline-accent:disabled {
  color: #8d0c33;
  background-color: transparent;
}

.btn-outline-accent:not(:disabled):not(.disabled):active,
.btn-outline-accent:not(:disabled):not(.disabled).active,
.show > .btn-outline-accent.dropdown-toggle {
  color: #fff;
  background-color: #8d0c33;
  border-color: #8d0c33;
}

.btn-outline-accent:not(:disabled):not(.disabled):active:focus,
.btn-outline-accent:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-accent.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(141, 12, 51, 0.5);
}

.btn-outline-black {
  color: #0b0104;
  border-color: #0b0104;
}

.btn-outline-black:hover {
  color: #fff;
  background-color: #0b0104;
  border-color: #0b0104;
}

.btn-outline-black:focus,
.btn-outline-black.focus {
  box-shadow: 0 0 0 0.2rem rgba(11, 1, 4, 0.5);
}

.btn-outline-black.disabled,
.btn-outline-black:disabled {
  color: #0b0104;
  background-color: transparent;
}

.btn-outline-black:not(:disabled):not(.disabled):active,
.btn-outline-black:not(:disabled):not(.disabled).active,
.show > .btn-outline-black.dropdown-toggle {
  color: #fff;
  background-color: #0b0104;
  border-color: #0b0104;
}

.btn-outline-black:not(:disabled):not(.disabled):active:focus,
.btn-outline-black:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-black.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(11, 1, 4, 0.5);
}

.btn-outline-darker {
  color: #141213;
  border-color: #141213;
}

.btn-outline-darker:hover {
  color: #fff;
  background-color: #141213;
  border-color: #141213;
}

.btn-outline-darker:focus,
.btn-outline-darker.focus {
  box-shadow: 0 0 0 0.2rem rgba(20, 18, 19, 0.5);
}

.btn-outline-darker.disabled,
.btn-outline-darker:disabled {
  color: #141213;
  background-color: transparent;
}

.btn-outline-darker:not(:disabled):not(.disabled):active,
.btn-outline-darker:not(:disabled):not(.disabled).active,
.show > .btn-outline-darker.dropdown-toggle {
  color: #fff;
  background-color: #141213;
  border-color: #141213;
}

.btn-outline-darker:not(:disabled):not(.disabled):active:focus,
.btn-outline-darker:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-darker.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(20, 18, 19, 0.5);
}

.btn-outline-dark-gray {
  color: #5a5858;
  border-color: #5a5858;
}

.btn-outline-dark-gray:hover {
  color: #fff;
  background-color: #5a5858;
  border-color: #5a5858;
}

.btn-outline-dark-gray:focus,
.btn-outline-dark-gray.focus {
  box-shadow: 0 0 0 0.2rem rgba(90, 88, 88, 0.5);
}

.btn-outline-dark-gray.disabled,
.btn-outline-dark-gray:disabled {
  color: #5a5858;
  background-color: transparent;
}

.btn-outline-dark-gray:not(:disabled):not(.disabled):active,
.btn-outline-dark-gray:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark-gray.dropdown-toggle {
  color: #fff;
  background-color: #5a5858;
  border-color: #5a5858;
}

.btn-outline-dark-gray:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(90, 88, 88, 0.5);
}

.btn-outline-gray {
  color: #888384;
  border-color: #888384;
}

.btn-outline-gray:hover {
  color: #fff;
  background-color: #888384;
  border-color: #888384;
}

.btn-outline-gray:focus,
.btn-outline-gray.focus {
  box-shadow: 0 0 0 0.2rem rgba(136, 131, 132, 0.5);
}

.btn-outline-gray.disabled,
.btn-outline-gray:disabled {
  color: #888384;
  background-color: transparent;
}

.btn-outline-gray:not(:disabled):not(.disabled):active,
.btn-outline-gray:not(:disabled):not(.disabled).active,
.show > .btn-outline-gray.dropdown-toggle {
  color: #fff;
  background-color: #888384;
  border-color: #888384;
}

.btn-outline-gray:not(:disabled):not(.disabled):active:focus,
.btn-outline-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(136, 131, 132, 0.5);
}

.btn-outline-light-gray {
  color: #a49a9d;
  border-color: #a49a9d;
}

.btn-outline-light-gray:hover {
  color: #212529;
  background-color: #a49a9d;
  border-color: #a49a9d;
}

.btn-outline-light-gray:focus,
.btn-outline-light-gray.focus {
  box-shadow: 0 0 0 0.2rem rgba(164, 154, 157, 0.5);
}

.btn-outline-light-gray.disabled,
.btn-outline-light-gray:disabled {
  color: #a49a9d;
  background-color: transparent;
}

.btn-outline-light-gray:not(:disabled):not(.disabled):active,
.btn-outline-light-gray:not(:disabled):not(.disabled).active,
.show > .btn-outline-light-gray.dropdown-toggle {
  color: #212529;
  background-color: #a49a9d;
  border-color: #a49a9d;
}

.btn-outline-light-gray:not(:disabled):not(.disabled):active:focus,
.btn-outline-light-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(164, 154, 157, 0.5);
}

.btn-outline-lighter {
  color: #d1ccce;
  border-color: #d1ccce;
}

.btn-outline-lighter:hover {
  color: #212529;
  background-color: #d1ccce;
  border-color: #d1ccce;
}

.btn-outline-lighter:focus,
.btn-outline-lighter.focus {
  box-shadow: 0 0 0 0.2rem rgba(209, 204, 206, 0.5);
}

.btn-outline-lighter.disabled,
.btn-outline-lighter:disabled {
  color: #d1ccce;
  background-color: transparent;
}

.btn-outline-lighter:not(:disabled):not(.disabled):active,
.btn-outline-lighter:not(:disabled):not(.disabled).active,
.show > .btn-outline-lighter.dropdown-toggle {
  color: #212529;
  background-color: #d1ccce;
  border-color: #d1ccce;
}

.btn-outline-lighter:not(:disabled):not(.disabled):active:focus,
.btn-outline-lighter:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-lighter.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(209, 204, 206, 0.5);
}

.btn-outline-white {
  color: #fff;
  border-color: #fff;
}

.btn-outline-white:hover {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}

.btn-outline-white:focus,
.btn-outline-white.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-outline-white.disabled,
.btn-outline-white:disabled {
  color: #fff;
  background-color: transparent;
}

.btn-outline-white:not(:disabled):not(.disabled):active,
.btn-outline-white:not(:disabled):not(.disabled).active,
.show > .btn-outline-white.dropdown-toggle {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}

.btn-outline-white:not(:disabled):not(.disabled):active:focus,
.btn-outline-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-outline-transparent {
  color: transparent;
  border-color: transparent;
}

.btn-outline-transparent:hover {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.btn-outline-transparent:focus,
.btn-outline-transparent.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}

.btn-outline-transparent.disabled,
.btn-outline-transparent:disabled {
  color: transparent;
  background-color: transparent;
}

.btn-outline-transparent:not(:disabled):not(.disabled):active,
.btn-outline-transparent:not(:disabled):not(.disabled).active,
.show > .btn-outline-transparent.dropdown-toggle {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.btn-outline-transparent:not(:disabled):not(.disabled):active:focus,
.btn-outline-transparent:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-transparent.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}

.btn-outline-bg-primary {
  color: #f4efeb;
  border-color: #f4efeb;
}

.btn-outline-bg-primary:hover {
  color: #212529;
  background-color: #f4efeb;
  border-color: #f4efeb;
}

.btn-outline-bg-primary:focus,
.btn-outline-bg-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(244, 239, 235, 0.5);
}

.btn-outline-bg-primary.disabled,
.btn-outline-bg-primary:disabled {
  color: #f4efeb;
  background-color: transparent;
}

.btn-outline-bg-primary:not(:disabled):not(.disabled):active,
.btn-outline-bg-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-bg-primary.dropdown-toggle {
  color: #212529;
  background-color: #f4efeb;
  border-color: #f4efeb;
}

.btn-outline-bg-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-bg-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-bg-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(244, 239, 235, 0.5);
}

.btn-outline-bg-secondary {
  color: #fff;
  border-color: #fff;
}

.btn-outline-bg-secondary:hover {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}

.btn-outline-bg-secondary:focus,
.btn-outline-bg-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-outline-bg-secondary.disabled,
.btn-outline-bg-secondary:disabled {
  color: #fff;
  background-color: transparent;
}

.btn-outline-bg-secondary:not(:disabled):not(.disabled):active,
.btn-outline-bg-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-bg-secondary.dropdown-toggle {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}

.btn-outline-bg-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-bg-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-bg-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-outline-bg-secondary-contrasting {
  color: #212529;
  border-color: #212529;
}

.btn-outline-bg-secondary-contrasting:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-outline-bg-secondary-contrasting:focus,
.btn-outline-bg-secondary-contrasting.focus {
  box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5);
}

.btn-outline-bg-secondary-contrasting.disabled,
.btn-outline-bg-secondary-contrasting:disabled {
  color: #212529;
  background-color: transparent;
}

.btn-outline-bg-secondary-contrasting:not(:disabled):not(.disabled):active,
.btn-outline-bg-secondary-contrasting:not(:disabled):not(.disabled).active,
.show > .btn-outline-bg-secondary-contrasting.dropdown-toggle {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-outline-bg-secondary-contrasting:not(:disabled):not(
    .disabled
  ):active:focus,
.btn-outline-bg-secondary-contrasting:not(:disabled):not(
    .disabled
  ).active:focus,
.show > .btn-outline-bg-secondary-contrasting.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #252324;
  text-decoration: none;
}

.btn-link:hover {
  color: #7b7677;
  text-decoration: none;
}

.btn-link:focus,
.btn-link.focus {
  text-decoration: none;
}

.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type='submit'].btn-block,
input[type='reset'].btn-block,
input[type='button'].btn-block {
  width: 100%;
}
#event-display-control-panel-root button {
  display: grid;
  justify-content: center;
  align-content: center;
  align-items: center;
  gap: 1rem;
  grid-auto-flow: column;
  padding-left: 10px;
  padding-right: 10px;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.w-0 {
  width: 0px !important;
}

.w-1 {
  width: 0.25rem !important;
}

.w-2 {
  width: 0.5rem !important;
}

.w-3 {
  width: 0.75rem !important;
}

.w-4 {
  width: 1rem !important;
}

.w-5 {
  width: 1.25rem !important;
}

.w-6 {
  width: 1.5rem !important;
}

.w-7 {
  width: 1.75rem !important;
}

.w-8 {
  width: 2rem !important;
}

.w-9 {
  width: 2.25rem !important;
}

.w-10 {
  width: 2.5rem !important;
}

.w-11 {
  width: 2.75rem !important;
}

.w-12 {
  width: 3rem !important;
}

.w-14 {
  width: 3.5rem !important;
}

.w-16 {
  width: 4rem !important;
}

.w-20 {
  width: 5rem !important;
}

.w-24 {
  width: 6rem !important;
}

.w-28 {
  width: 7rem !important;
}

.w-32 {
  width: 8rem !important;
}

.w-36 {
  width: 9rem !important;
}

.w-40 {
  width: 10rem !important;
}

.w-44 {
  width: 11rem !important;
}

.w-48 {
  width: 12rem !important;
}

.w-52 {
  width: 13rem !important;
}

.w-56 {
  width: 14rem !important;
}

.w-60 {
  width: 15rem !important;
}

.w-64 {
  width: 16rem !important;
}

.w-72 {
  width: 18rem !important;
}

.w-80 {
  width: 20rem !important;
}

.w-96 {
  width: 24rem !important;
}

.w-px {
  width: 1px !important;
}

.w-full {
  width: 100% !important;
}

.w-screen {
  width: 100vw !important;
}

.w-min {
  width: min-content !important;
}

.w-max {
  width: max-content !important;
}

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

.w-50px {
  width: 50px !important;
}

.w-24px {
  width: 24px !important;
}

.w-36px {
  width: 36px !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.h-0 {
  height: 0px !important;
}

.h-1 {
  height: 0.25rem !important;
}

.h-2 {
  height: 0.5rem !important;
}

.h-3 {
  height: 0.75rem !important;
}

.h-4 {
  height: 1rem !important;
}

.h-5 {
  height: 1.25rem !important;
}

.h-6 {
  height: 1.5rem !important;
}

.h-7 {
  height: 1.75rem !important;
}

.h-8 {
  height: 2rem !important;
}

.h-9 {
  height: 2.25rem !important;
}

.h-10 {
  height: 2.5rem !important;
}

.h-11 {
  height: 2.75rem !important;
}

.h-12 {
  height: 3rem !important;
}

.h-14 {
  height: 3.5rem !important;
}

.h-16 {
  height: 4rem !important;
}

.h-20 {
  height: 5rem !important;
}

.h-24 {
  height: 6rem !important;
}

.h-28 {
  height: 7rem !important;
}

.h-32 {
  height: 8rem !important;
}

.h-36 {
  height: 9rem !important;
}

.h-40 {
  height: 10rem !important;
}

.h-44 {
  height: 11rem !important;
}

.h-48 {
  height: 12rem !important;
}

.h-52 {
  height: 13rem !important;
}

.h-56 {
  height: 14rem !important;
}

.h-60 {
  height: 15rem !important;
}

.h-64 {
  height: 16rem !important;
}

.h-72 {
  height: 18rem !important;
}

.h-80 {
  height: 20rem !important;
}

.h-96 {
  height: 24rem !important;
}

.h-px {
  height: 1px !important;
}

.h-full {
  height: 100% !important;
}

.h-screen {
  height: 100vw !important;
}

.h-min {
  height: min-content !important;
}

.h-max {
  height: max-content !important;
}

.h-fit {
  height: fit-content !important;
}

.h-50px {
  height: 50px !important;
}

.h-24px {
  height: 24px !important;
}

.h-36px {
  height: 36px !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}
.text-0 {
  font-size: 0px !important;
}

.text-1 {
  font-size: 0.25rem !important;
}

.text-2 {
  font-size: 0.5rem !important;
}

.text-3 {
  font-size: 0.75rem !important;
}

.text-4 {
  font-size: 1rem !important;
}

.text-5 {
  font-size: 1.25rem !important;
}

.text-6 {
  font-size: 1.5rem !important;
}

.text-7 {
  font-size: 1.75rem !important;
}

.text-8 {
  font-size: 2rem !important;
}

.text-9 {
  font-size: 2.25rem !important;
}

.text-10 {
  font-size: 2.5rem !important;
}

.text-11 {
  font-size: 2.75rem !important;
}

.text-12 {
  font-size: 3rem !important;
}

.text-14 {
  font-size: 3.5rem !important;
}

.text-16 {
  font-size: 4rem !important;
}

.text-20 {
  font-size: 5rem !important;
}

.text-24 {
  font-size: 6rem !important;
}

.text-28 {
  font-size: 7rem !important;
}

.text-32 {
  font-size: 8rem !important;
}

.text-36 {
  font-size: 9rem !important;
}

.text-40 {
  font-size: 10rem !important;
}

.text-44 {
  font-size: 11rem !important;
}

.text-48 {
  font-size: 12rem !important;
}

.text-52 {
  font-size: 13rem !important;
}

.text-56 {
  font-size: 14rem !important;
}

.text-60 {
  font-size: 15rem !important;
}

.text-64 {
  font-size: 16rem !important;
}

.text-72 {
  font-size: 18rem !important;
}

.text-80 {
  font-size: 20rem !important;
}

.text-96 {
  font-size: 24rem !important;
}

.text-px {
  font-size: 1px !important;
}

.text-full {
  font-size: 100% !important;
}

.text-screen {
  font-size: 100vw !important;
}

.text-min {
  font-size: min-content !important;
}

.text-max {
  font-size: max-content !important;
}

.text-fit {
  font-size: fit-content !important;
}

.text-auto {
  font-size: auto !important;
}

.text-50px {
  font-size: 50px !important;
}

.text-24px {
  font-size: 24px !important;
}

.text-36px {
  font-size: 36px !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.svg-stroke-0 {
  stroke-width: 0px;
}

.svg-stroke-1 {
  stroke-width: 1px;
}

.svg-stroke-2 {
  stroke-width: 2px;
}

.svg-stroke-3 {
  stroke-width: 3px;
}

.svg-stroke-4 {
  stroke-width: 4px;
}

.svg-stroke-gold {
  stroke: #d9c698;
}

.svg-stroke-primary {
  stroke: #8d0c33;
}

.svg-stroke-secondary {
  stroke: #6b9eb6;
}

.svg-stroke-accent {
  stroke: #8d0c33;
}

.svg-stroke-success {
  stroke: #168e6e;
}

.svg-stroke-info {
  stroke: #204fd0;
}

.svg-stroke-warning {
  stroke: #ffc107;
}

.svg-stroke-danger {
  stroke: #d0204f;
}

.svg-stroke-black {
  stroke: #0b0104;
}

.svg-stroke-darker {
  stroke: #141213;
}

.svg-stroke-dark {
  stroke: #252324;
}

.svg-stroke-dark-gray {
  stroke: #5a5858;
}

.svg-stroke-gray {
  stroke: #888384;
}

.svg-stroke-light-gray {
  stroke: #a49a9d;
}

.svg-stroke-light {
  stroke: #bab3b5;
}

.svg-stroke-lighter {
  stroke: #d1ccce;
}

.svg-stroke-white {
  stroke: #fff;
}

.svg-stroke-transparent {
  stroke: transparent;
}

.svg-stroke-bg-primary {
  stroke: #f4efeb;
}

.svg-stroke-bg-secondary {
  stroke: #fff;
}

.svg-stroke-bg-secondary-contrasting {
  stroke: #212529;
}

.svg-fill-gold {
  fill: #d9c698;
}

.svg-fill-primary {
  fill: #8d0c33;
}

.svg-fill-secondary {
  fill: #6b9eb6;
}

.svg-fill-accent {
  fill: #8d0c33;
}

.svg-fill-success {
  fill: #168e6e;
}

.svg-fill-info {
  fill: #204fd0;
}

.svg-fill-warning {
  fill: #ffc107;
}

.svg-fill-danger {
  fill: #d0204f;
}

.svg-fill-black {
  fill: #0b0104;
}

.svg-fill-darker {
  fill: #141213;
}

.svg-fill-dark {
  fill: #252324;
}

.svg-fill-dark-gray {
  fill: #5a5858;
}

.svg-fill-gray {
  fill: #888384;
}

.svg-fill-light-gray {
  fill: #a49a9d;
}

.svg-fill-light {
  fill: #bab3b5;
}

.svg-fill-lighter {
  fill: #d1ccce;
}

.svg-fill-white {
  fill: #fff;
}

.svg-fill-transparent {
  fill: transparent;
}

.svg-fill-bg-primary {
  fill: #f4efeb;
}

.svg-fill-bg-secondary {
  fill: #fff;
}

.svg-fill-bg-secondary-contrasting {
  fill: #212529;
}

.svg-size-small {
  width: 16px;
  height: 16px;
  flex: 16px 0 0;
}

.svg-size-medium {
  width: 24px;
  height: 24px;
}

.svg-size-big {
  width: 32px;
  height: 32px;
}

.svg-size-large {
  width: 48px;
  height: 48px;
}

@media (min-width: 576px) {
  .svg-size-sm-small {
    width: 16px;
    height: 16px;
  }

  .svg-size-sm-medium {
    width: 24px;
    height: 24px;
  }

  .svg-size-sm-big {
    width: 32px;
    height: 32px;
  }

  .svg-size-sm-large {
    width: 48px;
    height: 48px;
  }
}

@media (min-width: 768px) {
  .svg-size-md-small {
    width: 16px;
    height: 16px;
  }

  .svg-size-md-medium {
    width: 24px;
    height: 24px;
  }

  .svg-size-md-big {
    width: 32px;
    height: 32px;
  }

  .svg-size-md-large {
    width: 48px;
    height: 48px;
  }
}

@media (min-width: 992px) {
  .svg-size-lg-small {
    width: 16px;
    height: 16px;
  }

  .svg-size-lg-medium {
    width: 24px;
    height: 24px;
  }

  .svg-size-lg-big {
    width: 32px;
    height: 32px;
  }

  .svg-size-lg-large {
    width: 48px;
    height: 48px;
  }
}

@media (min-width: 1200px) {
  .svg-size-xl-small {
    width: 16px;
    height: 16px;
  }

  .svg-size-xl-medium {
    width: 24px;
    height: 24px;
  }

  .svg-size-xl-big {
    width: 32px;
    height: 32px;
  }

  .svg-size-xl-large {
    width: 48px;
    height: 48px;
  }
}

#navegador_dias {
  font-family: 'Montserrat';
  font-weight: 300;
}

#navegador_dias .navigator_dias_desktop_wrapper {
  border-bottom: solid 1px #888384;
  margin-bottom: 10px;
  text-align: center;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.day-selector {
  width: 100%;
  display: block;
  color: #5a5858;
  background-color: transparent;
  border: solid 1px transparent;
  font-size: 21px;
  padding: 5px 0;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  --color: #000;
}

.day-selector.active {
  /*border: solid 1px var(--color);*/
  /*color: var(--color);*/
  background: var(--color);
  color: #fff;
}

.day-month {
  font-size: 12px;
  padding-top: 16px;
}

.day-selector:hover,
.day-selector.active:hover {
  border: solid 1px var(--color);
  background-color: var(--color);
  color: #fff;
}

@media (max-width: 1200px) {
  .day-selector {
    font-size: 18px;
  }
}

.entity-header {
  display: grid;
  gap: 1rem;
}

.entity-header-areas-w-foto {
  grid-template-areas: 'title title title title logo logo' 'info info info info logo logo' 'info info info info null null' 'utils utils utils utils utils utils';
}

.entity-header-areas-no-foto {
  grid-template-areas: 'title title title title title title' 'info info info info info info' 'utils utils utils utils utils utils';
}

.grid-logo {
  grid-area: logo;
  transform: scale(0.8);
  transform-origin: 0 0;
}

.grid-title {
  grid-area: title;
}

.grid-info {
  grid-area: info;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.grid-utils {
  grid-area: utils;
  gap: 8px;
}

@media (min-width: 576px) {
  .entity-header-areas-w-foto {
    grid-template-areas: 'logo title title title title title utils' 'logo info info info info info utils';
    grid-template-columns: repeat(auto-fill, 180px);
  }

  .entity-header-areas-no-foto {
    grid-template-areas: 'title title title title title utils' 'info info info info info utils' 'info info info info info utils';
  }
}

.BMap_stdMpCtrl {
  inset: 12% auto auto 10px !important;
}

.stick-month-nav {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  left: 1rem;
  top: 1rem;
  position: absolute;
  display: grid;
}

.monthly-event-list {
  border-radius: 10px;
  position: absolute;
  inset: 1rem 1rem 1rem 66.66666667%;
  background: #00000040;
  z-index: 11;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.hide {
    display: none;
}

@media screen and (min-width: 761px) {
    .hide-gt-760 {
        display: none;
    }
}

@media screen and (max-width: 760px) {
    .monthly-event-list {
        inset: 4rem 1rem 1rem;
    }
    
    .hide-lt-760 {
        display: none;
    }
}

.btn-event, .btn-event-close {
    top: 1rem;
    right: 1rem;
}

.monthly-event-list > .sticky-head {
  display: flex;
  background-color: #000;
  -webkit-user-select: none;
  user-select: none;
}

.monthly-event-list > .sticky-head > .cell {
  flex: 1;
  text-align: center;
  color: #ffffffcc;
  padding: 1rem 0;
  cursor: pointer;
}

.monthly-event-list > .sticky-head > .cell.active {
  color: #fff;
}

.monthly-event-list > .sticky-head > .cell::before {
  content: '';
  display: block;
  font-size: 10px;
  height: 2.5em;
}

.monthly-event-list > .sticky-head > .cell.active::before {
  content: '\25cf';
  font-variant: all-small-caps;
}

.monthly-event-list > div:nth-child(2) {
  flex: 1 0 auto;
  height: 100%;
}

.monthly-event-list ul {
  padding-right: 4%;
  width: 104%;
  height: 100%;
  overflow-y: auto;
}

.monthly-event-list li {
  line-height: 3;
  background: #ebebeb;
}

.monthly-event-list li.even {
  background: #fff;
}

.ribbon-wrapper a {
  text-decoration: none;
}

.ribbon-wrapper {
  position: relative;
  padding: 0;
  border: 1px solid;
  box-sizing: border-box;
  background-color: #000;
  border-radius: 0.5rem;
  overflow: hidden;
}

.ribbon-wrapper > .ribbon-viewport {
  /* Make this scrollable when needed */
  overflow-x: auto;
  /* We don't want vertical scrolling */
  overflow-y: hidden;
  /* For WebKit implementations, provide inertia scrolling */
  -webkit-overflow-scrolling: touch;
  /* We don't want internal inline elements to wrap */
  white-space: nowrap;
  /* If JS present, let's hide the default scrollbar */
  /* positioning context for advancers */
  position: relative;
  /* Make an auto-hiding scroller for the 3 people using a IE */
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /* Remove the default scrollbar for WebKit implementations */
}
.ribbon-wrapper > .ribbon-viewport::-webkit-scrollbar {
  display: none;
}
.ribbon-wrapper > .ribbon-viewport > .ribbon {
  float: left;
  transition: transform 0.2s ease-in-out;
  position: relative;
  padding: 0.5rem 0;
}
.ribbon-wrapper > .ribbon-viewport > .ribbon.no-transition {
  -webkit-transition: none;
  transition: none;
}
.ribbon-wrapper > .ribbon-viewport > .ribbon ul {
  position: relative;
  z-index: 1;
}
.ribbon-wrapper > .ribbon-viewport > .ribbon ul > li {
  margin: 0;
  width: 7rem;
  overflow-x: hidden;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.ribbon-wrapper.school > .ribbon-viewport > .ribbon ul > li {
    width: 10rem;
}

.ribbon-wrapper > .ribbon-viewport > .ribbon ul > li:first-child,
.ribbon-wrapper > .ribbon-viewport > .ribbon ul > li.active,
.ribbon-wrapper > .ribbon-viewport > .ribbon ul > li.active + li {
  border-left: 0;
}

.ribbon-wrapper > .ribbon-viewport > .ribbon ul > li > a {
  color: rgba(255, 255, 255, 0.7);
  display: block;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
.ribbon-wrapper > .ribbon-viewport > .ribbon ul > li.active > a {
  color: var(--bs-dark);
}

.ribbon-wrapper > .ribbon-viewport > .ribbon .ribbon-element-indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 7rem;
  background-color: #fff;
  transform-origin: 0 0;
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.ribbon-wrapper > button.advancer {
  /* Reset the button */
  appearance: none;
  background: rgba(0, 0, 0, 0.75);
  width: 2rem;
  text-align: center;
  z-index: 2;
  padding: 0;
  border: 0;
  /* Now style it as needed */
  position: absolute;
  top: 0;
  bottom: 0;
  /* Set the buttons invisible by default */
  opacity: 0;
  transition: opacity 0.3s;
}
.ribbon-wrapper > button.advancer:focus {
  outline: 0;
}
.ribbon-wrapper > button.advancer:hover {
  cursor: pointer;
  opacity: 1;
}
.ribbon-wrapper > button.advancer.left {
  left: 0;
  /* top-left | top-right | bottom-right | bottom-left */
  border-radius: 0.5rem 0 0 0.5rem;
}
.ribbon-wrapper > button.advancer.right {
  right: 0;
  /* top-left | top-right | bottom-right | bottom-left */
  border-radius: 0 0.5rem 0.5rem 0;
}

[data-overflowing='both'] ~ .advancer.left,
[data-overflowing='left'] ~ .advancer.left {
  opacity: 0.7;
}

header nav a {
  color: #fff;
}
header,
footer {
  background-color: #000 !important;
}

.bg-index {
    background-size: 90% 90% !important;
    height: 100vh;
}

@media screen and (min-width: 768px) {
    .bg-index {
        background-size: 80% 80% !important;
    }
}

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

.pagination {
    --bs-pagination-color: #000;
    --bs-pagination-active-bg: #000;
    --bs-pagination-active-border-color: #000;
}

.detalle img {
    max-width: 100%;
}
.monthscroll {
    inset: 1rem auto auto 1rem;
    width: 64%;
}

@media screen and (max-width: 760px) {
    .monthscroll {
        width: 74%;
    }
}

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