/** @format */

   /* fonts */
   /* Graphik */
   @font-face {
    font-family: 'Graphik';
    src: url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/Graphik-Regular.eot');
    src: url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/Graphik-Regular.woff2') format('woff2'),
    url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/Graphik-Regular.woff') format('woff'),
    url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/Graphik-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
   }
   @font-face {
    font-family: 'Graphik';
    src: url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/Graphik-RegularItalic.eot');
    src: url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/Graphik-RegularItalic.woff2') format('woff2'),
    url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/Graphik-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
   }
   @font-face {
    font-family: 'Graphik';
    src: url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/Graphik-Medium.eot');
    src: url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/Graphik-Medium.woff2') format('woff2'),
    url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/Graphik-Medium.woff') format('woff'),
    url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/Graphik-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
   }
   @font-face {
    font-family: 'Graphik';
    src: url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/Graphik-MediumItalic.eot');
    src: url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/Graphik-MediumItalic.woff2') format('woff2'),
    url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/Graphik-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
   }

    /* Times Ten LT Std */
   @font-face {
    font-family: 'Times Ten LT Std';
    src: url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/TimesTenLTStd.eot');
    src: url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/TimesTenLTStd.woff2') format('woff2'),
    url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/TimesTenLTStd.woff') format('woff'),
    url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/TimesTenLTStd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
   }
   @font-face {
    font-family: 'Times Ten LT Std';
    src: url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/TimesTenLTStd-Italic.eot');
    src: url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/TimesTenLTStd-Italic.woff2') format('woff2'),
    url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/TimesTenLTStd-Italic.woff') format('woff'),
    url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/TimesTenLTStd-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
   }
   @font-face {
    font-family: 'Times Ten LT Std';
    src: url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/TimesTenLTStd-Bold.eot');
    src: url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/TimesTenLTStd-Bold.woff2') format('woff2'),
    url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/TimesTenLTStd-Bold.woff') format('woff'),
    url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/TimesTenLTStd-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
   }
   @font-face {
    font-family: 'Times Ten LT Std';
    src: url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/TimesTenLTStd-BoldItalic.eot');
    src: url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/TimesTenLTStd-BoldItalic.woff2') format('woff2'),
    url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/TimesTenLTStd-BoldItalic.woff') format('woff'),
    url('https://it.maxandco.com/docroot/maxandco4/2023.1201.1321-141/dist/fonts/TimesTenLTStd-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
   }


  body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.3;
    color: #000;
    font-weight: 400;
    font-family: Graphik, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    overflow-x: clip;
    -webkit-font-smoothing: subpixel-antialiased;
  }

  p.copy{
    font-size: 16px;
  }

  .container {
    max-width: 780px;
  }

  .booking {
      background-image: url(https://image.mail.maxandco.com/lib/fe8913727c66007b7d/m/1/7de226c4-8f0e-4d5f-8d07-76f1fed389fe.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      display: flex;
      flex-direction: column;
      align-items: center;
      min-height: calc(100vh - 74px);
      width: 100%;
  }

  .logo {
    padding: 10px 0;
    text-align: center;
  }

  .booking-form {
    padding: 20px 20px;
  }

  .footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background-color: #ffffff;
    color: #000000;
    margin-top: auto;
  }

  .footer p {
    font-size:14px;
    margin:0;
    line-height: 1.8;
  }

  .title {
    font-family: 'timesTenLStd', Times;
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    line-height: 130%;
    margin: 0;
  }

  .subtitle {
    font-size: 26px;
    color: #000;
    font-family: 'timesTenLStd', Times;
    font-weight: 400;
    text-transform: uppercase;
  }

  .subtitle_privacy {
    font-size: 20px;
    color: #000;
    font-family: 'timesTenLStd', Times;
    font-weight: 400;
    text-transform: uppercase;
  }

  .lang-switch {
    display: flex;
    border: 1px solid #000000;
  }

  .lang {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    padding: 6px 10px;
    cursor: pointer;
    transition: all 300ms ease-out;
  }

  .lang.active {
    background-color: #000000;
    color: #ffffff;
  }

  .col {
    margin-bottom: 20px;
  }

  .padding-0 {
    padding: 0;
  }

  .mt-20 {
    margin-top: 20px;
  }

  label {
    font-size: 10px;
    font-weight: 400;
  }

  select {
    width: 100%;
  }

  input[type="text"],
  input[type="date"],
  select {
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #000000;
    background: transparent;
    border-radius: unset !important;
    height: 30px !important;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    color: #000000;
  }

  select:focus-visible {
    outline: 0px;
  }

  input::placeholder, .label-select {
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #000000 !important;
  }

  .form-control:focus {
    outline: 0;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #000000;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
  }

  #privacyInfoLabel {
    font-size: 1.4rem;
    padding-left: 15px;
    padding-top: 0;
  }

  .privacy {
    color: #000000;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5rem;
  }

  .privacy_link {
    color: #000000;
    text-decoration: underline;
  }

  .buttonSubmission {
    display: flex;
    padding: 6px 20px;
    white-space: normal;
    min-width: 220px;
    min-height: 50px;
    justify-content: center;
    align-items: center;
    border-radius: unset !important;
    font-family: Graphik, Helvetica, Arial, sans-serif;
    background: #FF3C14;
    border: 1px solid #FF3C14;
    color: #ffffff;
    text-transform: uppercase;
  }

  .buttonSubmission:hover,
  .buttonSubmission:focus,
  .buttonSubmission.focus,
  .buttonSubmission:active,
  .buttonSubmission.active {
    color: #ffffff;
    background-color: #f58c91;
    border-color: #f58c91;
    outline: none;
  }

  .centered {
    display: flex !important;
    justify-content: center !important;
  }

  .text-center {
    text-align: center;
  }

  .box-tky {
    min-height: calc(100vh - 164px);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .check {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .disabled {
    color: #757575;
  }

  .form-check-label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-top: 8px;
    padding-top: 0;
    cursor: pointer;
    font-size: 1.4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .form-check-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }

  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #ffffff;
    border: 1px solid #000000;
    border-radius: 50%;
  }

  .form-check-label input:checked ~ .checkmark {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FF3C14;
    border: none;
  }

  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  .form-check-label input:checked ~ .checkmark:after {
    display: block;
  }

  .form-check-label .checkmark:after {
    width: 8px;
    height: 8px;
    border-radius: 60%;
    background: #ffffff;
  }

  .form-check-label input[type=radio][disabled] ~ .checkmark,
  .form-check-label input[type=radio].disabled ~ .checkmark,
  .form-check-label fieldset[disabled] input[type=radio] ~ .checkmark {
    cursor: not-allowed;
    background: #f8f3f3;
    border: 1px solid #999999;
  }

  .form-check {
    display: inline-flex;
    align-items: center;
    gap: 0;
  }

  .form-radio {
      display: inline-flex;
      align-items: center;
      gap: 50px;
  }

  .form-select {
    /* Arrow */
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url("https://image.mail.maxandco.com/lib/fe8913727c66007b7d/m/1/14009e30-3170-4ff5-a684-df9a70b3f20b.png");
    background-repeat: no-repeat;
    background-position: right 0.7rem top 50%;
    background-size: 1.5rem auto;
  }

  input[type=radio] {
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    margin-top: 0px;
    accent-color: #FF3C14 !important;
   }

  input[type="checkbox"] {
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    line-height: 0.9;
    background: #ffffff;
  }
  input[type="checkbox"]:checked {
    background: #ff3c14;
    border: 3px solid #ff3c14 !important;
  }
  input[type="checkbox"]:before {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    outline: none;
    margin: 0px;
  }

  input[type="checkbox"]:after {
    outline: none;
  }

  input[type="checkbox"]:checked:before {
    background: url(https://image.mail.maxandco.com/lib/fe8913727c66007b7d/m/1/065741aa-efb2-4a45-a969-29b4bd704604.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: 0;
  }

  input[type="checkbox"] {
    border: 1px solid #777777 !important;
    border-radius: unset !important;
    width: 16px;
    height: 16px;

  }

  input[type="checkbox"]:focus {
    outline: none;
  }

  .ui-widget-header {
    border: 1px solid white;
    background: white;
    color: black;
    font-weight: bold;
  }

  .ui-datepicker-next {
    border: none;
    background: white
      url("https://image.mail.maxandco.com/lib/fe8913727c66007b7d/m/1/14009e30-3170-4ff5-a684-df9a70b3f20b.png")
      50% 50% no-repeat;
    transform: rotate(-90deg);
    font-weight: bold;
    color: black;
  }

  .ui-datepicker-next:hover {
    border: 1px solid lightgray;
    background: white
      url("https://image.mail.maxandco.com/lib/fe8913727c66007b7d/m/1/14009e30-3170-4ff5-a684-df9a70b3f20b.png")
      45% 45% no-repeat;
    transform: rotate(-90deg);
    font-weight: bold;
    color: black;
  }

  .ui-datepicker-prev {
    border: none;
    background: white
      url("https://image.mail.maxandco.com/lib/fe8913727c66007b7d/m/1/14009e30-3170-4ff5-a684-df9a70b3f20b.png")
      50% 50% no-repeat;
    transform: rotate(90deg);
    font-weight: bold;
    color: black;
  }

  .ui-datepicker-prev:hover {
    border: 1px solid lightgray;
    background: white
      url("https://image.mail.maxandco.com/lib/fe8913727c66007b7d/m/1/14009e30-3170-4ff5-a684-df9a70b3f20b.png")
      60% 45% no-repeat;
    transform: rotate(90deg);
    font-weight: bold;
    color: black;
  }

  .ui-icon.ui-icon-circle-triangle-e {
    display: none !important;
  }

  .ui-icon.ui-icon-circle-triangle-w {
    display: none !important;
  }

  .ui-state-default,
  .ui-widget-content .ui-state-default,
  .ui-widget-header .ui-state-default,
  .ui-button,
  html .ui-button.ui-state-disabled:hover,
  html .ui-button.ui-state-disabled:active {
    border: none;
    background-color: white;
    font-weight: 200;
    color: black;
  }

  .ui-datepicker span {
    font-family: Graphik;
    font-weight: bold;
  }

  .ui-datepicker-month {
    color: #3c3f40;
  }

  .ui-datepicker-calendar th {
    text-transform: uppercase;
    color: #757575;
  }

  .ui-state-disabled {
    color: #c6c8c8;
    font-weight: 500;
  }

  .ui-widget-content {
    background: none;
    background-color: white;
  }

  .ui-state-highlight {
    background: none;
  }

  .ui-datepicker-year {
    color: #9d9f9f;
    font-weight: normal;
  }

  .ui-state-default,
  .ui-widget-content .ui-state-default,
  .ui-widget-header .ui-state-default,
  .ui-button,
  html .ui-button.ui-state-disabled:hover,
  html .ui-button.ui-state-disabled:active {
    background: none;
    font-family: Graphik;
    font-weight: 400;
    text-align: center;
    padding: 9px;
  }

  .ui-state-default:hover,
  .ui-button:hover {
    background-color: #e4e4e4;
  }

  .ui-state-default:active,
  .ui-button:active {
    background-color: black;
    color: #e4e4e4;
  }

  .hasDatepicker {
    background: url("https://image.mail.maxandco.com/lib/fe8913727c66007b7d/m/1/2cbf985c-5073-4c9c-80bf-3dd14438a605.png") 98% 50% no-repeat !important;
    background-size: 3% !important;
  }

  .error.fail-alert {
    display: block;
    color: #b20003;
    line-height: 1;
    padding: 2px 0;
    margin-top: 5px;
    font-size: 10px;
  }

  .title_lang {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .btn-default[disabled] {
    background-color: #ff775b;
    border: 1px solid #ff775b;
  }

  .calendarIcon{
    height: 20px;
    margin-right: 10px;
  }

  .secondaryBtn{
    border-color: black;
    background-color: white;
    color: black;
  }

  .mb-90{
  margin-bottom: 90px;
  }

  .mb-50{
  margin-bottom: 50px;
  }

  .checkinHeader{
  margin-top: 30px;
  }

  .checkinTitle{
  margin-bottom: 20px;
  }

  .checkinSub{
  margin-bottom: 15px;
  }

  .form-title {
  margin-top: 20px;
  }
  .dateTime {
  margin: 20px auto 50px;
  width: 100%;
  padding: 0 50px;
  }

  .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    border: none !important;
    height: auto !important;
  }

  #boxBirthday {
    display: none;
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: display 0s, visibility 0s, height 0.5s linear, opacity 0.5s linear;
  }

  .title_lang {
    flex-direction: column-reverse;
    align-items: flex-end;
  }

  .lang-col {
    padding-right: 15px;
    padding-left: 15px;
  }

  /* CUSTOM SELECT*/
  .custom-select {
    margin-top: 0;
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 100%;
  }
  .select-button {
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0.675em 0;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #000000;
    background-color: transparent;
    cursor: pointer;
  }
  .arrow {
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(https://image.mail.maxandco.com/lib/fe8913727c66007b7d/m/1/14009e30-3170-4ff5-a684-df9a70b3f20b.png);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: contain;
    transition: transformease-in-out 0.3s;
    display: block;
    width: 16px;
    height: 16px;
  }
  .select-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #fce3df;
    border-radius: 0.25rem;
    background-color: #fbf7f6;
    list-style: none;
    padding: 10px;
    margin: 0;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    max-height: 300px;
    overflow-y: auto;
    z-index: 1;
  }
  .select-dropdown::-webkit-scrollbar {
    width: 7px;
  }
  .select-dropdown::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 25px;
  }
  .select-dropdown::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 25px;
  }
  .select-dropdown li {
    padding: 10px;
    cursor: pointer;
  }
  .select-dropdown li .city {
    font-weight: 500;
  }
  /* Highlight the selected option */
  .select-dropdown li.selected {
    background-color: #fce3df;
    border-radius: 4px;

  }
  .select-dropdown li:hover,
  .select-dropdown li:focus {
    background-color: #fce3df;
    border-radius: 4px;
  }
  .select-dropdown.hidden {
    display: none;
  }
  .select-dropdown li.inactive {
    color: #aaaaaa;
    cursor: not-allowed;
    pointer-events: none;
  }
  .msg-soldout {
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 20px;
  }
  .checkin-box {
    height: calc(100vh - 74px);
  }
  .checkin-box .container {
      height: 100%;
  }
  .checkin-box .booking-form {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      height: 100%;
      justify-content: center;
  }
  @media only screen and (max-width: 768px) {
    .mobile-hidden {
      display: none !important;
    }
    .container {
        width: 98%;
    }
    .booking {
      background-image: url(https://image.mail.maxandco.com/lib/fe8913727c66007b7d/m/1/16b6f388-1133-46ec-a6af-d45f70cfb315.jpg);
    }
  }

  @media (min-width: 768px) {
   .booking-form {
      padding: 20px 50px;
   }
  }

  @media (min-width: 992px) {
    .title_lang {
        flex-direction: row;
        align-items: flex-start;
    }
  }