#block-search {
    background: rgba(16, 24, 32, 0.6);
    width: 100%;
    box-sizing: border-box;
    max-width: 1020px;
    margin: 0 auto;
    position: relative;
    z-index: 9;
    bottom: 220px;
  }

  #block-search-mobile {
    display: none;
    background: rgba(16, 24, 32, 0.6);
    width: 100%;
    box-sizing: border-box;
    max-width: 1020px;
    margin: 0 auto;
    position: relative;
    z-index: 9;
    bottom: auto;
    min-height:276px;
  }


  .tl-container {
    padding: 0;
  }

  #tl-booking-form,
  #tl-guest-account{
    margin:  60px auto 100px;
    max-width: 1330px;
  }

  .tl-title {
    margin: 30px auto 0;
  }

  .menu.active {
    /*z-index: 9920;*/
  }

  .header {
    z-index: 9925;
  }

  @media screen and (max-width: 1350px) {
      #tl-booking-form,
      #tl-guest-account {
        margin:  40px 10px 60px;
      }
  }

  @media screen and (max-width: 1024px) {
      #block-search {
        bottom: -103px;
      }
  }

  @media screen and (max-width: 867px) {
      #block-search {
        min-height: 156px;
        bottom: -37px;
      }
  }

  @media screen and (max-width: 480px) {
      #block-search {
        min-height: 276px;
        bottom: 0px;
      }
  }

  /* @media screen and (max-width: 405px) {
      #block-search {
        min-height: 276px;
        bottom: 0px;
        position: absolute;
      }
  } */


  /* @media screen and (max-width: 867px) {
      #block-search {
        display: none;
      }
      #block-search-mobile {
        display: block;
      }

  } */


  #block-search-inner {
    background: rgba(16, 24, 32, 1);
    width: 100%;
    box-sizing: border-box;
    max-width: 1330px;
    margin: -50px auto 50px auto;
    /* position: relative !important; */
    padding:25px 50px;
  }
  @media screen and (max-width: 1024px) {
    #block-search-inner {
      margin: 0 auto;
      padding:0;
    }
  }
  @media screen and (max-width: 405px) {
    #block-search-inner {
      /* min-height:276px; */
    }
  }


  .tl-lk__button {
      display: flex;
      justify-content: center;
      margin-bottom: 20px;
  }
  .tl-lk__link {
      position: relative;
      background: #101820;
      padding: 16px 24px;
      font-family: 'Roboto', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 21px;
      color: #FFFFFF;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      border: 1px solid #101820;

  }

  .tl-lk__link:hover {
      background: #FFFFFF;
      color: #101820;
      border: 1px solid #101820;

  }



  .tl-submit-button {
      box-sizing: border-box;
      font-family: "Roboto",Arial,sans-serif;
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      text-transform: uppercase;
      justify-content: center;
      align-items: center;
      color: #000;
      height: 44px;
      background-color: #84dade;
      padding: 0 12px;
      cursor: pointer;
      display: none;
  }

  .tl-submit-button:hover {
      opacity: 0.8;
  }



  @media (max-width: 497px) {
      .tl-submit-button {
          display: flex;
      }

      .tl-container-mobile {
          overflow: hidden;
          max-height: 420px;
          transition: max-height 0.8s cubic-bezier(0.8, 0, 0.8, 0);
      }

      .expansion-hide {
          max-height: 0;
          transition: max-height 0.8s cubic-bezier(0.8, 0.8, 0, 0.8);
      }

  }