@import '/template/css/animate.css' screen;
@import '/template/css/flexboxgrid.css' screen;
@import '/template/css/owl.carousel.css' screen;
@import '/template/css/swiper.min.css' screen;
@import '/template/css/owl.theme.default.css' screen;
@import '/template/css/jquery-ui-1.10.4.custom.min.css' screen;
@import '/template/css/magnific-popup.css' screen;
@import '/template/css/aos.css' screen;
/* @import '../../../temp/zl_core.css' screen; */
@import '/template/zh/css/zh_v12.css' screen;


:root {
    --d: #080f2f;
    --l: #fffefc;
    --m: #dedede;
  }
  
  #frontendeditor {
      position: fixed;
      bottom: 0;
      left: 0;
      height: 40px;
      width: 65px;
      background: transparent;
      display: block;
      z-index: 99999999999999;
      opacity: 0;
  }
  
  #frontendeditor:hover {
    opacity: 1
  }
  
  .switch {
      position: absolute;
      display: inline-block;
      width: 60px;
      height: 34px;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
  }
  
  #frontendeditor input[type="checkbox"] {
      position: absolute;
      z-index: -1;
      opacity: 0;
  }
  
  #frontendeditor .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
  }
  
  #frontendeditor .slider.round {
      border-radius: 34px;
  }
  
  #frontendeditor .slider:before {
      position: absolute;
      content: "";
      height: 26px;
      width: 26px;
      left: 4px;
      bottom: 4px;
      background-color: #ffffff;
      -webkit-transition: .4s;
      transition: .4s;
  }
  
  #frontendeditor .slider.round:before {
      border-radius: 50%;
  }
  
  #frontendeditor input:checked + .slider {
      background-color: #75c11d;
  }
  
  #frontendeditor input:checked + .slider:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px);
  }
  
  #modal-buttons {
      position: fixed;
      bottom: 0;
      right: 10px;
      text-align: center;
      display: none;
  }
  
  #modal-close, #modal-save {
      display: inline-block;
      background: #ff0045;
      color: white ;
      cursor: pointer;
      padding: 5px 20px;
      margin: 20px 15px;
      border-radius: 3px;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 10px;
      border-radius: 30px;
      transition: 400ms;
      outline: none;
  }
  
  #modal-save {
      background: #76c11e;
      margin-left: 0;
      margin-right: 10px;
  }
  
  #calendar-block, #gotobook {
     position: relative !important;
     top: unset !important;
     left: unset !important;
     box-shadow: none  !important;
     transform: none  !important;
     display: flex;
     margin: 20px auto;
     padding: 20px 10px 10px;
     -ms-flex-pack: center;
     -webkit-box-pack: start;
     justify-content: start;
     text-align: left;
     background: transparent;
     width: 1170px;
     max-width: 100%;
     z-index: 9;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border: none !important
  }
  
  #gotobook  {
      position: sticky !important;
      bottom: 0;
      background: var(--l);
      margin: 0 auto 40px;
      text-align: center;
      -ms-flex-pack: center;
      -webkit-box-pack: center;
      justify-content: center;
      width: 1000px;
      padding: 0;
      -ms-flex-align: center;
      -webkit-box-align: center;
      align-items: center;
  }
  
  .checkin, .checkout, .search, .cancel {
   margin: 5px 5px;
   text-align: left;
  }
  
  #gotobook .checkin, #gotobook .checkout {
      padding: 0px 18px;
      padding-right: 26px;
      background: transparent;
      color: var(--d);
      border-radius: 3px;
      min-width: 110px;
      font-family: 'garamond-premier-pro', serif;
      font-size: 30px;
  }
  
  .checkin .date, .checkout .date {
    display: block;
    padding: 7px 0;
  }
  
  #gotobook .checkin p, #gotobook .checkout p {
    color: var(--d);
    margin: 0 0 5px 0;
    font-size: 10px;
    line-height: 14px;
    opacity: .4;
    text-transform: none;
    letter-spacing: 0;
    font-family: 'Montserrat';
}
  
  #gotobook .search {
      background: var(--d);
      color: #fffefc;
      font-size: 14px;
      font-weight: 600;
      height: 55px;
      line-height: 55px;
      padding: 0 30px;
      border-radius: 0;
      cursor: pointer;
      position: relative;
      text-transform: uppercase;
      padding-right: 45px;
  }
  
  #gotobook .search::before {
      content: '';
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      background-color: white;
      width: 30px;
      height: 30px;
      -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDYxMi4wMiA2MTIuMDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGcgaWQ9Il94MzVfXzExXyI+CgkJPGc+CgkJCTxwYXRoIGQ9Ik01OTYuOTYsMjY5LjY3NEwzNDIuMzgxLDE1LjA5NGMtMjAuMDc5LTIwLjA3OS01Mi42NDQtMjAuMDc5LTcyLjcyMywwYy0yMC4wNzksMjAuMDc5LTIwLjA3OSw1Mi42NDQsMCw3Mi43MjMgICAgIEw0ODcuODUyLDMwNi4wMUwyNjkuNjU4LDUyNC4yMDJjLTIwLjA3OSwyMC4wNzktMjAuMDc5LDUyLjY0NCwwLDcyLjcyM3M1Mi42NDQsMjAuMDc5LDcyLjcyMywwTDU5Ni45NiwzNDIuMzQ2ICAgICBDNjE3LjAzOSwzMjIuMzE3LDYxNy4wMzksMjg5Ljc1Myw1OTYuOTYsMjY5LjY3NHogTTI5MC44NTgsMjU0LjI1OEw4OC43NDQsNDEuMjM4Yy0yMC4zMDktMjEuMzc4LTUzLjIwNC0yMS4zNzgtNzMuNTEzLDAgICAgIHMtMjAuMzA5LDU2LjA1OCwwLDc3LjQ2MmwxNjUuMzcxLDE3NC4yODlMMTUuMjMxLDQ2Ny4yNzhjLTIwLjMwOSwyMS4zNzktMjAuMzA5LDU2LjA4MywwLDc3LjQ2MnM1My4yMDQsMjEuMzc5LDczLjUxMywwICAgICBMMjkwLjg1OCwzMzEuNzJDMzExLjE2NywzMTAuMzQyLDMxMS4xNjcsMjc1LjY2MiwyOTAuODU4LDI1NC4yNTh6IiBmaWxsPSIjMDAwMDAwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+CgkJPC9nPgoJPC9nPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjwvZz48L3N2Zz4=) 50% 50% no-repeat;
      clip-path: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDYxMi4wMiA2MTIuMDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGcgaWQ9Il94MzVfXzExXyI+CgkJPGc+CgkJCTxwYXRoIGQ9Ik01OTYuOTYsMjY5LjY3NEwzNDIuMzgxLDE1LjA5NGMtMjAuMDc5LTIwLjA3OS01Mi42NDQtMjAuMDc5LTcyLjcyMywwYy0yMC4wNzksMjAuMDc5LTIwLjA3OSw1Mi42NDQsMCw3Mi43MjMgICAgIEw0ODcuODUyLDMwNi4wMUwyNjkuNjU4LDUyNC4yMDJjLTIwLjA3OSwyMC4wNzktMjAuMDc5LDUyLjY0NCwwLDcyLjcyM3M1Mi42NDQsMjAuMDc5LDcyLjcyMywwTDU5Ni45NiwzNDIuMzQ2ICAgICBDNjE3LjAzOSwzMjIuMzE3LDYxNy4wMzksMjg5Ljc1Myw1OTYuOTYsMjY5LjY3NHogTTI5MC44NTgsMjU0LjI1OEw4OC43NDQsNDEuMjM4Yy0yMC4zMDktMjEuMzc4LTUzLjIwNC0yMS4zNzgtNzMuNTEzLDAgICAgIHMtMjAuMzA5LDU2LjA1OCwwLDc3LjQ2MmwxNjUuMzcxLDE3NC4yODlMMTUuMjMxLDQ2Ny4yNzhjLTIwLjMwOSwyMS4zNzktMjAuMzA5LDU2LjA4MywwLDc3LjQ2MnM1My4yMDQsMjEuMzc5LDczLjUxMywwICAgICBMMjkwLjg1OCwzMzEuNzJDMzExLjE2NywzMTAuMzQyLDMxMS4xNjcsMjc1LjY2MiwyOTAuODU4LDI1NC4yNTh6IiBmaWxsPSIjMDAwMDAwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+CgkJPC9nPgoJPC9nPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjwvZz48L3N2Zz4=) 50% 50% no-repeat;
      opacity: 1;
      -webkit-mask-size: 12px;
      mask-size: 12px;
      transition: 400ms
  }
  
  #gotobook .search:hover::before {
      right: 9px;
  }
  
  #gotobook .cancel {
      background: transparent;
      color: var(--d);
      padding: 0 20px;
      height: 45px;
      line-height: 45px;
      border-radius: 3px;
      font-size: 13px;
      font-weight: 500;
      text-transform: none;
      opacity: .5;
      transition: 600ms;
      text-decoration: underline;
      cursor: pointer;
  }
  #gotobook .cancel:hover {
      opacity: 1
  }
  
   #js-calendar {
     position: relative;
     width: 100%;
     max-width: 1000px;
     height: 430px;
     overflow: hidden;
     margin-bottom: 10px;
     margin-left: auto;
     margin-right: auto;
     border-bottom: none !important
  }
  
   #calendar-wrapper {
     width: calc(500px * 6);
     position: absolute;
     display: flex;
     left: 0;
     top: 0;
  }
  .month-block {
     float: left;
     margin: 10px;
   }
   .mb-title {
     font-weight: bold;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-size: 18px;
     margin-bottom: 10px;
     margin-top: -5px;
     text-align: center;
   }
   .mb-day, .mb-empty, .caldayname {
       width: calc((100% / 7) - 2px);
       display: inline-block;
       text-align: center;
       float: left;
       line-height: 32px;
       height: 52px;
       margin-top: 0;
       margin-bottom: 0;
       margin: 1px;
       position: relative;
       font-weight: 600;
   }
   .mb-day.selectable:hover {
       background: var(--d) !important;
       color: var(--l) !important;
       opacity: 1;
       cursor: pointer;
   }
   #js-calendar .mb-content {
       width: 480px;
       max-width: 100%;
       float: left;
   }
     .mb-day, .mb-empty, .caldayname {
       width: calc((100% / 7) - 2px);
       display: inline-block;
       text-align: center;
       float: left;
       line-height: 32px;
       height: 52px;
       margin-top: 0;
       margin-bottom: 0;
       margin: 1px;
   }
  
   .selectable {
       opacity: 1 !important;
       text-decoration: none !important;
   }
  
  
   .selectable.frsp::after {
           content: '';
           display: block;
           width: 100%;
           height: 100%;
           background: rgba(254,211,222,0);
           background: -moz-linear-gradient(left,rgba(254,211,222,0) 0,rgba(254,211,222,1) 100%);
           background: -webkit-linear-gradient(left,rgba(254,211,222,0) 0,rgba(254,211,222,1) 100%);
           background: linear-gradient(to right,rgba(254,211,222,0) 0,rgba(254,211,222,1) 100%);
           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fed3de',endColorstr='#fed3de',GradientType=1 );
           z-index: -1;
           position: absolute;
           top: 0;
           left: 0;
       }
   .mb-day::before {
       content: '';
       position: absolute;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
       background: #c7c7c7;
       z-index: -1;
       opacity: .3;
   }
   .mb-day:not(.selectable), #js-calendar .mb-day.unavailable.unvst:not(.selectable) {
       line-height: 52px !important;
       height: 52px !important;
       position: relative;
       cursor: pointer;
       opacity: .3 !important;
       font-size: 14px !important;
       color: var(--d) !important;
       background: transparent !important;
       font-weight: 500;
       text-align: center;
       text-decoration: line-through !important;
       font-weight: 500;
       text-align: center;
       text-decoration: line-through !important;
       color: #f26d7d !important;
       opacity: 1 !important;
       cursor: not-allowed;
       background: rgb(254 211 222) !important;
   }
   .mb-day.selectable span, .mb-day.unavailable.enddate span {
         position: absolute;
         width: 100%;
         text-align: center;
         font-size: 10px;
         display: block;
         bottom: -1px;
         font-weight: 600;
         opacity: 0.7;
     }
  
     .mb-day:not(.selectable) span {
         display: none
     }
  
     .startdate {
       background: var(--d);
       color: var(--l);
       opacity: 1;
       text-decoration: none;
       border-top-left-radius: 15px;
       border-bottom-left-radius: 0;
   }
  
   .selecteddays {
       background: var(--d);
       color: var(--l);
       text-decoration: none !important;
   }
   .enddate {
       background: var(--d) !important;
       color: var(--l) !important;
       opacity: 1 !important;
       text-decoration: none;
       border-top-right-radius: 0 !important;
       border-bottom-right-radius: 15px !important;
   }
   .enddate span {
       opacity: 0 !important;
   }
   .next, .prev {
         background-size: 25px;
         width: 40px;
         height: 40px;
         background-position: center;
         background-repeat: no-repeat;
         cursor: pointer;
         background-color: var(--d);
         -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGc+CgkJPHBvbHlnb24gcG9pbnRzPSI3OS4wOTMsMCA0OC45MDcsMzAuMTg3IDE0Ni43MiwxMjggNDguOTA3LDIyNS44MTMgNzkuMDkzLDI1NiAyMDcuMDkzLDEyOCAgICIgZmlsbD0iIzBjMTc0MiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wb2x5Z29uPgoJPC9nPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjwvZz48L3N2Zz4=) 50% 50% no-repeat;
         clip-path: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGc+CgkJPHBvbHlnb24gcG9pbnRzPSI3OS4wOTMsMCA0OC45MDcsMzAuMTg3IDE0Ni43MiwxMjggNDguOTA3LDIyNS44MTMgNzkuMDkzLDI1NiAyMDcuMDkzLDEyOCAgICIgZmlsbD0iIzBjMTc0MiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wb2x5Z29uPgoJPC9nPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjwvZz48L3N2Zz4=);
         opacity: 1;
         -webkit-mask-size: 18px;
         mask-size: 18px;
     }
     .prev {transform: rotate(180deg);}
     .prev.disabled {opacity: 0.3;cursor: disabled !important}
  
     #js-cb-next, #js-cb-prev {
      position: absolute;
      width: 40px;
      height: 40px;
      top: 15px;
      cursor: pointer;
      z-index: 3;
      transition: 600ms;
  }
  #js-cb-prev {
      left: 10px;
  }
  #js-cb-next {
      right: 10px;
  }

  .date span {
    font-size: 24px;
    line-height: 26px;
    margin-top: 0;
}
  
     @media only screen and (max-width: 440px) {
       .mb-day:not(.selectable), #js-calendar .mb-day.unavailable.unvst:not(.selectable), .selectable.frsp {
           line-height: 42px !important;
           height: 42px !important;
           font-size: 14px !important;
       }
  
       #js-calendar .mb-content {
      width: 100vw;
      max-width: 100%;
      float: left;
  }
  .month-block {
      float: left;
    margin: 5px 10px;
    width: calc(100vw - 20px);
    transform: translateX(-10px);
  }
  #calendar-block {
      position: relative !important;
      top: unset !important;
      left: unset !important;
      box-shadow: none !important;
      transform: none !important;
      display: flex;
      margin: 20px 0px;
      padding: 20px 10px 10px;
      -ms-flex-pack: center;
      -webkit-box-pack: start;
      justify-content: start;
      text-align: left;
      background: transparent;
      width: 1170px;
      max-width: 100%;
      z-index: 9;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      border: none !important;
  }
  
  .mb-day.selectable span {
      font-size: 8px;
  }
  
  .mb-day, .mb-empty, .caldayname {
      line-height: 29px;
      height: 42px;
      font-size: 13px;
  }
  
  #gotobook .checkin, #gotobook .checkout {
      padding: 0px 2.5%;
      padding-right: 2.5%;
      background: transparent;
      color: var(--d);
      border-radius: 3px;
      min-width: 110px;
      font-family: 'garamond-premier-pro', serif;
      font-size: 19px;
      text-align: center;
      width: 45%;
      display: inline-block;
      margin: 10px 0;
  }
  
  #gotobook .cancel, #gotobook .search {
      text-align: center;
  }
  
  #gotobook {
      display: block;
      text-align: center;
      margin: 0 10px;
      width: calc(100% - 20px);
  }
  
     }
  
     @media only screen and (max-width: 440px) {
       #js-calendar {
           height: 370px;
       }
     }