/* This CSS file will be loaded at last. Any CSS customization should be placed here */

.vbo-summary-date {
	display: flex !important;
}

.fa-plane-arrival::before {
	content: "\f2f5" !important;
}

.fa-plane-departure::before {
	content: "\f2f5" !important;
}

@media (max-width: 600px) {
#ui-datepicker-div {
  opacity: 0;
  pointer-events: none;
}

#ui-datepicker-div[style*="position: absolute"]:not([style*="display: none"]) {
  	opacity: 1;
  	pointer-events: auto;
	position: fixed !important;
    z-index: 99 !important;

    left: 50% !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    top: auto !important;
    margin: 0 auto !important;



    overflow: auto;
    -webkit-overflow-scrolling: touch;
}



  .ui-datepicker,
  .ui-datepicker.ui-datepicker-multi,
  .vbo-horizsearch-dpicker-cont .ui-datepicker-inline {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 12px !important;
    overflow: hidden !important;
  }

  .ui-datepicker-multi-2 {
    width: 100% !important;
    display: block !important;
  }

  .ui-datepicker-group {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .ui-datepicker-title {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .ui-datepicker table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    font-size: 12px !important;
  }

  .ui-datepicker th,
  .ui-datepicker td {
    padding: 0 !important;
    border: 0 !important;
  }

  .ui-datepicker th span {
    display: block !important;
    font-weight: 600 !important;
    opacity: .8 !important;
  }

  .ui-datepicker td a,
  .ui-datepicker td span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    text-align: center !important;
    border-radius: 50% !important;
    margin: 2px auto !important;
    box-sizing: border-box !important;
  }

  .ui-datepicker-prev,
  .ui-datepicker-next {
    top: 50% !important;

  }

  .ui-datepicker-row-break {
    display: none !important;
  }

	.ui-datepicker-group-last {
		margin-top: 10px !important;
	}
}

.roomlist_description {
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
	padding: 10px 15px 0 0;
	max-width: 600px;
}

@media (max-width: 600px) {
	.roomlist_description {
		margin-bottom: 10px;
		-webkit-line-clamp: 5 !important;
	}
}

.ui-datepicker {
	padding: 20px !important;
}

.vbo-drp-commands-bottom {
	display: none !important;
}

.vbmodhorsearch-hum-guests-modifier {
	margin: unset !important;
}

.vbcurconv-menu select {
    background-position: right .25rem center !important;
}

.vbcurconv-flag {
	padding: unset !important;
}

.vbcurconv-flag-img {
	display: none !important;
}

.vbcurconv-menu {
	min-width: 53px !important;
}

.vbcurconv-flag-symb {
	color: #000000 !important;
}

#vbo-search-suggestions {
	display: none !important;
}

.vbo-search-suggestions-av {
	display: none !important;
}

.vbo-horizsearch-period-wday {
	display: none !important;
}

.vbo-horizsearch-period-from {
	align-items: center;
}

.vbo-horizsearch-period-dt {
	align-items: center;
}

.vbo-oconfirm-paymethod-item-active {
	border: 1px solid #9CADB8 !important;
}

.vbo-oconfirm-choosedeposit-block {
	align-items: center;
	border: 1px solid #9CADB8 !important;
}

.vbo-oconfirm-choosedeposit-block > input {
	accent-color: #115FE3 !important;
}

.vbo-oconfirm-choosedeposit-block:has(input[type="radio"]:checked) {
	background-color: #F2F8FD !important;
}

.vbo-searchresults-classic-wrap .vbrowcname {
	font-size: 30px !important;
	font-weight: 500 !important;
}

.vbo-searchresults-classic-wrap .vbrowroomcapacity {
	font-size: 18px !important;
}

.vbo-searchresults-classic-wrap > {

}

.notice-error {
	font-size: 24px !important;
	font-weight: 500 !important;
	color: #E72B36 !important;
	border: unset !important;
	border-radius: 8px !important;
	background-color: #FB3F4A14 !important;
}

.vbo-search-noresults-cont input {
	width: 100% !important;
	height: 52px !important;
}

.vbo-search-noresults-cont .vb-search-inner > div {
	flex-grow: 1;
}

.vbo-search-noresults-cont .vbo-search-num-racblock {
	gap: 20px;
	align-items: bottom;
}

.vbo-search-noresults-cont .vbo-search-num-aduchild-block {
	display: flex;
	align-items: end;
}

.vbo-search-noresults-cont .vb-search-inner {
	align-items: end;
}

.vbo-search-noresults-cont select {
	width: 100% !important;
	min-width: 100% !important;
	height: 52px !important;
}

.vbo-search-noresults-cont button {
	width: 100% !important;
	height: 52px !important;
}

.vbo-search-noresults-cont .vbo-search-num-adults-entry {
	width: 100% !important;
}

.vbo-search-noresults-cont .vbo-search-num-adults-entry-inp {
	width: 100% !important;
}

.vbo-search-noresults-cont #vbjstotnights {
	display: none !important;
}

.vbo-search-noresults-cont #vbjstotnights:not(:empty) {
	display: flex !important;
	justify-content: center;
	align-items: center;
	margin: 30px 0 0 0 !important;
	border: 1px solid #9CADB8;
	border-radius: 8px;
	padding: 10px 10px;
	background-color: #FFFFFF;
	height: 52px;
}

.vbo-search-no-solutions {
	color: #E72B36 !important;
}



.vbo-search-suggestions-av-daysel {
	border: unset !important;
	border-top: 1px solid #9CADB8 !important;
}

.vbo-search-suggestions-av-daysel-cont {
	border: unset !important;
	border-top: 1px solid #9CADB8 !important;
}

.vbo-search-suggestions-dayroom {
	background-color: #F2F8FD !important;
}

.vbo-search-solutions {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.vbo-search-solution {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	height: 149px;
	overflow: hidden;
}

.vbo-search-solution-dates {
	width: 100%;
	background-color: #F2F8FD !important;
}

.vbo-search-solution-book {
	margin: unset !important;
	font-size: 18px !important;
	font-weight: 500;
}

.vbo-search-solution-book > a {
	text-decoration: none !important;
}

.table .vbo-search-suggestions-av-mon, .vbo-search-suggestions-month-day, td {
	background-color: #F2F8FD !important;
}

.vbo-search-suggestions-month-day {
	color: #202020 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
}

.vbo-search-suggestions-month-day-requested {
	background-color: #FFC9C4 !important;
	color: #202020 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
}

.vbcurconvcontainer {
	display: flex !important;
	gap: 10px;
	align-items: center;
    border-radius: 8px !important;
    border-color: #9CADB8 !important;
	width: fit-content;
	padding: 10px !important;
}

@media (max-width: 1024px) {
	div.vbcurconvcontainer {
		padding: 5px !important;
		height: 35px !important;
	}

	div.vbcurconv-menu > select {
		height: 30px !important;
	}
}

@media (max-width: 767px) {
	div.vbcurconvcontainer {
		padding: 5px !important;
		height: 31px !important;
	}

	div.vbcurconv-menu > select {
		height: 28px !important;
	}
}

.modcurconvsel {
	font-size: 16px !important;
	line-height: 17px !important;
	color: #000000 !important;
	padding: unset !important;
}

.vbo-geo-wrapper > div {
	border-radius: 8px;
}

.vbo-listing-details-desc-cont {
	font-size: 18px !important;
}

.vbo-listing-details-descprice-block {
	margin-top: 32px !important;
}

.vbrowcdescr {
	margin: unset !important;
	display: none !important;
}

.vblegenda-status {
	background-color: #FB3F4A !important;
}

.vbo-results-head-det-lbl {
	font-size: 18px !important;
	font-weight: 400;
	line-height: 26px;
}

.vbo-results-head-det-val {
	font-size: 20px !important;
	font-weight: 500;
	line-height: 32px;
}

.table {
	border-collapse: separate;
	border-spacing: 0;  
	border-radius: 8px;
	border: 1px solid #9CADB8 !important;
	overflow: hidden;

	box-shadow: 0px 4px 32px 0px #AAAAAA08;
}



.vbo-suggestion-free {
	background: #9FE5BE !important;
}

.vbo-search-suggestions-container {
	border: unset;
	border-top: 1px solid #CCCCCC66;
}

.vbo-search-suggestions-container > h4 {
	font-size: 30px !important;
	font-weight: 500;
}

.vbo-search-suggestions-intro {
	font-size: 18px !important;
	font-weight: 400;
}

.vbo-search-suggestions-month-days > .vbo-pref-color-text {
	color: #000000;
	font-size: 16px !important;
	font-weight: 600;

	text-align: center;
  	vertical-align: middle;
}

.vbo-search-suggestions-month-days:first-child > .vbo-pref-color-text {
	border-top: unset !important;

}

.vbo-search-suggestions-month-days > td {
	border: unset !important;
	border-right: 1px solid #9CADB8 !important;
	border-top: 1px solid #9CADB8 !important;
}

.vbo-search-suggestions-month-days:first-child > td {
	border-top: unset !important;
}

.vbo-search-suggestions-av-day::after {
	display: none;
}

.vbo-search-suggestions-av-days > td {
	border: unset !important;
	border-right: 1px solid #9CADB8 !important;
	border-top: 1px solid #9CADB8 !important;
}

.vbo-booking-solution {
	box-shadow: unset !important;
	border-color: #9CADB8 !important;
	overflow: hidden;
}

.vbo-booking-solution-dates {
	background-color: #F2F8FD;
}

.vbo-booking-solution-date-lbl {
	font-size: 18px !important;
	font-weight: 400;
}

.vbo-booking-solution-date-dt {
	font-size: 20px;
	font-weight: 500;
}

.vbo-booking-solution-rname > a {
	color: #000000;
	text-decoration: none !important;
}

.vbo-booking-solution-book {
	margin: 0 0 20px 0 !important;
}

.vbo-booking-solution-book > a {
	background-color: #115FE3 !important;
	text-decoration: none !important;
	font-size: 18px !important;
	font-weight: 500;
}

.vbo-booking-solution-rooms {
	border-color: #9CADB8 !important;
}

.vbo-booking-solution-checkin {
	border-color: #9CADB8 !important;
}

/* Err */

p.err {
	background-color: #FB3F4A14 !important;
	border-radius: 8px;
	border: unset !important;
	color: #FB3F4A !important;
	font-size: 24px;
	font-weight: 500;
}

.input-group > input[type="text"] {
	order: 1;
	border: unset !important;
	border-radius: unset !important;
	background-color: transparent !important;

	width: 200px !important;
}

.input-group > i {
	border: unset !important;
	background-color: transparent;
}

.input-group {
	min-width: 150px;
	width: 100%;
	border-radius: 8px !important;
	border: 1px solid #9CADB8 !important;
	background-color: #FFFFFF;
}

.vbo-search-num-adults-entry-inp > select[name="adults[]"] {
	width: 240px !important;
	font-size: 18px !important;
	border: 1px solid #9CADB8 !important;
}

@media (max-width: 780px) {
	.input-group {
		width: 100%;
	}

	.input-group > input[type="text"] {
		width: 100% !important;
	}

	.vbo-search-num-adults-entry-inp > select[name="adults[]"] {
		width: 100% !important;
	}
}

/* Err */

/* Payment */

.vbvordpaybutton, .vbo-booking-details-bookinfos, .vbo-booking-details-udets, .vbvordroominfo, .vbo-booking-costs-list {
	box-shadow: unset !important;
	border-color: #F2F8FD !important;
	border-radius: 8px !important;
}

/* Payment */

/* Arenda Book */

.vbdivsearch {
	background-color: #F2F8FD;
	border-radius: 8px;
}

.vbo-search-submit > button {
	border-radius: 8px;
	border: unset !important;
	background-color: #1D61E7 !important;
}

.vbo-search-num-adults-entry-inp > select {
	min-width:150px;
	border-radius: 8px;
	border-color: #9CADB8 !important;
}

.input-group > input {
	flex: 1;
	width: 100%;
}

.vbo-oconfirm-summary-container {
	margin-bottom: 70px;
}

.vbo-oconfirm-summary-room-wrapper, .vbo-oconfirm-summary-total-wrapper {
	border-radius: 8px;
	border-color: #9CADB8;
	box-shadow: unset !important;
	background-color: transparent;
}

.vbo-oconfirm-total-block {
	text-transform: none;
}

.vbcustomfields {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;

	padding: 0 20px 20px 20px !important;

	background-color: #F2F8FD;
	border: unset;
	border-radius: 8px;
	box-shadow: unset !important;
}

.vbo-oconfirm-cfield-entry {
	flex: 1 1 calc(50% - 20px);
	min-width: 200px;
	min-height: 40px;

	width: unset !important;
	margin: unset !important;
	display: block !important;
}

.vbo-oconfirm-cfield-entry-separator {
	flex: 1 1 100%;
	height: 40px;
	padding-top: 20px !important;
	position: relative;
	top: -70px;
	left: -20px;
}

.vbo-oconfirm-cfield-entry-textarea {
	flex: 1 1 100%;
	min-height: 80px;
	resize: vertical;
}

.vbo-oconfirm-cfield-entry-textarea .vbtextarea {
	width: 100% !important;
}

.vbo-oconfirm-cfield-entry label {
	font-size: 18px;
	font-weight: 500;
}

.vbrequired {
	font-size: 18px;
	font-weight: 700;
	color: #D82424 !important;
}

.vbo-oconfirm-cfield-entry input, .vbo-oconfirm-cfield-entry select, .vbo-oconfirm-cfield-entry textarea {
	border-color: #9CADB8 !important;
	border-radius: 8px !important;
	min-height: 52px;
}

.vbo-oconfirm-cfield-entry-checkbox {
	display: flex !important;
	align-items: center;
	gap: 10px;
}

.vbo-oconfirm-cfield-entry-checkbox input {
	display: block;
}

@media (max-width: 600px) {
  .vbcustomfields > div {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .vbcustomfields textarea {
    flex: 1 1 100%;
    min-width: 100%;
  }
}

.vbo-oconfirm-paymethod-item {
	border-radius: 8px !important;
	border-color: #9CADB8 !important;
	background-color: #F2F8FD !important;
	height: 100px;
}

.vbo-oconfirm-paymethod-item::after {
	background-color: #0EBA76 !important;
	width: 32px !important;
	height: 32px !important;
	font-size: 12px !important;

	display: flex;
	justify-content: center;
	align-items: center;
}

.vbo-oconfirm-paymethod-item > input[type="radio"] {
	accent-color: #115FE3;
}

/* Arenda Book */

/* Arenda Options */

.vbo-showprc-room-head {
  display: none;
}

.vbo-showprc-room-block {
  border-radius: 8px;
  border-color: #9CADB8;
}

.vbo-showprc-price-entry {
	border-radius: 8px;
	border-color: #9CADB8 !important;
}

.vbo-showprc-option-entry {
	border-radius: 8px;
	border-color: #9CADB8 !important;
}

.vbo-showprc-price-entry-radio > input {
  accent-color: #1D61E7;
}

.room_buttons_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.room_buttons_box > .booknow {
	border: 1px solid #000000;
	border-radius: 8px;
	padding: 13px 84px !important;
	margin: unset !important;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	background-color: #115FE3;
	height: 52px;
}

@media (max-width: 770px) {
	.room_buttons_box > .booknow {
		padding: 13px 54px !important;
	}
}


@media (max-width: 460px) {
	.room_buttons_box > .booknow {
		padding: 13px 34px !important;
	}
}

/* Arenda Options */


/* Arenda Page */

.vbstepsbarcont {
	margin: 30px 0 60px 0;
}

.vbo-stepbar {
	display: flex;
	gap: 20px;
}

@media (max-width: 500px) {
	.vbo-stepbar {
		gap: 10px;
	}
}

.vbo-step {
	display: block !important;
	background-color: #1D61E7;
	height: 5px !important;
	border: unset !important;
	border-radius: 4px;
	position: relative !important;
	min-width: 90px !important;
}

.vbo-step::before {
	width: 24px !important;
	height: 24px !important;

	position: absolute !important;
	left: 0 !important;
	bottom: -30px !important;
	padding: 4px;

	display: flex;
	justify-content: center;
	align-items: center;
}

.vbo-step > a {
	position: absolute;
	left: 30px !important;
	bottom: -45px !important;

	font-size: 18px;
	font-weight: 500;
}

.vbo-step > span {
	position: absolute;
	left: 30px !important;
	bottom: -45px !important;

	font-size: 18px;
	font-weight: 500;
}

.vbo-step-complete::before {
	content: "\f00c" !important;
	font-family: "Font Awesome 5 Free";
	font-size: 15px;
	font-weight: 600;
	color: #FFFFFF;
}

.vbo-step-current::before {
	content: "\f111" !important;
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
	font-weight: 900;
	text-align: center;
	color: #115FE3 !important;
	line-height: 19px !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 400px) {
	.vbo-stepbar {
		gap: 5px;
	}

	.vbo-step {
		min-width: 80px !important;
	}

	.vbo-step::before {
		width: 20px !important;
		height: 20px !important;

		padding: 4px;
	}

	.vbo-step > a {
		left: 25px !important;

		font-size: 16px;
		font-weight: 500;
	}

	.vbo-step > span {
		left: 25px !important;

		font-size: 16px;
		font-weight: 500;
	}

	.vbo-step-complete::before {
		font-size: 12px;
		font-weight: 600;
	}

	.vbo-step-current::before {
		font-size: 12px;
		font-weight: 900;
		line-height: 19px !important;
	}
}

.vbo-step-next {
	background-color: #9CADB8;
}

.vbo-step-next::before {
	background-color: unset !important;
	border: 1px solid #9CADB8 !important;
}

.vbo-results-head {
	display: flex;
	align-items: center;
	box-shadow: unset;
	border: unset;
	border-radius: 8px;
	background-color: #F2F8FD;
}

.vbo-results-head > div {
	width: 100%;
	border-right: unset;
	position: relative;
}

@media (max-width: 980px) {
	.vbo-results-head {
		flex-direction: column;
	}

	.vbo-results-head > div {
		display: flex;
		gap: 10px;
		align-items: start;
	}

	.vbo-results-head > div > i {
		margin: 5px 0 0 0 !important;
	}

	.vbo-results-head > div::after {
		display: none !important;
	}
}

@media (max-width: 400px) {
	.vbo-results-head > div {
		align-items: center;
	}

	.vbo-results-head > div > i {
		display: flex;
		justify-content: center;
		margin: unset !important;
	}
}

.vbo-results-head > div::after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 40px;
	
	position: absolute;
	right: 0;
	background-color: #9CADB8;
}

@media (max-width: 580px) {
	.vbo-oconfirm-paymethods-list li {
		column-gap: 15px;
		flex-wrap: nowrap;
		justify-content: unset !important;
	}

	.vbo-oconfirm-choosedeposit-block {
		flex-basis: 100%;
	}
}

.vbo-oconfirm-paymethods-list li {
	column-gap: 15px;
}

.vbo-oconfirm-paymethods-list li label {
	margin: unset !important;
}

.vbo-oconfirm-choosedeposit-block, .vbo-oconfirm-paymethod-item {
	height: 100px !important;
}

@media (max-width: 900px) {
	.vbo-results-head > div:nth-last-child(-n + 1)::after {
		content: '';
		display: inline-block;
	}
}

.vbo-results-chdates {
	margin: unset !important;
	padding: 10px 10px !important;
}

.room_item {
	padding: 32px;
	border-color: #9CADB8;
	border-radius: 8px;
	column-gap: 15px;
}

.room_result .vblistroomblock {
	gap: unset !important;
}

.room_result > .vblistroomblock {
	gap: 32px !important;
}

@media (max-width: 990px) {
	.room_result > .vblistroomblock {
		width: 100% !important;
	}
}

.vblistroomblock {
	width: 75%;
	border-right: unset !important;
	gap: 32px !important;
}

.vbimglistdiv, .vbo-dots-slider-selector, .vik-dots-slider-container, .vik-dots-slider-inner, .vik-dots-slider-slides {
	border-radius: 8px;
}

@media (max-width: 500px) {
	.vbo-searchresults-classic-wrap .vik-dots-slider-inner {
		height: 180px !important;
	}
	
	.vbo-searchresults-classic-wrap .vbselectordiv {
		padding: unset !important;
	}

	.vbo-searchresults-classic-wrap .vbdivtotinline {
		padding-top: 10px;
		gap: 10px;
	}
}

.vik-dots-slider-slide > img {
	width: 100% !important;
}

.vbdivtot, .vbdivtotinline {
	height: 100%;
}

.vbdivtotinline {
	display: flex;
	flex-direction: column;
}

.vbsrowprice {
	height: 50%;
}

.room_cost {
	font-size: 28px !important;
	line-height: 30px;
}

.vbsrowpricediv {
	padding: unset !important;
	margin: unset !important;
}



div.vbsrowprice {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    column-gap: 25px;
	flex-wrap: wrap;
	padding: unset !important;
}

.vbcontdivtot {
	padding: unset !important;
}

@media (max-width: 980px) {
	.vbcontdivtot {
		padding-top: 10px;
	}
}

.vbselectordiv {
	width: 100%;
	height: 50%;
	padding: 24px 0 0 0 !important;
	margin: unset !important;
	display: flex;
	align-items: center;
	border-color: #9CADB8;
}

.vbselectordiv > .btn {
	width: 100%;
	border-radius: 8px;
	font-size: 18px !important;
	font-weight: 500;
}

.vbo-goback-link {
	border: 1px solid #000000;
	border-radius: 8px;
	padding: 13px 84px;
	font-size: 18px;
	font-weight: 500;
	color: #000000;
	height: 52px;
}

.vboconfirmbottom {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}

.vboconfirmbottom > input {
	border: unset !important;
}

.vboconfirmbottom > .booknow {
	border: 1px solid #000000;
	border-radius: 8px;
	padding: 13px 84px !important;
	margin: unset !important;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	background-color: #115FE3;
	height: 52px;
}

@media (max-width: 770px) {
	.vbo-goback-link {
		padding: 13px 54px;
	}

	.vboconfirmbottom > .booknow {
		padding: 13px 54px !important;
	}
}


@media (max-width: 460px) {
	.vbo-goback-link {
		padding: 13px 34px;
	}

	.vboconfirmbottom > .booknow {
		padding: 13px 34px !important;
	}
}

/* Arenda Page End */

.vikfx-gallery img {
	border-radius: 8px !important;
}

.vikfx-gallery > a > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vbmodhorsearchtotnights > div {
	border-color: #9CADB8 !important;
	border-radius: 8px !important;
	height: 52px !important;
	min-width: 100px;
}

.vbo-info-room {
	padding: unset !important;
}

.vbo-room-details-geo-wrapper > h4 {
	font-size: 30px !important;
}

.vbo-reqinfo-opener {
	color: #000000;
	font-size: 18px;
	line-height: 30px;
	text-decoration: unset !important;
	text-align: center;
	width: 240px;
	height: 44px;
	background-color: unset;
	border: 1px solid #000000;
	border-radius: 8px;
}

.vbo-listing-amenities-wrap > h4 {
	font-size: 30px !important;
	font-weight: 500;
}

.fa-check:before {
	color: #115FE3;
}

.vbo-listing-amenity-name {
	font-size: 18px !important;
	font-weight: 500;
}

.vbo-listing-details-costroomdet-inner {
	background-color: #F2F8FD;
	top: 125px !important;
}

.vbliststartfrom {
	line-height: 25px;
}

.vblistroomname .vbliststartfromrdet {
	display: block !important;
	font-size: 22px !important;
	margin-bottom: 15px;
	color: #000000 !important;
}

.vbo-reqinfo-cont {
	margin-top: 24px !important;
}

.vbselectm {
	border: 1px solid #A7B6C0 !important;
	font-size: 18px !important;
	padding: 11px 24px !important;
}

.vblistroomname .room_cost {
	display: inline-block;
	line-height: 30px;
}

.vbliststartfrom {
	line-height: 25px;
}

.vblistroomname .roomcustcostlabel {
	display: inline-block;
	color: #000000 !important;
}

.vbo-seldates-cont-inner > h4 {
	font-size: 20px !important;
	font-weight: 500 !important;
	color: #000000;
}

.vbo-seldates-cont input[type="submit"] {
	background-color: #115FE3 !important;
	border: unset !important;
	border-radius: 8px;
}

.roomcustcostlabel {
	font-size: 30px !important;
	font-weight: 500;
	line-height: 36px;
}

.roomcustcostlabel::before {
	content: '/';
	padding-right: 5px;
}

.vbo-search-inpblock {
	margin: unset !important;
}

.vbo-search-inpblock > label {
	color: #000000;
	font-size: 18px !important;
	font-weight: 500 !important;
	margin-bottom: 12px !important;
}

label.vbo-search-num-adults-entry-label {
	color: #000000;
	font-size: 19px;
	font-weight: 500;
	text-align: start;
}

.vbo-roomslist-opengallery {
	border-radius: 100%;
}

.vbo-search-num-adults-entry {
	margin: unset !important;
}

.room_carats {
	display: none !important;
}

.roomlist_carats {
	display: none !important;
}

.room_description_box {
	display: none;
}

.entry-title {
	display: none !important;
}

.vblistcontainer {
	padding: unset !important;
}

.vblistcontainer-grid .vblistroomcat {
	font-size: 18px !important;
}

.vbmodhorsearchmaindiv {
	font-size: 17px;
	font-family: "Jost", Sans-serif;
}

.vbmodhorsearchmaindiv  > form {
	flex-wrap: wrap;
	gap: 16px;
}

.vbclistheadt {
	display: none;
}

.vbo_price, .vbo_currency {
	color: #1D61E7;
	font-weight: 700;
}

.vblistroomname .vbo_currency {
	color: #1d61e7;
	font-size: 36px;
	font-weight: 600;
	line-height: 42px;
}

.vblistroomname .vbo_price {
	color: #1d61e7;
	font-size: 36px;
	font-weight: 600;
	line-height: 42px;
}

.vbo-oconfirm-roomname {
	color: #1d61e7;
	font-size: 22px !important;
}

.vbo-oconfirm-priceinfo {
	font-size: 18px !important;
	padding-top: 10px;
}

.vbo-oconfirm-optname {
	font-size: 18px !important;
	font-weight: 400;
}

.vbo-oconfirm-summary-room-head-cell {
	font-size: 22px;
	font-weight: 500;
	text-transform: none;
}

.vbo-oconfirm-summary-room-cell-guests, 
.vbo-oconfirm-summary-room-cell-nights, 
.vbo-oconfirm-summary-room-cell-tot,
.vbo-oconfirm-optname {
	font-size: 18px !important;
	font-weight: 400;
}

.vbo-availcalendars-cont > h4 {
	font-size: 30px !important;
	font-weight: 500 !important;
}

.vbo-availcalendars-cont > form {
	max-width: 400px;
}

.vblegenda:nth-child(1) {
	display: none;
}

.vbcal {
  	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 30px;
}

.vbcal > td {
	width: 42px;
}

.vbo-rdet-avcal-nav {
	border: unset !important;
	top: unset !important;
	line-height: unset !important;
}

.vbcaltrmonth {
	font-size: 22px !important;
	font-weight: 600 !important;
}

.vbcaltrmonth > td {
	background-color: unset !important;
	font-size: 22px !important;
}

.vbcalsblock {
	box-shadow: unset;
	border: unset;
	padding: unset !important;
}

.vbcaldivcont {
	border: 1px solid #9CADB8;
	border-radius: 12px;
	background-color: #F2F8FD;
	box-shadow: 0px 4px 32px 0px #AAAAAA08;
	padding: 15px;

	max-width: 350px;
}

.vikfx-gallery-fade-container, .vikfx-gallery {
    min-height: 0 !important;
    min-width: 0 !important;
}

.vikfx-gallery-fade-container {
    position: relative;
    display: grid;
    overflow: hidden;
}

.vikfx-gallery-fade-container > img.vikfx-gallery-image {
    display: block;
    width: 100%;
    height: 100% !important;
    min-height: 0;
    object-fit: cover;
}

.vikfx-gallery-fade-container > img {
	height: 100% !important;
	max-height: 404px !important;
	display: block;
}

@media only screen and (max-width: 1200px) {
    .vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock {
        grid-template-columns: repeat(1, 1fr);
    }
}

.vblistroomnamediv > h3 {
	font-size: 36px !important;
	font-weight: 600;
}

.vbtdempty {
	background-color: unset !important;
	border: unset;
}

.vbcalnumdays > td:not([class]) {
	background-color: unset !important;
	border: unset;
}

.vbtdfree {
	border: unset;
	background-color: unset !important;
}

.vbtdbusy, .vbtdpast {
	padding: unset !important;
}

.vbcaldays > td {
	font-size: 20px !important;
}

tr.vbcalnumdays td {
	padding: unset !important;
	border: unset !important;
	font-size: 18px !important;
	line-height: 100%;
}

.vbcal .vbtdbusy {
	border: unset !important;
}

.vblegbusy > span {
	border-radius: 100px !important;
	background-color: #FB3F4A !important;
}

.vbtdbusy {
	background-color: unset !important;
}

.vbtdbusy > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px !important;
	height: 40px !important;
	border-radius: 50%;
	background-color: #FB3F4A !important;
	overflow: hidden;
}

.vbcal td {
  width: 42px !important;
  height: 42px !important;
}

/* Search results */

.vblastavail {
	width: unset;
}

/* Search results */

/* Search form */

.vbo-horizsearch-period-from {
	font-size: 16px !important;
	font-weight: 400;
}

.vbo-horizsearch-period-mday {
	font-size: 16px !important;
	margin: unset !important;
	font-weight: 400 !important;
}

.vbo-horizsearch-period-dt {
	overflow: visible !important;
	max-width: 130px !important;
}

.vbmodhorsearch-hum-dates-wrap {
	margin: unset !important;
	gap: 16px;
	min-width: 500px;
	align-items: end;
}


@media (max-width: 650px) {
	.vbmodhorsearch-hum-dates-wrap {
		min-width: unset;
	}
}

.vbo-horizsearch-showcalendar, .vbmodhorsearch-hum-guests-count, .vbhsrcselsp select {
	border-radius: 8px !important;
	border-color: #9CADB8 !important;
	height: 52px !important;
}

.vbo-horizsearch-humanformat-wrap .vbmodhorsearchcategoriesblock select {
	height: 52px !important;
}

.vbmodhscategories {
	font-size: 19px !important;
	font-weight: 500;
}

.vbmodhorsearchcategoriesblock {
	margin: unset !important;
}

.vbhsrcselsp > select {
	min-width: 180px !important;
	font-size: 19px;
	border-radius: 8px;
	border-color: #9CADB8;
	padding: 12px !important;
}

@media (max-width: 1200px) {
	.vbmodhorsearchcategoriesblock {

	}

	div.vbhsrcselsp select {

	}
}

.vbmodhorsearch-hum-guests-count {
	min-width: 180px;
}

.fa-calendar-alt {
	margin: 0 15px 0 0 !important;
}

.vbo-horizsearch-showcalendar {
	min-width: 190px;
	align-items: center;
}

.vbmodhorsearchmaindiv label {
	font-size: 19px;
	color: #000000;
}

.vbhsrnselsp select, .horsanumsel select {
	border-radius: 8px !important;
	border-color: #9CADB8 !important;
}

.vbselectr {
	padding: unset !important;
}

.vbselectr .btn {
	background-color: #1d61e7;
	border-radius: 8px;
	max-width: 185px;
	font-size: 18px !important;
	margin: unset !important;
}

.vbrowroomcapacity {
	margin: unset !important;
}

.vbrowroomcapacity::after {
	font-size: 18px;
}

.vbrowroomcapacity .fas {
	display: none;
}

.vbrowroomcapacity i:nth-child(1)::after {
	color: black;
}

.vbrowroomcapacity::before {
	content: "\f183";
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: 900;
	color: #0a52f3;
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(1))::after {
  content: "1 guest";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(2))::after {
  content: "2 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(3))::after {
  content: "3 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(4))::after {
  content: "4 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(5))::after {
  content: "5 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(6))::after {
  content: "6 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(7))::after {
  content: "7 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(8))::after {
  content: "8 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(9))::after {
  content: "9 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(10))::after {
  content: "10 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(11))::after {
  content: "11 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(12))::after {
  content: "12 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(13))::after {
  content: "13 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(14))::after {
  content: "14 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(15))::after {
  content: "15 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(16))::after {
  content: "16 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(17))::after {
  content: "17 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(18))::after {
  content: "18 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(19))::after {
  content: "19 guests";
}

.vbrowroomcapacity:has(i:nth-child(1):nth-last-child(20))::after {
  content: "20 guests";
}

button.vbsearchinputmodhors {
	width: 190px;
	height: 54px !important;

	background-color: #1d61e7;
	border-radius: 8px;

	font-size: 20px !important;
	font-weight: 500 !important;
	margin: unset !important;
}

.vbmodhorsearch-hum-guests-adults {
	align-items: center;
	gap: 10px;
	position: relative;
	width: 100%;
}

.vbmodhorsearch-hum-guests-adults::before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 18px;
	background-image: url('https://palmvillasbonaire.com/wp-content/uploads/2025/08/human-icon.png');
	position: relative;
	right: 0;
}

.vbmodhorsearch-hum-guests-adults::after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 24px;
	background-image: url('https://palmvillasbonaire.com/wp-content/uploads/2026/02/iwwa_arrow-up.svg');
	order: 4;
	position: absolute;
	right: 0;
}

.vbmodhscategories .vbhsrcselsp select {
	content: '';
	display: inline-block;
	width: 15px;
	height: 24px;
	background-image: url('https://palmvillasbonaire.com/wp-content/uploads/2026/02/iwwa_arrow-up.svg');
	order: 4;
	position: absolute;
	right: 0;
}

.vbmodhorsearch-hum-guests-wrap {
	margin: unset !important;
}

div.vbmodhorsearch-hum-guests-wrap .vbmodhorsearch-hum-guests-count > div span {
	font-size: 19px;
	font-weight: 400;
	align-self: unset;
}

div.vbmodhorsearch-hum-guests-wrap .vbmodhorsearch-hum-guests-count > div label {
	font-size: 19px;
	margin: unset;
	text-transform: lowercase;
}

.vbmodhorsearch-humcalcont {
	margin: unset !important;
}

div.vbmodhorsearch-humcalcont > label {
	font-weight: 500;
}

div.vbmodhorsearch-hum-guests-wrap > label {
	font-weight: 500;
}

.vbmodhorsearchtotnights {
	order: 3;
}

.vbmodhorsearchtotnights:not(:has(label)) {
	display: none !important;
}

.vbmodhorsearchtotnights > label {
	font-size: 19px;
	font-weight: 500;
}

.vbo-horizsearch-numnights-inner {
	min-width: 105px !important;
	display: flex;
	align-items: center;
}

.vbmodhorsearchbookdiv .btn {
	color: #ffffff;
	border-radius: 8px;
}
/* Search form */

/* Room list */

.vblist {
	gap: 24px 30px;
}

li.room_result {
    border: none;
    border-radius: 8px;
    background-color: #f2f8fd;
	margin: unset !important;
}

.vbdescrlistdiv {
	display: flex;
	gap: 10px;
	flex-direction: column;
	padding: 8px 0 0 0 !important;
}

.vbdescrlistdiv h4 {
	font-size: 26px;
	font-weight: 500;
}

.vbliststartfrom {
	font-size: 18px;
	text-transform: lowercase;
}

.vbliststartfrom::before {
	content: '/';
	padding-right: 5px; 
}

div.vbdescrlistdiv .vblistroomcat {
	color: #8595B5;
	font-size: 14px !important;
	text-transform: uppercase;
	font-weight: 500;
	order: -1;
}

.room_result-inner {
    padding: 24px;
	gap: 16px;
}

.vbrowcname {
	margin: unset !important;
}

.vbrowcname a {
    color: #000000;
}

.vblistimg {
    width: 100%;
    height: 265px !important;
    object-fit: cover;
	border-radius: 8px !important;
}

.vbrowroomcapacity i.fas {
	color: #0a52f3;
}
/* Room list */

/* Search results */
button.vbselectr-result {
	color: #0a52f3;
	border-color: #0a52f3;
}

input.booknow {
	color: #0a52f3;
	border-color: #0a52f3;
}

.vbselectr-result {
	color: #f2f8fd;
}

ol.vbo-stepbar li.vbo-step-complete:before {
	background-color: #0a52f3;
}

ol.vbo-stepbar li.vbo-step-current:before {
	border-color: #0a52f3;
}

ol.vbo-stepbar li.vbo-step-complete, ol.vbo-stepbar li.vbo-step-current {
	border-bottom: 4px solid #0a52f3;
}

.vbo-results-head > div > i {
	color: #0a52f3;
}

@media only screen and (max-width: 550px) {
	.vbo-results-head > .vbo-results-numadults, .vbo-results-head > .vbo-results-numchildren {
    	width: 100% !important;
	}
}

/* Search results */

/* Other */

.vb-search-inner {
	gap: 20px;
	align-items: center;
}

.vbo-search-num-rooms {
	flex: unset !important;
	margin: unset !important;
	display: none !important;
}

.vbo-search-num-racblock {
	margin: unset !important;
	align-items: end;
}

.vbo-search-num-aduchild-block {
	width: 100% !important;
}

#vbjstotnights {
	font-size: 15px !important;
}

.vbo-search-submit {
	margin: unset !important;
	font-size: 18px !important;
}

.vbo-search-submit .btn {
	background-color: #0a52f3;
	border: 0px;
}

.vbo-search-num-aduchild-entry {
	margin: unset !important;
}

.vbo-search-inpblock, .vbo-search-num-aduchild-entry {
	margin: unset !important;
}

.vbo-search-suggestions-container {
	display: none !important;
}

.vbo-booking-solutions-container {
	display: none !important;
}

.vbo-search-suggestions-container:first-child {
	display: block !important;
}

@media (max-width: 600px) {
 .featured-properties .vbrowcname a {
    line-height: 1;
  }
}