@import url('https://fonts.googleapis.com/css2?family=Assistant&display=swap');



:root {

  --accessibility-wrap: #000;

  --bg-container: #fff;

  --bg: #fff;

  --bg-submit: #3d3d3d;

  --bg-shadow: 1px 6px 25px 5px rgba(0,0,0,0.3);

  --border-submit: #3d3d3d;

  --color-submit: #fff;

  --hover-submit: #3d3d3d;

  --hover: rgba(140, 139, 137, 0.85);

  --text: #3d3d3d;

  --sub-text: rgba(46, 46, 46, 0.6);

  --text-out: #3d3d3d;

  --border-color: transparent;

  --promo-hr: #fff;

  --btn-color: #aaa;

  --selected: rgb(103, 103, 103);

  --today: #fff;

  --arrows: #3d3d3d;

  --arrows-hover: transparent;

  --guest-ok: #3d3d3d;

  --promo-ok: #3d3d3d;

  --color-guest-ok: #fff;

  --color-promo-ok: #fff;

  --btn-focus-shadow: none;

  --height: 45px;

  --height-drop: 105%;

  --height-promo: 125%;

  --font: 'Assistant', sans-serif !important;

  --font-eng: 'Assistant', sans-serif !important;

}



.sb-wrap p {

  padding: 0;

  margin: 0;

}



/* Scroll Bar Style */



/* width */

.sb-wrap *::-webkit-scrollbar {

  width: 4px;

}



/* Track */

.sb-wrap *::-webkit-scrollbar-track {

  background: transparent;

}



/* Handle */

.sb-wrap *::-webkit-scrollbar-thumb {

  background: rgba(0, 0, 0, 0.1);

  border-radius: 5px;

}



/* Handle on hover */

.sb-wrap *::-webkit-scrollbar-thumb:hover {

  background: rgba(85, 85, 85, 0.9);

}



.sb-wrap *:focus {

  outline: none !important;

}



.sb-wrap *:focus-visible {

  outline: 2px solid var(--accessibility-wrap) !important;

}



/* POSITION FIXES */



.mkdf-mobile-header .mkdf-vertical-align-containers,

.mkdf-mobile-header .mkdf-vertical-align-containers .mkdf-position-right {

  position: unset;

}



.sb-wrap {

  padding: 10px 8px;

  background-color: var(--bg-container);

  z-index: 1;

}



.sb-wrap section.booking * {

  font-family: var(--font);

}



html[lang="en-US"] .sb-wrap section.booking * {

  font-family: var(--font-eng);

}



.sb-wrap section.booking {

  max-width: 1000px;

  width: 100%;

  color: var(--text);

  line-height: 16px;

  transition: all 0.3s ease-in;

  transform-origin: top;

  margin: 0 auto;

  padding: 12px 25px;

  box-shadow: var(--bg-shadow);

}



.sb-wrap .booking-flex {

  display: flex;

  flex-wrap: nowrap;

}



#sb_widget .block {

  height: var(--height);

  margin: 0 1px;

  border-right: 1px solid #000;

}



html[lang="he-IL"] #sb_widget .block {

  border-right: none;

  border-left: 1px solid #000;

}



#sb_widget .block:last-child {

  border-right: none;

}



#sb_widget .block.booking__date-from {

  z-index: 100;

}



#sb_widget .block > div:first-child.hover {

  box-shadow: var(--btn-focus-shadow);

}



#sb_widget .block > div:first-child.active {

  box-shadow: var(--btn-focus-shadow);

}



#sb_widget .block > div:first-child.inactive {

  opacity: 0.6;

}



.sb-wrap .booking-toggle {

  padding: 0 4px;

  font-size: 12px;

  letter-spacing: 0.1em;

  line-height: 2.5;

  background-color: var(--bg);

  color: var(--text);

  display: inline-block;

  font-weight: 600;

  text-transform: uppercase;

  box-sizing: border-box;

  transform: translateY(-3px);

  margin: 0 8px;

}



.sb-wrap .block {

  position: relative;

  box-sizing: border-box;

}



.sb-wrap .booking__property {

  width: 100%;

  margin-bottom: 16px;

  text-align: initial;

}



.sb-wrap .booking__date-from,

.sb-wrap .booking__date-to {

  width: 49%;

  margin-bottom: 16px;

}



.sb-wrap .booking__guests {

  width: 100%;

  margin: 0 0 16px 0;

}



.sb-wrap .booking__submit {

  width: 70%;

}



.sb-wrap .block.box {

  position: relative;

}



.sb-wrap .box-select {

  display: none;

}



.sb-wrap .box-select.active {

  display: block;

  position: absolute;

  background-color: var(--bg);

  width: 100%;

  min-width: 160px;

  padding: 12px 0;

  border: 1px solid var(--border-color);

  z-index: 1000;

  bottom: var(--height-drop);

  height: fit-content;

  max-height: 320px;

  overflow-y: auto;

  box-shadow: var(--bg-shadow);

}



.sb-wrap .sb_widget-field-icon {

  position: absolute;

  top: 40%;

  right: 11px;

}



html[lang="he-IL"] .sb-wrap .sb_widget-field-icon {

  left: 11px;

  right: unset;

}



.sb-wrap .sb_widget-icon-color {

  width: 20px;

  height: 20px;

}



@media (min-width: 500px) and (min-height: 500px) and (max-height: 800px) {

  .sb-wrap .box-select.active {

    overflow: auto;

    max-height: 450px;

  }

}



.sb-wrap .box-select p {

  padding: 10px 8px 10px 12px;

  margin: 0 14px;

  cursor: pointer;

  font-size: 12px;

  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);

  color: var(--text);

}



html[lang="he"] .sb-wrap .box-select p {

  padding: 10px 12px 10px 8px;

}



.sb-wrap .box-select p[data-booking="1"] {

  font-weight: 700;

  font-size: 16px;

  padding: 10px 6px !important;

}



.sb-wrap .box-select p.select {

  background-color: var(--hover);

}



.sb-wrap .box-select p:hover {

  background: var(--hover);

  color: var(--text);

  font-weight: 700;

}



html[lang="en-US"] .sb-wrap .name-select {

  font-size: 14px;

}



.sb-wrap .name-select {

  font-size: 16px;

  padding: 10px;

  cursor: pointer;

  border: 1px solid var(--border-color);

  background-color: var(--bg);

  white-space: nowrap;

  overflow: hidden;

  height: 100%;

  box-sizing: border-box;

  color: var(--text);

  display: flex;

  align-items: center;

}



.sb-wrap .datepicker-here {

  position: absolute;

  z-index: -1;

  visibility: hidden;

  top: 30px;

  left: 150px;

}



.sb-wrap .adults {

  border: 1px solid var(--border-color);

  background-color: var(--bg);

  padding: 0 10px;

  cursor: pointer;

  height: 100%;

}



.sb-wrap .other-people,

.sb-wrap .date-dd {

  font-size: 16px;

  font-weight: 600;

  line-height: 30px;

  text-align: center;

  color: var(--text);

}



.sb-wrap .other-people-top {

  font-size: 16px;

  text-transform: uppercase;

  color: var(--text);

}



html[lang="en-US"] .sb-wrap .other-people-top {

  font-size: 12px;

}



.sb-wrap .date-my,

.sb-wrap .other-people-top {

  font-weight: 600;

}



.sb-wrap .other-people-bottom {

  font-size: 12px;

  color: var(--sub-text);

}



.sb-wrap .show-calendar {

  height: 100%;

  box-sizing: border-box;

  border: 1px solid var(--border-color);

  background-color: var(--bg);

  cursor: pointer;

  align-items: center;

  padding: 0 10px;

  justify-content: space-between;

}



.sb-wrap .date-myd {

  max-height: 100%;

  width: auto;

}



.sb-wrap .date-my {

  text-transform: uppercase;

  font-size: 16px;

  line-height: 1;

  color: var(--text);

}



html[lang="en-US"] .sb-wrap .date-my,

html[lang="en-US"] .sb-wrap .date-d {

  font-size: 12px;

}



.sb-wrap .date-d {

  font-size: 14px;

  color: var(--sub-text);

}



.sb-wrap .d-flex {

  display: flex;

  align-items: center;

}



.sb-wrap .d-flex-start {

  display: flex;

  justify-content: flex-start;

  align-items: center;

  gap: 16px;

}



.sb-wrap .calendar-img {

  min-width: 22px;

  margin-left: auto;

}



html[lang="he-IL"] .sb-wrap .calendar-img {

  margin-right: auto;

  margin-left: 0;

}



.sb-wrap .j-space-b {

  justify-content: space-between;



  align-items: center;

}



.sb-wrap .adult-add,

.sb-wrap .adult-remove,

.sb-wrap .kids-add,

.sb-wrap .kids-remove,

.sb-wrap .add-room-img,

.sb-wrap .remove-room-img {

  width: 24px;

  fill: var(--btn-color);

  cursor: pointer;

}



.sb-wrap .adult-add:hover,

.sb-wrap .adult-remove:hover,

.sb-wrap .kids-add:hover,

.kids-remove:hover,

.sb-wrap .add-room-img:hover,

.sb-wrap .remove-room-img:hover {

  fill: var(--hover);

}



.sb-wrap .adult-add.active,

.sb-wrap .adult-remove.active,

.sb-wrap .kids-add.active,

.sb-wrap .kids-remove.active,

.sb-wrap .add-room-img.active,

.sb-wrap .remove-room-img.active {

  fill: var(--btn-color);

}



.sb-wrap .guest {

  display: none;

}



.sb-wrap .guest div {

  color: var(--text);

}



.sb-wrap .guest .single-room {

  max-height: 300px;

  overflow: auto;

}



.sb-wrap .middle_line {

  height: 1px;

  flex: 1;

  background: rgba(255, 255, 255, 0.2);

  margin: 0 10px;

}



.sb-wrap .guest.active {

  display: block;

  position: absolute;

  background-color: var(--bg);

  padding: 20px 20px 30px;

  border: 1px solid var(--border-color);

  font-size: 12px;

  z-index: 101;

  min-width: 320px;

  bottom: var(--height-drop);

  max-height: 400px;

  box-shadow: var(--bg-shadow);

}



.sb-wrap .sticky_wgt .guest.active {

  bottom: inherit;

}



.sb-wrap .guest-room:first-child .remove-room-img,

.sb-wrap .kid-years,

.sb-wrap .add-room {

  display: none;

}



.sb-wrap .kid-years.active {

  display: flex;

  margin: 6px 0 4px;

  gap: 2px;

}



.sb-wrap .kid-years.active * {

  min-width: 30px

}



.sb-wrap .kid-years.d-flex label {

  display: flex;

  flex-direction: column;

  font-size: 12px;

}



.sb-wrap .kid-years select {

  background: var(--bg);

  color: var(--text);

  border: 1px solid var(--text);

  border-radius: 5px;

  font-size: 12px;

  outline: none;

  padding: 4px;

  margin-left: 3px;

}



.sb-wrap .guest-room:last-child .add-room {

  display: flex;

  align-items: center;

  cursor: pointer;

}



.sb-wrap .block-btn-guests {

  margin-top: 10px;

  justify-content: center;

}



.sb-wrap .block-btn-guests button {

  display: inline-block;

  width: auto;

  height: 29px;

  border-radius: 8px;

  padding: 0 20px;

  margin: 0 5px -8px;

  cursor: pointer;

  outline: none;

  white-space: nowrap;

  color:#fff;

}



.sb-wrap .booking__promo {

  padding: 0 8px 0 4px;

  width: 16%;

}



.sb-wrap .booking__promo_label {

  display: flex;

  gap: 6px;

  align-items: center;

  font-size: 12px;

  font-weight: 600;

  color: var(--text);

}



.sb-wrap .booking__promo_label svg {

  width: 18px;

}



.sb-wrap input.booking__promo_input {

  padding: 0;

  border-radius: 0;

  border: none;

  border-bottom: 1px solid #000;

  text-align: center;

  margin-top: 4px;

}



.sb-wrap .block-btn-guests button:focus,

.sb-wrap .btn-promo-err:focus,

.sb-wrap .btn-promo-ok:focus {

  outline: 2px solid yellow;

}



.sb-wrap .btn-promo-ok,

.sb-wrap .btn-guests-ok,

.sb-wrap .btn-promo-err,

.sb-wrap .btn-guests-err {

  font-size: 14px;

  height: var(--height);

  border: none;

  padding: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  flex: 1;

}



.sb-wrap .btn-promo-ok {

  background-color: var(--promo-ok);

  color: var(--color-promo-ok);

}



.sb-wrap .btn-guests-ok,

.sb-wrap .btn-guests-ok:hover,

.sb-wrap .btn-guests-ok:focus {

  background-color: var(--guest-ok);

  color: var(--color-guest-ok);

}



.sb-wrap button.btn-guests-err,

.sb-wrap button.btn-promo-err {

  background: none;

  color: var(--text);

}



.sb-wrap .guest-room {

  padding-bottom: 10px;

  margin-bottom: 10px;

}



.sb-wrap .num-room {

  align-items: center;

}



.sb-wrap .num-room h2 {

  height: 17px;

  font-size: 12px;

  line-height: 22px;

  margin: 0;

}



.sb-wrap .remove-room-img {

  margin-bottom: -4px;

}



.sb-wrap .add-room-img {

  margin-bottom: -3px;

}



.sb-wrap .num-adults,

.sb-wrap .num-kids {

  margin-top: 6px;

  justify-content: flex-end;

}



.sb-wrap .adult-remove,

.sb-wrap .kids-remove {

  margin-left: 2px;

}



html[lang="he"] .sb-wrap .adult-remove,

html[lang="he"] .sb-wrap .kids-remove {

  margin-left: 0;

  margin-right: 2px;

}



.sb-wrap .btns-add-person {

  margin-left: auto;

  gap: 10px;

}



html[lang="he-IL"] .sb-wrap .btns-add-person {

  margin-left: initial;

  margin-right: auto;

  flex-direction: row-reverse;

}



.sb-wrap .noselect {

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.sb-wrap .widget__calendar_icon {

  width: 22px;

  height: 24px;

}



.sb-wrap a.widget-submit {

  background-color: var(--bg-submit);

  border: 1px solid var(--border-submit);

  font-size: 18px;

  color: var(--color-submit);

  cursor: pointer;

  outline: none;

  text-decoration: none;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  box-sizing: border-box;

  height: 100%;

  text-transform: uppercase;

  font-weight: 700;

  max-width: 295px;

  min-width: 160px;

  width: 100%;

}



html[lang="en-US"] .sb-wrap a.widget-submit {

  font-family: var(--font-eng);

  font-size: 14px;

}



.sb-wrap a.widget-submit:hover {

  background-color: var(--hover-submit);

  color: var(--color-submit);

}



.sb-wrap .promo-code {

  cursor: pointer;

  font-size: 11px;

  color: var(--text-out);

  text-transform: uppercase;

  width: max-content;

  text-align: center;

  margin-left: 2px;

  margin-top: 12px;

}



.sb-wrap .block-inp-promo {

  display: none;

}



.sb-wrap .title-promo {

  margin: 0 4px 4px;

  font-size: 13px;

}



.sb-wrap .block-inp-promo.active {

  display: block;

  position: absolute;

  background-color: var(--bg);

  right: 0;

  padding: 10px 18px 26px;

  border: 1px solid var(--border-color);

  bottom: var(--height-promo);

  z-index: 100;

}



.sb-wrap .inp-promo {

  margin: 6px 4px 0 !important;

  width: calc(100% - 9px) !important;

  background-color: transparent !important;

  border: 1px solid var(--text) !important;

  font-size: 12px !important;

  color: var(--text) !important;

  padding: 6px !important;

  outline: none !important;

}



.sb-wrap .btn-promo-ok {

  margin-left: 4px;

}



.sb-wrap .btn-promo-err {

  margin-right: 2px;

}



.sb-wrap .block-inp-promo hr {

  margin: 10px 0;

  border-color: var(--promo-hr);

}



.sb-wrap .hotel-err,

.sb-wrap .date-err {

  display: none;

}



.sb-wrap .hotel-err.active,

.sb-wrap .date-err.active {

  display: block;



  color: #ce0000;



  position: absolute;

}



.sb-wrap .date-err {

  left: 30px;

}



.sb-wrap .datepicker-here::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */

  color: var(--text);

  font-size: 14px;

}



.sb-wrap .datepicker-here::-moz-placeholder {

  /* Firefox 19+ */

  color: var(--text);

  font-size: 14px;

}



.sb-wrap .datepicker-here:-ms-input-placeholder {

  /* IE 10+ */

  color: var(--text);

  font-size: 14px;

}



.sb-wrap .datepicker-here:-moz-placeholder {

  /* Firefox 18- */

  color: var(--text);

  font-size: 14px;

}



.sb-wrap .name-field {

  color: var(--text);

  font-size: 12px;

  text-align: center;

  display: block;

  margin-bottom: 6px;

  margin-top: -10px;

}



.sb-wrap .datepicker--day-name {

  color: var(--text);

  text-transform: inherit;

}



.sb-wrap .datepicker--cell.-in-range- {

  background: rgb(160, 160, 160);

}



.sb-wrap .datepicker--cell.-selected-,

.sb-wrap .datepicker--cell.-selected-.-current- {

  background: rgb(160, 160, 160);

}



.sb-wrap .datepicker--cell.-selected-.-focus- {

  background: #45bced00;

  border: 1px solid var(--border-color);

}



.sb-wrap .datepicker--cell.-focus- {

  background: rgba(255, 255, 255, 0);

  border: 1px solid var(--border-color);

  color: var(--text);

}



.sb-wrap .-range-from-,

.sb-wrap .-range-to- {

  overflow: hidden;

}



.sb-wrap .-range-from-::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -1px;

  border: 20px solid transparent;

  border-left: 20px solid rgb(241, 212, 58);

  border-top: 20px solid rgb(241, 212, 58);

  z-index: -1;

}



html[lang="he"] .sb-wrap .-range-from-::after {

  border-left: 20px solid rgba(0, 0, 0, 0);

  border-top: 20px solid rgba(0, 0, 0, 0);

  border-right: 20px solid rgb(241, 212, 58);

  border-bottom: 20px solid rgb(241, 212, 58);

}



.sb-wrap .-range-to-::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -1px;

  border: 20px solid transparent;

  border-right: 20px solid rgb(241, 212, 58);

  border-bottom: 20px solid rgb(241, 212, 58);

  z-index: -1;

}



html[lang="he"] .sb-wrap .-range-to-::after {

  border-right: 20px solid rgba(0, 0, 0, 0);

  border-bottom: 20px solid rgba(0, 0, 0, 0);

  border-left: 20px solid rgb(241, 212, 58);

  border-top: 20px solid rgb(241, 212, 58);

}



html[lang="he"] .sb-wrap .datepicker--cell.-in-range- {

  color: var(--text);

}



.sb-wrap .datepicker {

  width: 264px !important;

}



.sb-wrap .datepicker--cell-day {

  width: calc(14.28571% - 2px);

  margin: 1px;

}



.sb-wrap .styleBlPeople {

  font-size: 12px;

  line-height: 1.2;

}



.sb-wrap .styleBlPeople p {

  padding: 0;

  margin: 0;

}



.sb-wrap .datepicker--pointer {

  display: none;

}



.sb-wrap .datepicker--nav-action:hover,

.sb-wrap .datepicker--nav-title:hover {

  background: var(--hover);

}



.sb-wrap .datepicker--nav-title i {

  color: var(--text);

}



.sb-wrap .datepicker--cell.-disabled- {

  color: #666 !important;

}



.sb-wrap #hiddenLink {

  display: none;

}



.sb-wrap .datepickers-container {

  top: -23px;

}



html[lang="he"] .sb-wrap .datepickers-container {

  left: -286px;

}



.sb-wrap .no-pointer {

  pointer-events: none;

}



html[lang="he"] .sb-wrap .datepicker--nav-action {

  transform: rotateY(180deg);

}



html[lang="en-US"] .sb-wrap .block-inp-promo.active {

  left: 0;

  width: fit-content;

}



.sb-wrap .calendars__widget {

  position: absolute;

  z-index: 10000;

  bottom: var(--height-drop);

  transform-origin: bottom;

  width: 600px;

  max-width: calc(100vw - 16px);

  text-align: center;

  display: flex;

  flex-direction: column-reverse;

  box-shadow: var(--bg-shadow);

}



.sb-wrap .pmu-dates {

  display: flex;

  background-color: var(--bg);

}



.sb-wrap .pmu-dates input {

  text-align: center;

  margin: 1px;

  flex: 1 1 50%;

  border: 0;

  height: 30px;

}



.sb-wrap .sticky_wgt .calendars__widget {

  bottom: inherit;

  bottom: var(--height-drop);

}



.sb-wrap .calendars__widget .pickmeup {

  background: var(--bg);

  z-index: 1;

  width: 100%;

  padding: 16px 0;

}



.sb-wrap .calendars__widget .pickmeup .pmu-instance:last-child .pmu-month {

  width: 16.5em;

}



.sb-wrap .calendars__widget .pickmeup .pmu-instance {

  min-width: 300px;

  width: 50%;

  padding: 0 16px;

  height: auto;

}



.sb-wrap .calendars__widget .pickmeup .pmu-instance .pmu-day-of-week *,

.sb-wrap .calendars__widget .pickmeup .pmu-instance .pmu-days * {

  line-height: 2em;

  position: relative;

  margin: 0;

  width: calc(100% / 7);

  color: var(--text);

  border: 1px solid var(--border-color);

}



.sb-wrap .calendars__widget .pickmeup .pmu-instance .pmu-days *:hover {

  border: 1px solid var(--border-color);

  background-color: var(--selected);

  border-radius: 5px;

  color: #fff;

}



.sb-wrap .calendars__widget .pickmeup .pmu-instance .pmu-days .pmu-disabled {

  opacity: 0.25;

  color: var(--text);

}



.sb-wrap .calendars__widget .pickmeup .pmu-instance .pmu-days .pmu-not-in-month {

  opacity: 0.25;

  color: var(--text);

}



.sb-wrap .calendars__widget .pickmeup .pmu-instance .pmu-days .pmu-not-in-month:hover {

  color: #fff;

}



.sb-wrap .calendars__widget .pickmeup .pmu-instance:first-child .pmu-month,

.sb-wrap .calendars__widget .pickmeup .pmu-instance:last-child .pmu-month {

  width: 16.5em;

  padding-bottom: 0;

  font-size: 18px;

  padding: 6px 0 24px;

  color: var(--text);

}



.sb-wrap .calendars__widget .pickmeup .pmu-instance nav {

  line-height: 1.4em;



  display: flex;

}



.sb-wrap .pickmeup .pmu-instance nav .pmu-prev,

.sb-wrap .pickmeup .pmu-instance nav .pmu-next {

  width: 40px;

  height: 34px;

  padding: 4px 8px;

  border: 1px solid var(--arrows) !important;

  box-sizing: border-box;

}



.sb-wrap .pickmeup .pmu-instance nav .pmu-prev:hover,

.sb-wrap .pickmeup .pmu-instance nav .pmu-next:hover {

  border: 2px solid var(--arrows) !important;

  background-color: var(--arrows-hover);

}



.sb-wrap .pickmeup .pmu-instance nav .pmu-prev svg,

.sb-wrap .pickmeup .pmu-instance nav .pmu-next svg {

  width: 24px;

  height: 24px;

  fill: var(--arrows);

}



html[lang="he-IL"] .sb-wrap .pickmeup .pmu-instance nav .pmu-prev svg,

html[lang="he-IL"] .sb-wrap .pickmeup .pmu-instance nav .pmu-next svg {

  transform: scale(-1,1);

}



.sb-wrap .calendars__widget .pickmeup .pmu-instance nav.pmu-day-of-week div {

  border: none;

  color: var(--text);

  font-size: 12px;

  line-height: 1.5;

}



.sb-wrap .calendars__widget .pickmeup .pmu-instance .pmu-selected {

  background: var(--selected);

  color: #fff;

  border-radius: 5px;

}



html[dir="rtl"] .sb-wrap .calendars__widget .pickmeup .pmu-days .pmu-selected.pmu-start {

  background: rgb(103, 103, 103);

  color: #fff;

}



html[dir="rtl"] .sb-wrap .calendars__widget .pickmeup .pmu-days .pmu-selected.pmu-end {

  background: rgb(103, 103, 103);

  color: #fff;

}



.sb-wrap .calendars__widget .pickmeup .pmu-days .pmu-selected.pmu-start {

  background: rgb(103, 103, 103);

  color: #fff;

}



.sb-wrap .calendars__widget .pickmeup .pmu-days .pmu-selected.pmu-end {

  background: rgb(103, 103, 103);

  color: #fff;

}



.sb-wrap .calendars__widget .pickmeup .pmu-instance .pmu-disabled.pmu-button:hover {

  color: #fff;

  border: none;

}



.sb-wrap .calendars__widget .pickmeup .pmu-instance .pmu-today {

  color: var(--text);

  background: var(--today);

  border-radius: 5px;

}



html[lang="he"] .sb-wrap .calendars__widget .pickmeup .pmu-instance nav .pmu-prev,

html[lang="he"] .sb-wrap .calendars__widget .pickmeup .pmu-instance nav .pmu-next {

  transform: rotate(180deg);

}



.sb-wrap .separator {

  border-top: 0;

  margin: 0 15px;

  border-color: rgb(215 215 215 / 35%);

}



.sb-wrap .booking__submit {

  position: initial;

}



.sb-wrap .additiondal_fields {

  position: relative;

}



.sb-wrap .modify {

  white-space: nowrap;

  font-size: 11px;

  color: var(--text);

  line-height: 25px;

  margin-left: 12px;

  font-weight: 700;

  display: flex;

  align-items: center;

}



.sb-wrap .modify:hover {

  color: var(--hover);

}



html[lang="he"] .sb-wrap .additiondal_fields {

  right: inherit;

  left: 15px;

}



html[lang="he"] .sb-wrap .modify {

  margin-left: 0;

  margin-right: 12px;

}



.sb-wrap .modify svg {

  width: 12px !important;

  padding-right: 4px;

}



.sb-wrap .promo-code svg {

  width: 18px;

  height: 11px;

  vertical-align: center;

  display: inline-block;

}



.sb-wrap .modify {

  display: flex;

}



html[lang="he"] .sb-wrap section.booking {

  right: inherit;

}



.sb-wrap section.booking.mobile_active {

  transform: scaleY(1);

}



.sb-wrap .choose_properties_hidden .booking__property {

  display: none;

}



@media (max-width: 1024px) {

  .sb-wrap .box-select.active {

    overflow-y: auto;

    background-color: var(--bg);

    border-bottom: 1px solid #ccc;

  }



  html[lang="en-US"] .sb-wrap .ipswhatsapp {

    left: unset !important;

    right: 10px !important;

  }



  html[lang="he"] .sb-wrap .ipswhatsapp {

    right: unset !important;

    left: 10px !important;

  }



  .sb-wrap .wpml-ls-statics-shortcode_actions ul {

    height: 32px;

  }



  .sb-wrap .calendars__widget {

    bottom: inherit;

    bottom: var(--height-drop);

  }

}



@media (max-width: 500px) {

  .sb-wrap .mkdf-container-inner,

  .sb-wrap .mkdf-grid,

  .sb-wrap .mkdf-row-grid-section {

    width: calc(100% - 10px);

  }



  .sb-wrap .mobiler .wpml-ls-statics-shortcode_actions ul {

    top: -4px;

  }



  .sb-wrap .mobiphoneicon img {

    height: auto;

    width: 16px;

    top: 2px;

  }



  html .sb-wrap .popupclick.mobi {

    margin-left: 5px;

  }



  .sb-wrap .mkdf-fullscreen-menu-opener .mkdf-fm-lines {

    height: 14px !important;

    width: 20px;

  }



  .sb-wrap .popupclick.mobi img {

    height: auto;

    width: 18px;

  }



  .sb-wrap .wpml-ls-statics-shortcode_actions img {

    height: 15px;

    width: auto;

  }



  .sb-wrap .wpml-ls-statics-shortcode_actions ul {

    width: 17px;

    height: 22px;

  }



  html[lang="en-US"] .sb-wrap .booking-toggle {

    font-size: 11px;

    margin: 0 2px;

  }

}



@media (min-width: 1400px) {

  .sb-wrap .booking__property {

    max-width: 295px;

    width: 100%;

    margin-bottom: 0;

    text-align: initial;

  }



  .sb-wrap .booking__date-from,

  .sb-wrap .booking__date-to {

    max-width: 295px;

    width: 100%;

    margin-bottom: 0;

  }



  .sb-wrap .booking__guests,

  .sb-wrap .booking__promo {

    max-width: 295px;

    width: 100%;

    margin-bottom: 0;

  }



  .sb-wrap .booking__submit {

    width: 23%;

    display: flex;

  }



  .sb-wrap .choose_properties_hidden .booking__date-from,

  .sb-wrap .choose_properties_hidden .booking__date-to {

    width: 25%;

  }



  .sb-wrap .choose_properties_hidden .booking__guests {

    width: 22%;

  }



  .sb-wrap .choose_properties_hidden .booking__submit {

    width: 28%;

  }

}



@media (max-width: 1400px) {

  .sb-wrap .booking__property {

    width: 22%;

    margin-bottom: 0;

    text-align: initial;

  }



  .sb-wrap .booking__date-from,

  .sb-wrap .booking__date-to {

    width: 22%;

    margin-bottom: 0;

  }



  .sb-wrap .booking__guests {

    width: 22%;

  }



  .sb-wrap .booking__submit {

    width: 25%;

    display: flex;

  }



  .sb-wrap .date-my,

  .sb-wrap .other-people-top {

    font-size: 16px;

  }



  html[lang="en-US"] .sb-wrap .date-my,

  html[lang="en-US"] .sb-wrap .other-people-top {

    font-size: 12px;

  }

}



@media (max-width: 992px) {

  .sb-wrap section.booking {

    max-width: 90vw;

  }



  .sb-wrap .booking-flex {

    flex-wrap: wrap;

    row-gap: 20px;

  }



  .sb-wrap .booking__property {

    width: 100%;

    margin: 0 0 16px 0;

  }



  .sb-wrap .booking__date-from,

  .sb-wrap .booking__date-to {

    width: calc(50% - 2px);

  }



  .sb-wrap .booking__guests,

  .sb-wrap .booking__promo {

    width: calc(50% - 2px);

    margin: 16px 0;

  }



  .sb-wrap .booking__submit {

    width: 100%;

  }



  .sb-wrap a.widget-submit {

    max-width: 100%;

  }

}



@media (max-width: 550px) {

  .sb-wrap .booking__guests,

  .sb-wrap .booking__promo {

    width: 100%;

    margin: 16px 0;

  }

}



@media (max-width: 500px) {

  .sb-wrap .booking__date-from,

  .sb-wrap .booking__date-to {

    width: 100%;

  }



  #sb_widget .block {

    border-right: none !important;

    border-left: none !important;

    border-bottom: 1px solid #000;

  }

}



.sb-wrap .styleBlPeople p {

  line-height: 15px;

}



.sb-wrap .adult-add:hover, .sb-wrap .adult-remove:hover, .sb-wrap .kids-add:hover, .sb-wrap .kids-remove:hover, .sb-wrap .add-room-img:hover, .sb-wrap .remove-room-img:hover{

  fill: var(--text);

}



.sb-wrap .adult-add, .sb-wrap .adult-remove, .sb-wrap .kids-add, .sb-wrap .kids-remove, .sb-wrap .add-room-img, .sb-wrap .remove-room-img {

  width: 26px;

  fill: var(--btn-color);

  cursor: pointer;

}



.sb-wrap .inp-promo {

  color: var(--text) !important;

}



.sb-wrap .booking-top .box-select.active,

.sb-wrap .booking-top .guest.active,

.sb-wrap .booking-top .calendars__widget,

.sb-wrap .booking-top .sticky_wgt .calendars__widget {

  top: var(--height-drop) !important;

  bottom: unset !important;

}



.sb-wrap .booking-top .block-inp-promo.active {

  top: var(--height-promo) !important;

  bottom: unset !important;

}



.sb-wrap .guest .booking_kids_error {

  color: #ce0000;

  text-align: center;

  padding: 5px;

  border: 2px solid #ce0000;

  display: none;

}