html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}
body {
margin: 0;
font-size: 16px;
font-family:
"Plus Jakarta Sans",
-apple-system,
BlinkMacSystemFont,
sans-serif;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #333;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body,
html {
overflow-x: hidden;
width: calc(100%);
}
.alt-font {
font-family: "Cormorant Garamond", serif;
}
.dropdown-menu ._profileSidebar ul li {
display: block;
padding: 0;
margin: 0;
}
.dropdown-menu ._profileSidebar ul {
margin: 0;
padding: 0 10px;
}
.dropdown-menu ._profileSidebar ul li a {
display: flex;
align-items: center;
padding: 10px;
}
.dropdown-menu ._profileSidebar ul li a svg {
margin-right: 10px;
}
button,
hr,
input {
overflow: visible;
}
progress,
sub,
sup {
vertical-align: baseline;
}
[type="checkbox"],
[type="radio"],
legend {
box-sizing: border-box;
padding: 0;
}
.md-checkbox label,
ul.ddlSpinner {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.contactForm .form-group,
.md-radio label,
.reviews_ht + .htAddress {
margin-bottom: 0;
}
._blank,
.md-checkbox label,
ul.ddlSpinner {
-webkit-touch-callout: none;
-khtml-user-select: none;
}
.booking-container {
position: relative;
}
.booking-options {
display: flex;
gap: 10px;
padding-bottom: 10px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
}
._address .txt,
.hotel-detail-price-text,
li.spl_Dest.headerDestination,
span._txtHtlName {
white-space: nowrap;
text-overflow: ellipsis;
}
.has-error + .poperror,
.hotel-detail-room-properties ul li,
.hotel_filters ul.filter li,
.middle-card,
.newOffer,
.subcribe-heading span,
details,
main,
ul.dist_hotels li,
ul.footerlinks li {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
}
font-w {
outline: 0 !important;
}
.proprityTypes.travelStyle,
.proprityTypes.travelStyle:hover,
:focus {
box-shadow: none !important;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: #fff0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
select {
text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: ButtonText dotted 1px;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
color: inherit;
display: table;
max-width: 100%;
white-space: normal;
}
textarea {
overflow: auto;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
.closeFliters,
.filtersFooter,
.htRoomList a.d-none,
.ht_results li.abcabc,
.md-radio input[type="radio"],
[hidden],
template,
ul.searchBoxMain li.ht_pax:after,
ul.searchBoxMain li.search_Btn:after {
display: none;
}
.md-checkbox {
margin: 0;
position: relative;
text-align: left;
}
.card__recipient-info,
.md-checkbox.md-checkbox-inline,
.md-radio.md-radio-inline {
display: inline-block;
}
.md-checkbox label {
cursor: pointer;
display: inline;
line-height: 1.15em;
vertical-align: top;
clear: both;
padding-left: 28px !important;
user-select: none;
}
.md-checkbox label:not(:empty) {
padding-left: 0.75em;
}
.md-checkbox label:after,
.md-checkbox label:before {
content: "";
position: absolute;
left: 0;
top: 0;
}
.md-checkbox label:before {
width: 1.15em;
height: 1.15em;
background: #f5f5f5;
border: 1px solid #c1c1c1;
border-radius: 0.125em;
cursor: pointer;
transition: background 0.3s;
}
.md-checkbox input[type="checkbox"] {
outline: 0;
visibility: hidden;
width: 1.15em;
margin: 0;
display: none;
float: left;
font-size: inherit;
}
.md-checkbox input[type="checkbox"]:checked + label:before {
background: #ff8c00;
border: none;
}
.md-checkbox input[type="checkbox"]:checked + label:after {
transform: translate(0.25em, 0.325em) rotate(-45deg);
width: 0.65em;
height: 0.325em;
border: 0.125em solid #f5f5f5;
border-top-style: none;
border-right-style: none;
}
.md-checkbox input[type="checkbox"]:disabled + label:before {
border-color: rgb(0 0 0 / 0.26);
}
.md-checkbox input[type="checkbox"]:disabled:checked + label:before {
background: rgb(0 0 0 / 0.26);
}
@keyframes ripple {
0% {
box-shadow: 0 0 0 1px #fff0;
}
50% {
box-shadow: 0 0 0 15px rgb(0 0 0 / 0.1);
}
100% {
box-shadow: 0 0 0 15px #fff0;
}
}
.md-radio {
margin: 16px 0;
}
.md-radio input[type="radio"]:checked + label:before {
border-color: #ff8c00;
}
.md-radio input[type="radio"]:checked + label:after {
transform: scale(1);
}
.md-radio label {
display: inline-block;
height: 20px;
position: relative;
padding: 0 30px;
cursor: pointer;
vertical-align: bottom;
}
.loader-1 span,
.loader-1 span::after {
position: absolute;
margin: auto;
clip: rect(0, 32px, 32px, 16px);
bottom: 0;
right: 0;
}
.md-radio label:after,
.md-radio label:before {
position: absolute;
content: "";
border-radius: 50%;
transition:
transform 0.3s,
border-color 0.3s;
}
.md-radio label:before {
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 1px solid #ff8c00;
border-color: #ff8c00 !important;
}
.md-radio label:after {
top: 4px;
left: 4px;
width: 10px;
height: 10px;
transform: scale(0);
background: #ff8c00;
}
button.btn.dropdown-toggle.btn-light {
top: 10px;
}
.fancybox-error.fancybox__content,
.hotel-detail-room-properties ul,
.loginModal .modal-body,
.owlFilters,
.row[data-gutter="0"] > [class^="col-"],
ul.footerlinks {
padding: 0;
}
.room-lucky-discount__seconds-remaining {
text-align: center;
line-height: 100px;
color: #fff;
text-shadow: 0 2px 4px rgb(0 0 0 / 0.2);
font-size: 16px;
font-weight: 600;
}
.room-lucky-discount__content {
width: 65%;
padding-left: 20px;
}
.room-lucky-discount__title {
color: #222;
font-size: 18px;
font-weight: 700;
}
.room-lucky-discount__desc {
color: #444;
font-size: 14px;
font-weight: 400;
line-height: 20px;
padding-top: 10px;
}
.room-lucky-discount__price {
width: 120px;
height: 75px;
text-align: center;
color: #4a4a4a;
font-size: 16px;
font-weight: 500;
border-left: 1px solid #ccc;
}
.room-lucky-discount__ratio {
margin-top: 15px;
margin-bottom: 10px;
color: #4a4a4a;
font-size: 26px;
font-weight: 600;
}
em.icon-facility-107:before,
em.icon-facility-type-15:before {
content: "\F18A";
}
em.icon-facility-2:before,
em.icon-facility-2b:before,
em.icon-facility-3ae:before,
em.icon-facility-type-26:before {
content: "\F13C";
}
em.icon-facility-230:before,
em.icon-facility-29c:before,
em.icon-facility-2ae:before,
em.icon-facility-5:before {
content: "\F208";
}
em.icon-facility-186:before,
em.icon-facility-192:before,
em.icon-facility-195:before,
em.icon-facility-196:before,
em.icon-facility-25d:before,
em.icon-facility-26:before,
em.icon-facility-2ff:before,
em.icon-facility-300:before,
em.icon-facility-type-6:before {
content: "\F13A";
}
em.icon-facility-2ac:before,
em.icon-facility-8:before {
content: "\F18B";
}
em.icon-facility-2e1:before {
content: "\F172";
}
em.icon-facility-3d7:before,
em.icon-facility-41:before {
content: "\F183";
}
em.icon-facility-26d:before,
em.icon-facility-343:before,
em.icon-facility-344:before,
em.icon-facility-345:before,
em.icon-facility-347:before,
em.icon-facility-4:before {
content: "\F1E6";
}
em.icon-facility-206:before,
em.icon-facility-222:before,
em.icon-facility-374:before {
content: "\F177";
}
em.icon-facility-128:before,
em.icon-facility-129:before,
em.icon-facility-12e:before,
em.icon-facility-138:before,
em.icon-facility-139:before,
em.icon-facility-1b5:before,
em.icon-facility-27c:before,
em.icon-facility-27d:before,
em.icon-facility-282:before,
em.icon-facility-284:before,
em.icon-facility-286:before,
em.icon-facility-288:before,
em.icon-facility-289:before,
em.icon-facility-28a:before,
em.icon-facility-28b:before,
em.icon-facility-28d:before,
em.icon-facility-292:before,
em.icon-facility-34b:before,
em.icon-facility-34c:before,
em.icon-facility-34d:before,
em.icon-facility-34f:before,
em.icon-facility-350:before,
em.icon-facility-351:before,
em.icon-facility-355:before,
em.icon-facility-a3:before,
em.icon-facility-type-19:before,
em.icon-facility-type-22:before {
content: "\F1DB";
}
em.icon-facility-type-1:before,
em.icon-facility-type-20:before,
em.icon-facility-type-24:before {
content: "\F1D9";
}
em.icon-facility-type-1a:before {
content: "\F20E";
}
em.icon-facility-type-13:before,
em.icon-facility-type-1b:before,
em.icon-facility-type-7:before {
content: "\F17C";
}
em.icon-facility-type-1e:before {
content: "\F1DA";
}
em.icon-facility-type-1f:before,
em.icon-facility-type-28:before,
em.icon-facility-type-2b:before {
content: "\F20F";
}
em.icon-facility-type-12:before,
em.icon-facility-type-18:before,
em.icon-facility-type-2:before,
em.icon-facility-type-2d:before {
content: "\F102";
}
em.icon-facility-type-1d:before,
em.icon-facility-type-2a:before,
em.icon-facility-type-3:before,
em.icon-facility-type-8:before {
content: "\F19A";
}
em.icon-facility-type-1c:before,
em.icon-facility-type-2c:before {
content: "\F1F2";
}
em.icon-facility-type-25:before,
em.icon-facility-type-4:before {
content: "\F20A";
}
em.icon-facility-type-5:before {
content: "\F209";
}
em.icon-facility-type-9:before {
content: "\F16C";
}
em.icon-facility-type-11:before {
content: "\F168";
}
em.icon-facility-type-14:before {
content: "\F1AD";
}
em.icon-facility-type-16:before {
content: "\F1A1";
}
em.icon-facility-type-17:before {
content: "\F12A";
}
em.icon-facility-type-21:before {
content: "\F193";
}
em.icon-facility-type-23:before {
content: "\F218";
}
em.icon-facility-type-27:before {
content: "\F223";
}
em.icon-facility-type-29:before {
content: "\F231";
}
.breadcrumb__item:before,
.call-me-back__country .label:before,
.call-me-back__modal .select2-selection--single:before,
.checkout-page__label--checked .status-icon:before,
.checkout-page__label--error .status-icon:before,
.checkout-page__label--select .select2-selection--single:before,
.checkout-page__notification--mini .icon:before,
.checkout-page__notification--mini:before,
.checkout-page__notification:before,
.checkout-page__secure-text li em:before,
.checkout-page__sidebar-notification .icon:before,
.collapse-open:checked ~ .filter-menu__arrow:before,
.contact-page__form .select2-selection__arrow:before,
.customer-care__accordion .accordion-item__title .icon:before,
.customer-care__breadcrumb li:before,
.dashboard-voucher__book-info .date--first .icon:before,
.dashboard__trip-image:before,
.destination-button__arrow:before,
.filter-menu__arrow:before,
.hotel-detail-sidebar-chat__icon:before,
.icon-account_circle:before,
.icon-activities:before,
.icon-add:before,
.icon-advanture:before,
.icon-airport:before,
.icon-alarm:before,
.icon-angle-down-alternate:before,
.icon-angle-down-tiny:before,
.icon-angle-down:before,
.icon-angle-left:before,
.icon-angle-right:before,
.icon-angle-up:before,
.icon-apple:before,
.icon-arrow-back:before,
.icon-arrow-down-light:before,
.icon-arrow-down-line:before,
.icon-arrow-down-outline:before,
.icon-arrow-down-thinline:before,
.icon-arrow-down:before,
.icon-arrow-next-bold:before,
.icon-arrow-next-narrow:before,
.icon-arrow-next:before,
.icon-arrow-prev-bold:before,
.icon-arrow-prev-narrow:before,
.icon-arrow-prev:before,
.icon-arrow-right-light:before,
.icon-arrow-right:before,
.icon-arrow-up-outline:before,
.icon-arrow-up:before,
.icon-attachment-alternate:before,
.icon-attachment:before,
.icon-availability-down-four:before,
.icon-availability-down-one:before,
.icon-availability-down-three:before,
.icon-availability-down-two:before,
.icon-availability:before,
.icon-baby:before,
.icon-backpacking:before,
.icon-bar:before,
.icon-base-pseudo,
.icon-beach-alternate:before,
.icon-beach-full:before,
.icon-beach:before,
.icon-beat-price:before,
.icon-beated-price:before,
.icon-bed-multiple:before,
.icon-bed:before,
.icon-bell-clock:before,
.icon-bell:before,
.icon-best-deal:before,
.icon-best-price:before,
.icon-big-lock:before,
.icon-blog:before,
.icon-board-type-upgrade:before,
.icon-box-view:before,
.icon-build:before,
.icon-bus:before,
.icon-bussiness-card:before,
.icon-cable:before,
.icon-cancel:before,
.icon-car-parking:before,
.icon-card:before,
.icon-caret-left:before,
.icon-caret-right:before,
.icon-chain:before,
.icon-check-alternate:before,
.icon-check-bold:before,
.icon-check-circle:before,
.icon-check-o:before,
.icon-check:before,
.icon-child:before,
.icon-city-center:before,
.icon-city-hotels:before,
.icon-click:before,
.icon-clock-o:before,
.icon-clock:before,
.icon-close-alternate:before,
.icon-close-bold:before,
.icon-close-circle-tiny:before,
.icon-close-circle:before,
.icon-close-tiny:before,
.icon-close:before,
.icon-cloud-download:before,
.icon-coffee-alternate:before,
.icon-comment-alternate:before,
.icon-comment:before,
.icon-comments:before,
.icon-comparison:before,
.icon-compass:before,
.icon-custom-offer:before,
.icon-datepicker-alternate:before,
.icon-datepicker:before,
.icon-destinations:before,
.icon-disabled-guest-full:before,
.icon-disabled-guest:before,
.icon-disabled:before,
.icon-dislike:before,
.icon-door:before,
.icon-dot:before,
.icon-double-bed:before,
.icon-down-arrow:before,
.icon-early-booking-discount:before,
.icon-eco-friendly:before,
.icon-edit-pen:before,
.icon-entertainment:before,
.icon-envelope-alternate:before,
.icon-envelope-o:before,
.icon-envelope:before,
.icon-eye-o:before,
.icon-eye:before,
.icon-facebook-offer:before,
.icon-facebook:before,
.icon-family-alternate:before,
.icon-family-of-three:before,
.icon-family-rooms:before,
.icon-family:before,
.icon-file-x:before,
.icon-file:before,
.icon-filter:before,
.icon-fitness-center:before,
.icon-fixed-live-chat:before,
.icon-flag:before,
.icon-folder-x:before,
.icon-folder:before,
.icon-food:before,
.icon-free-breakfast-alternate:before,
.icon-free-breakfast-full:before,
.icon-free-breakfast:before,
.icon-free-cancelation:before,
.icon-free-cancellation:before,
.icon-free-child:before,
.icon-free-cribs:before,
.icon-free-meal:before,
.icon-free-night:before,
.icon-free-parking:before,
.icon-free-person:before,
.icon-free-transportation:before,
.icon-free-upgrade:before,
.icon-free-wifi:before,
.icon-front-desk:before,
.icon-gears-alternate:before,
.icon-gears:before,
.icon-giftcard:before,
.icon-golf:before,
.icon-google-plus-huge:before,
.icon-google:before,
.icon-hamburger:before,
.icon-handicapped:before,
.icon-headphone:before,
.icon-heart-o:before,
.icon-heart:before,
.icon-help-alternate:before,
.icon-help:before,
.icon-honeymoon:before,
.icon-hotel-service:before,
.icon-icon-price-up-one:before,
.icon-image-placeholder:before,
.icon-info-alternate:before,
.icon-info-o-alternate:before,
.icon-info-o:before,
.icon-info-outline:before,
.icon-info:before,
.icon-jacuzzi:before,
.icon-layers-all:before,
.icon-lightbulb:before,
.icon-like:before,
.icon-list-alternate:before,
.icon-list-view:before,
.icon-list:before,
.icon-loading:before,
.icon-location-alternate:before,
.icon-location-check:before,
.icon-location-checked:before,
.icon-location:before,
.icon-lock-alternate:before,
.icon-lock-filled:before,
.icon-lock-o:before,
.icon-lock:before,
.icon-login:before,
.icon-logout:before,
.icon-long-arrow-right:before,
.icon-low-budget:before,
.icon-luxury:before,
.icon-map-marker:before,
.icon-map:before,
.icon-massage:before,
.icon-medal:before,
.icon-message-alternate:before,
.icon-message-check:before,
.icon-message-error:before,
.icon-message:before,
.icon-metglobal:before,
.icon-metro:before,
.icon-minus:before,
.icon-mobile-alternate:before,
.icon-mobile:before,
.icon-money:before,
.icon-moon:before,
.icon-most-booked:before,
.icon-most-searched:before,
.icon-mouse:before,
.icon-nature-alternate:before,
.icon-nature:before,
.icon-night:before,
.icon-non-refundable:before,
.icon-non-smoking:before,
.icon-o-info:before,
.icon-off-alternate:before,
.icon-otel-back:before,
.icon-our-picks:before,
.icon-paper-alternate:before,
.icon-paper:before,
.icon-park:before,
.icon-parking-alternate:before,
.icon-parking:before,
.icon-paw:before,
.icon-pay-at-hotel-alternate:before,
.icon-pay-at-hotel:before,
.icon-pay-online:before,
.icon-pay-shuttle-service:before,
.icon-payment:before,
.icon-people-alternate:before,
.icon-people:before,
.icon-person-alternate:before,
.icon-person-card:before,
.icon-person-o:before,
.icon-person-thin:before,
.icon-person:before,
.icon-pet-friendly-full:before,
.icon-pet-friendly:before,
.icon-pets-allowed:before,
.icon-phone-alternate:before,
.icon-phone:before,
.icon-pin-bold:before,
.icon-pin:before,
.icon-pizza:before,
.icon-plane:before,
.icon-plus-circle:before,
.icon-plus-tiny:before,
.icon-plus:before,
.icon-pool-alternate2:before,
.icon-pool-alternate:before,
.icon-pool:before,
.icon-price-down-one:before,
.icon-price-up-one:before,
.icon-price-up-three:before,
.icon-price-up-two:before,
.icon-print-alternate-2:before,
.icon-print-alternate:before,
.icon-print:before,
.icon-printer:before,
.icon-profile:before,
.icon-promotion:before,
.icon-refundable-alternate:before,
.icon-refundable:before,
.icon-register:before,
.icon-relaxation:before,
.icon-reload:before,
.icon-remove:before,
.icon-restaurant:before,
.icon-ring-full:before,
.icon-ring:before,
.icon-romance-alternate:before,
.icon-romance:before,
.icon-room-service:before,
.icon-room:before,
.icon-rooms:before,
.icon-sauna:before,
.icon-save:before,
.icon-search-alternate:before,
.icon-search-destination:before,
.icon-search-hotel-name:before,
.icon-search-landmark:before,
.icon-search-light:before,
.icon-search:before,
.icon-seaside:before,
.icon-secure-o:before,
.icon-secure-payment:before,
.icon-secure:before,
.icon-settings:before,
.icon-shops:before,
.icon-shuttle:before,
.icon-sign-out:before,
.icon-single-bed:before,
.icon-smile-o:before,
.icon-smile:before,
.icon-sort-alphabetical:before,
.icon-sort-arrow-down:before,
.icon-sort-map:before,
.icon-spa-alternate2:before,
.icon-spa-alternate:before,
.icon-spa:before,
.icon-special-discount-v2:before,
.icon-special-discount:before,
.icon-special-offer:before,
.icon-star-alternate:before,
.icon-star-o:before,
.icon-star-outline:before,
.icon-star-sharp:before,
.icon-star-square:before,
.icon-star:before,
.icon-start-live-chat:before,
.icon-stats-circle:before,
.icon-sunny:before,
.icon-swim:before,
.icon-swimming:before,
.icon-tag:before,
.icon-telephone:before,
.icon-timer:before,
.icon-top-10:before,
.icon-transfer-available:before,
.icon-trash:before,
.icon-tripadvisor-large:before,
.icon-trustpilot:before,
.icon-twitter:before,
.icon-unlock-alt:before,
.icon-user:before,
.icon-warning:before,
.icon-weather-cloud:before,
.icon-weather-rainy:before,
.icon-weather-sunny-cloud:before,
.icon-weather-sunny:before,
.icon-weather-wind:before,
.icon-wifi-alternate2:before,
.icon-wifi-alternate:before,
.icon-wifi-full:before,
.icon-wifi:before,
.icon-winter-sports:before,
.icon-world:before,
.is-error + .field-icon__right:before,
.is-success + .field-icon__right:before,
.live-chat__close:before,
.live-chat__minus:before,
.room-availability__room--alternate .room-availability__room-type.active:before,
.room-availability__room--alternate .room-availability__room-type:before,
.search-box__sticky .search-inputs__input:before,
.search-item-properties li:before,
.search-item-stars .stars span:before,
.search-rooms .select:before,
.search__room .select:before,
.select .icon:before,
.select2-selection .icon:before,
.select:before,
.send-message__form--error:before,
.site-footer-content-wrap__selects .select:before,
.social-accounts__providers a.facebook em:before,
.stars span:before,
.thanks-page__book-information .thanks-page__row .date.arrow .icon:before,
.thanks-page__form-success:before,
.thanks-page__notifications li .icon:before,
.voucher-area__book-info .date--first .icon:before,
em.icon-facility-107:before,
em.icon-facility-128:before,
em.icon-facility-129:before,
em.icon-facility-12e:before,
em.icon-facility-138:before,
em.icon-facility-139:before,
em.icon-facility-186:before,
em.icon-facility-192:before,
em.icon-facility-195:before,
em.icon-facility-196:before,
em.icon-facility-1b5:before,
em.icon-facility-206:before,
em.icon-facility-222:before,
em.icon-facility-230:before,
em.icon-facility-25d:before,
em.icon-facility-26:before,
em.icon-facility-26d:before,
em.icon-facility-27c:before,
em.icon-facility-27d:before,
em.icon-facility-282:before,
em.icon-facility-284:before,
em.icon-facility-286:before,
em.icon-facility-288:before,
em.icon-facility-289:before,
em.icon-facility-28a:before,
em.icon-facility-28b:before,
em.icon-facility-28d:before,
em.icon-facility-292:before,
em.icon-facility-29c:before,
em.icon-facility-2:before,
em.icon-facility-2ac:before,
em.icon-facility-2ae:before,
em.icon-facility-2b:before,
em.icon-facility-2e1:before,
em.icon-facility-2ff:before,
em.icon-facility-300:before,
em.icon-facility-343:before,
em.icon-facility-344:before,
em.icon-facility-345:before,
em.icon-facility-347:before,
em.icon-facility-34b:before,
em.icon-facility-34c:before,
em.icon-facility-34d:before,
em.icon-facility-34f:before,
em.icon-facility-350:before,
em.icon-facility-351:before,
em.icon-facility-355:before,
em.icon-facility-374:before,
em.icon-facility-3ae:before,
em.icon-facility-3d7:before,
em.icon-facility-41:before,
em.icon-facility-4:before,
em.icon-facility-5:before,
em.icon-facility-8:before,
em.icon-facility-a3:before,
em.icon-facility-type-11:before,
em.icon-facility-type-12:before,
em.icon-facility-type-13:before,
em.icon-facility-type-14:before,
em.icon-facility-type-15:before,
em.icon-facility-type-16:before,
em.icon-facility-type-17:before,
em.icon-facility-type-18:before,
em.icon-facility-type-19:before,
em.icon-facility-type-1:before,
em.icon-facility-type-1a:before,
em.icon-facility-type-1b:before,
em.icon-facility-type-1c:before,
em.icon-facility-type-1d:before,
em.icon-facility-type-1e:before,
em.icon-facility-type-1f:before,
em.icon-facility-type-20:before,
em.icon-facility-type-21:before,
em.icon-facility-type-22:before,
em.icon-facility-type-23:before,
em.icon-facility-type-24:before,
em.icon-facility-type-25:before,
em.icon-facility-type-26:before,
em.icon-facility-type-27:before,
em.icon-facility-type-28:before,
em.icon-facility-type-29:before,
em.icon-facility-type-2:before,
em.icon-facility-type-2a:before,
em.icon-facility-type-2b:before,
em.icon-facility-type-2c:before,
em.icon-facility-type-2d:before,
em.icon-facility-type-3:before,
em.icon-facility-type-4:before,
em.icon-facility-type-5:before,
em.icon-facility-type-6:before,
em.icon-facility-type-7:before,
em.icon-facility-type-8:before,
em.icon-facility-type-9:before,
input[type="checkbox"]:checked + .form-item:before,
input[type="radio"]:checked + .form-item:before {
font-family: icon;
-webkit-font-smoothing: antialiased;
-mox-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
}
.Paybg,
.txtHeading,
p.txtSubheading {
font-family: Helvetica, Arial, sans-serif;
}
.hotel_card,
.middle-card,
.middle-card .txt_title,
.middle-card:hover .txt_title,
.newOffer,
.offer-card,
.proprityTypes {
text-decoration: none !important;
}
.icon-account_circle:before {
content: "\F101";
}
.icon-activities:before {
content: "\F102";
}
.icon-add:before {
content: "\F103";
}
.icon-advanture:before {
content: "\F104";
}
.icon-airport:before {
content: "\F105";
}
.icon-alarm:before {
content: "\F106";
}
.icon-angle-down-alternate:before {
content: "\F107";
}
.icon-angle-down-tiny:before {
content: "\F108";
}
.icon-angle-down:before {
content: "\F109";
}
.icon-angle-left:before {
content: "\F10A";
}
.icon-angle-right:before {
content: "\F10B";
}
.icon-angle-up:before {
content: "\F10C";
}
.icon-apple:before {
content: "\F10D";
}
.icon-arrow-back:before {
content: "\F10E";
}
.icon-arrow-down-light:before {
content: "\F10F";
}
.icon-arrow-down-line:before {
content: "\F110";
}
.icon-arrow-down-outline:before {
content: "\F111";
}
.icon-arrow-down-thinline:before {
content: "\F112";
}
.icon-arrow-down:before {
content: "\F113";
}
.icon-arrow-next-bold:before {
content: "\F114";
}
.icon-arrow-next-narrow:before {
content: "\F115";
}
.icon-arrow-next:before {
content: "\F116";
}
.icon-arrow-prev-bold:before {
content: "\F117";
}
.icon-arrow-prev-narrow:before {
content: "\F118";
}
.icon-arrow-prev:before {
content: "\F119";
}
.icon-arrow-right-light:before {
content: "\F11A";
}
.icon-arrow-right:before {
content: "\F11B";
}
.icon-arrow-up-outline:before {
content: "\F11C";
}
.icon-arrow-up:before {
content: "\F11D";
}
.icon-attachment-alternate:before {
content: "\F11E";
}
.icon-attachment:before {
content: "\F11F";
}
.icon-availability-down-four:before {
content: "\F120";
}
.icon-availability-down-one:before {
content: "\F121";
}
.icon-availability-down-three:before {
content: "\F122";
}
.icon-availability-down-two:before {
content: "\F123";
}
.icon-availability:before {
content: "\F124";
}
.icon-baby:before {
content: "\F125";
}
.icon-backpacking:before {
content: "\F126";
}
.icon-bar:before {
content: "\F127";
}
.icon-beach-alternate:before {
content: "\F128";
}
.icon-beach-full:before {
content: "\F129";
}
.icon-beach:before {
content: "\F12A";
}
.icon-beat-price:before {
content: "\F12B";
}
.icon-beated-price:before {
content: "\F12C";
}
.icon-bed-multiple:before {
content: "\F12D";
}
.icon-bed:before {
content: "\F12E";
}
.icon-bell-clock:before {
content: "\F12F";
}
.icon-bell:before {
content: "\F130";
}
.icon-best-deal:before {
content: "\F131";
}
.icon-best-price:before {
content: "\F132";
}
.icon-big-lock:before {
content: "\F133";
}
.icon-blog:before {
content: "\F134";
}
.icon-board-type-upgrade:before {
content: "\F135";
}
.icon-box-view:before {
content: "\F136";
}
.icon-build:before {
content: "\F137";
}
.icon-bus:before {
content: "\F138";
}
.icon-bussiness-card:before {
content: "\F139";
}
.icon-cable:before {
content: "\F13A";
}
.icon-cancel:before {
content: "\F13B";
}
.icon-car-parking:before {
content: "\F13C";
}
.icon-card:before {
content: "\F13D";
}
.icon-caret-left:before {
content: "\F13E";
}
.icon-caret-right:before {
content: "\F13F";
}
.icon-chain:before {
content: "\F140";
}
.icon-check-alternate:before {
content: "\F141";
}
.icon-check-bold:before {
content: "\F142";
}
.icon-check-circle:before {
content: "\F143";
}
.icon-check-o:before {
content: "\F144";
}
.icon-check:before {
content: "\F145";
}
.icon-child:before {
content: "\F146";
}
.icon-city-center:before {
content: "\F147";
}
.icon-city-hotels:before {
content: "\F148";
}
.icon-click:before {
content: "\F149";
}
.icon-clock-o:before {
content: "\F14A";
}
.icon-clock:before {
content: "\F14B";
}
.icon-close-alternate:before {
content: "\F14C";
}
.icon-close-bold:before {
content: "\F14D";
}
.icon-close-circle-tiny:before {
content: "\F14E";
}
.icon-close-circle:before {
content: "\F14F";
}
.icon-close-tiny:before {
content: "\F150";
}
.icon-close:before {
content: "\F151";
}
.icon-cloud-download:before {
content: "\F152";
}
.icon-coffee-alternate:before {
content: "\F153";
}
.icon-comment-alternate:before {
content: "\F154";
}
.icon-comment:before {
content: "\F155";
}
.icon-comments:before {
content: "\F156";
}
.icon-comparison:before {
content: "\F157";
}
.icon-compass:before {
content: "\F158";
}
.icon-custom-offer:before {
content: "\F159";
}
.icon-datepicker-alternate:before {
content: "\F15A";
}
.icon-datepicker:before {
content: "\F15B";
}
.icon-destinations:before {
content: "\F15C";
}
.icon-disabled-guest-full:before {
content: "\F15D";
}
.icon-disabled-guest:before {
content: "\F15E";
}
.icon-disabled:before {
content: "\F15F";
}
.icon-dislike:before {
content: "\F160";
}
.icon-door:before {
content: "\F161";
}
.icon-dot:before {
content: "\F162";
}
.icon-double-bed:before {
content: "\F163";
}
.icon-down-arrow:before {
content: "\F164";
}
.icon-early-booking-discount:before {
content: "\F165";
}
.icon-eco-friendly:before {
content: "\F166";
}
.icon-edit-pen:before {
content: "\F167";
}
.icon-entertainment:before {
content: "\F168";
}
.icon-envelope-alternate:before {
content: "\F169";
}
.icon-envelope-o:before {
content: "\F16A";
}
.icon-envelope:before {
content: "\F16B";
}
.icon-eye-o:before {
content: "\F16C";
}
.icon-eye:before {
content: "\F16D";
}
.icon-facebook-offer:before {
content: "\F16E";
}
.icon-facebook:before {
content: "\F16F";
}
.icon-family-alternate:before {
content: "\F170";
}
.icon-family-of-three:before {
content: "\F171";
}
.icon-family-rooms:before {
content: "\F172";
}
.icon-family:before {
content: "\F173";
}
.icon-file-x:before {
content: "\F174";
}
.icon-file:before {
content: "\F175";
}
.icon-filter:before {
content: "\F176";
}
.icon-fitness-center:before {
content: "\F177";
}
.icon-fixed-live-chat:before {
content: "\F178";
}
.icon-flag:before {
content: "\F179";
}
.icon-folder-x:before {
content: "\F17A";
}
.icon-folder:before {
content: "\F17B";
}
.icon-food:before {
content: "\F17C";
}
.icon-free-breakfast-alternate:before {
content: "\F17D";
}
.icon-free-breakfast-full:before {
content: "\F17E";
}
.icon-free-breakfast:before {
content: "\F17F";
}
.icon-free-cancelation:before {
content: "\F180";
}
.icon-free-cancellation:before {
content: "\F181";
}
.icon-free-child:before {
content: "\F182";
}
.icon-free-cribs:before {
content: "\F183";
}
.icon-free-meal:before {
content: "\F184";
}
.icon-free-night:before {
content: "\F185";
}
.icon-free-parking:before {
content: "\F186";
}
.icon-free-person:before {
content: "\F187";
}
.icon-free-transportation:before {
content: "\F188";
}
.icon-free-upgrade:before {
content: "\F189";
}
.icon-free-wifi:before {
content: "\F18A";
}
.icon-front-desk:before {
content: "\F18B";
}
.icon-gears-alternate:before {
content: "\F18C";
}
.icon-gears:before {
content: "\F18D";
}
.icon-giftcard:before {
content: "\F18E";
}
.icon-golf:before {
content: "\F18F";
}
.icon-google-plus-huge:before {
content: "\F190";
}
.icon-google:before {
content: "\F191";
}
.icon-hamburger:before {
content: "\F192";
}
.icon-handicapped:before {
content: "\F193";
}
.icon-headphone:before {
content: "\F194";
}
.icon-heart-o:before {
content: "\F195";
}
.icon-heart:before {
content: "\F196";
}
.icon-help-alternate:before {
content: "\F197";
}
.icon-help:before {
content: "\F198";
}
.icon-honeymoon:before {
content: "\F199";
}
.icon-hotel-service:before {
content: "\F19A";
}
.icon-icon-price-up-one:before {
content: "\F19B";
}
.icon-image-placeholder:before {
content: "\F19C";
}
.icon-info-alternate:before {
content: "\F19D";
}
.icon-info-o-alternate:before {
content: "\F19E";
}
.icon-info-o:before {
content: "\F19F";
}
.icon-info-outline:before {
content: "\F1A0";
}
.icon-info:before {
content: "\F1A1";
}
.icon-jacuzzi:before {
content: "\F1A2";
}
.icon-layers-all:before {
content: "\F1A3";
}
.icon-lightbulb:before {
content: "\F1A4";
}
.icon-like:before {
content: "\F1A5";
}
.icon-list-alternate:before {
content: "\F1A6";
}
.icon-list-view:before {
content: "\F1A7";
}
.icon-list:before {
content: "\F1A8";
}
.icon-loading:before {
content: "\F1A9";
}
.icon-location-alternate:before {
content: "\F1AA";
}
.icon-location-check:before {
content: "\F1AB";
}
.icon-location-checked:before {
content: "\F1AC";
}
.icon-location:before {
content: "\F1AD";
}
.icon-lock-alternate:before {
content: "\F1AE";
}
.icon-lock-filled:before {
content: "\F1AF";
}
.icon-lock-o:before {
content: "\F1B0";
}
.icon-lock:before {
content: "\F1B1";
}
.icon-login:before {
content: "\F1B2";
}
.icon-logout:before {
content: "\F1B3";
}
.icon-long-arrow-right:before {
content: "\F1B4";
}
.icon-low-budget:before {
content: "\F1B5";
}
.icon-luxury:before {
content: "\F1B6";
}
.icon-map-marker:before {
content: "\F1B7";
}
.icon-map:before {
content: "\F1B8";
}
.icon-massage:before {
content: "\F1B9";
}
.icon-medal:before {
content: "\F1BA";
}
.icon-message-alternate:before {
content: "\F1BB";
}
.icon-message-check:before {
content: "\F1BC";
}
.icon-message-error:before {
content: "\F1BD";
}
.icon-message:before {
content: "\F1BE";
}
.icon-metglobal:before {
content: "\F1BF";
}
.icon-metro:before {
content: "\F1C0";
}
.icon-minus:before {
content: "\F1C1";
}
.icon-mobile-alternate:before {
content: "\F1C2";
}
.icon-mobile:before {
content: "\F1C3";
}
.icon-money:before {
content: "\F1C4";
}
.icon-moon:before {
content: "\F1C5";
}
.icon-most-booked:before {
content: "\F1C6";
}
.icon-most-searched:before {
content: "\F1C7";
}
.icon-mouse:before {
content: "\F1C8";
}
.icon-nature-alternate:before {
content: "\F1C9";
}
.icon-nature:before {
content: "\F1CA";
}
.icon-night:before {
content: "\F1CB";
}
.icon-non-refundable:before {
content: "\F1CC";
}
.icon-non-smoking:before {
content: "\F1CD";
}
.icon-o-info:before {
content: "\F1CE";
}
.icon-off-alternate:before {
content: "\F1CF";
}
.icon-otel-back:before {
content: "\F1D0";
}
.icon-our-picks:before {
content: "\F1D1";
}
.icon-paper-alternate:before {
content: "\F1D2";
}
.icon-paper:before {
content: "\F1D3";
}
.icon-park:before {
content: "\F1D4";
}
.icon-parking-alternate:before {
content: "\F1D5";
}
.icon-parking:before {
content: "\F1D6";
}
.icon-paw:before {
content: "\F1D7";
}
.icon-pay-at-hotel-alternate:before {
content: "\F1D8";
}
.icon-pay-at-hotel:before {
content: "\F1D9";
}
.icon-pay-online:before {
content: "\F1DA";
}
.icon-pay-shuttle-service:before {
content: "\F1DB";
}
.icon-payment:before {
content: "\F1DC";
}
.icon-people-alternate:before {
content: "\F1DD";
}
.icon-people:before {
content: "\F1DE";
}
.icon-person-alternate:before {
content: "\F1DF";
}
.icon-person-card:before {
content: "\F1E0";
}
.icon-person-o:before {
content: "\F1E1";
}
.icon-person-thin:before {
content: "\F1E2";
}
.icon-person:before {
content: "\F1E3";
}
.icon-pet-friendly-full:before {
content: "\F1E4";
}
.icon-pet-friendly:before {
content: "\F1E5";
}
.icon-pets-allowed:before {
content: "\F1E6";
}
.icon-phone-alternate:before {
content: "\F1E7";
}
.icon-phone:before {
content: "\F1E8";
}
.icon-pin-bold:before {
content: "\F1E9";
}
.icon-pin:before {
content: "\F1EA";
}
.icon-pizza:before {
content: "\F1EB";
}
.icon-plane:before {
content: "\F1EC";
}
.icon-plus-circle:before {
content: "\F1ED";
}
.icon-plus-tiny:before {
content: "\F1EE";
}
.icon-plus:before {
content: "\F1EF";
}
.icon-pool-alternate:before {
content: "\F1F0";
}
.icon-pool-alternate2:before {
content: "\F1F1";
}
.icon-pool:before {
content: "\F1F2";
}
.icon-price-down-one:before {
content: "\F1F3";
}
.icon-price-up-one:before {
content: "\F1F4";
}
.icon-price-up-three:before {
content: "\F1F5";
}
.icon-price-up-two:before {
content: "\F1F6";
}
.icon-print-alternate-2:before {
content: "\F1F7";
}
.icon-print-alternate:before {
content: "\F1F8";
}
.icon-print:before {
content: "\F1F9";
}
.icon-printer:before {
content: "\F1FA";
}
.icon-profile:before {
content: "\F1FB";
}
.icon-promotion:before {
content: "\F1FC";
}
.icon-refundable-alternate:before {
content: "\F1FD";
}
.icon-refundable:before {
content: "\F1FE";
}
.icon-register:before {
content: "\F1FF";
}
.icon-relaxation:before {
content: "\F200";
}
.icon-reload:before {
content: "\F201";
}
.icon-remove:before {
content: "\F202";
}
.icon-restaurant:before {
content: "\F203";
}
.icon-ring-full:before {
content: "\F204";
}
.icon-ring:before {
content: "\F205";
}
.icon-romance-alternate:before {
content: "\F206";
}
.icon-romance:before {
content: "\F207";
}
.icon-room-service:before {
content: "\F208";
}
.icon-room:before {
content: "\F209";
}
.icon-rooms:before {
content: "\F20A";
}
.icon-sauna:before {
content: "\F20B";
}
.icon-save:before {
content: "\F20C";
}
.icon-search-alternate:before {
content: "\F20D";
}
.icon-search-destination:before {
content: "\F20E";
}
.icon-search-hotel-name:before {
content: "\F20F";
}
.icon-search-landmark:before {
content: "\F210";
}
.icon-search-light:before {
content: "\F211";
}
.icon-search:before {
content: "\F212";
}
.icon-seaside:before {
content: "\F213";
}
.icon-secure-o:before {
content: "\F214";
}
.icon-secure-payment:before {
content: "\F215";
}
.icon-secure:before {
content: "\F216";
}
.icon-settings:before {
content: "\F217";
}
.icon-shops:before {
content: "\F218";
}
.icon-shuttle:before {
content: "\F219";
}
.icon-sign-out:before {
content: "\F21A";
}
.icon-single-bed:before {
content: "\F21B";
}
.icon-smile-o:before {
content: "\F21C";
}
.icon-smile:before {
content: "\F21D";
}
.icon-sort-alphabetical:before {
content: "\F21E";
}
.icon-sort-arrow-down:before {
content: "\F21F";
}
.icon-sort-map:before {
content: "\F220";
}
.icon-spa-alternate:before {
content: "\F221";
}
.icon-spa-alternate2:before {
content: "\F222";
}
.icon-spa:before {
content: "\F223";
}
.icon-special-discount-v2:before {
content: "\F224";
}
.icon-special-discount:before {
content: "\F225";
}
.icon-special-offer:before {
content: "\F226";
}
.icon-star-alternate:before {
content: "\F227";
}
.icon-star-o:before {
content: "\F228";
}
.icon-star-outline:before {
content: "\F229";
}
.icon-star-sharp:before {
content: "\F22A";
}
.icon-star-square:before {
content: "\F22B";
}
.icon-star:before {
content: "\F22C";
}
.icon-start-live-chat:before {
content: "\F22D";
}
.icon-stats-circle:before {
content: "\F22E";
}
.icon-sunny:before {
content: "\F22F";
}
.icon-swim:before {
content: "\F230";
}
.icon-swimming:before {
content: "\F231";
}
.icon-tag:before {
content: "\F232";
}
.icon-telephone:before {
content: "\F233";
}
.icon-timer:before {
content: "\F234";
}
.icon-top-10:before {
content: "\F235";
}
.icon-transfer-available:before {
content: "\F236";
}
.icon-trash:before {
content: "\F237";
}
.icon-tripadvisor-large:before {
content: "\F238";
}
.icon-trustpilot:before {
content: "\F239";
}
.icon-twitter:before {
content: "\F23A";
}
.icon-unlock-alt:before {
content: "\F23B";
}
.icon-user:before {
content: "\F23C";
}
.icon-warning:before {
content: "\F23D";
}
.icon-weather-cloud:before {
content: "\F23E";
}
.icon-weather-rainy:before {
content: "\F23F";
}
.icon-weather-sunny-cloud:before {
content: "\F240";
}
.icon-weather-sunny:before {
content: "\F241";
}
.icon-weather-wind:before {
content: "\F242";
}
.icon-wifi-alternate:before {
content: "\F243";
}
.icon-wifi-alternate2:before {
content: "\F244";
}
.icon-wifi-full:before {
content: "\F245";
}
.icon-wifi:before {
content: "\F246";
}
.icon-winter-sports:before {
content: "\F247";
}
.icon-world:before {
content: "\F248";
}
@font-face {
font-family: icon;
src:
url(../font/icon.eot?2dbdd5bb7f9f18f8352393af03b3042b?#iefix)
format("embedded-opentype"),
url(../font/icon.woff?2dbdd5bb7f9f18f8352393af03b3042b) format("woff"),
url(../font/icon.ttf?2dbdd5bb7f9f18f8352393af03b3042b) format("truetype"),
url(../font/icon.svg?2dbdd5bb7f9f18f8352393af03b3042b#icon) format("svg");
}
.loadercls {
min-height: 65vh;
}
.loadercls .box {
min-height: 60vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.loadercls .box .loadingtext {
margin-top: 40px;
font-weight: 600;
}
.loader-1 {
height: 32px;
width: 32px;
-webkit-animation: 4.8s linear infinite loader-1-1;
animation: 4.8s linear infinite loader-1-1;
margin: 0 auto;
}
@-webkit-keyframes loader-1-1 {
0% {
-webkit-transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes loader-1-1 {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.loader-1 span {
display: block;
top: 0;
left: 0;
height: 32px;
width: 32px;
-webkit-animation: 1.2s linear infinite loader-1-2;
animation: 1.2s linear infinite loader-1-2;
}
@-webkit-keyframes loader-1-2 {
0% {
-webkit-transform: rotate(0);
}
100% {
-webkit-transform: rotate(220deg);
}
}
@keyframes loader-1-2 {
0% {
transform: rotate(0);
}
100% {
transform: rotate(220deg);
}
}
.loader-1 span::after {
content: "";
top: 0;
left: 0;
height: 32px;
width: 32px;
border: 3px solid #ff2e63;
border-radius: 50%;
-webkit-animation: 1.2s cubic-bezier(0.77, 0, 0.175, 1) infinite loader-1-3;
animation: 1.2s cubic-bezier(0.77, 0, 0.175, 1) infinite loader-1-3;
}
@-webkit-keyframes loader-1-3 {
0% {
-webkit-transform: rotate(-140deg);
}
50% {
-webkit-transform: rotate(-160deg);
}
100% {
-webkit-transform: rotate(140deg);
}
}
@keyframes loader-1-3 {
0% {
transform: rotate(-140deg);
}
50% {
transform: rotate(-160deg);
}
100% {
transform: rotate(140deg);
}
}
@-webkit-keyframes bounce {
0% {
text-shadow:
0 5px 0 #ccc,
0 2px 3px #000;
}
100% {
transform: translateY(-20px);
text-shadow:
0 50px 0 #black,
0 0 20px rgb(0 0 0 / 0.8);
}
}
.htAcc_location {
font-size: 20px;
font-weight: 600;
color: #111;
}
ul.ht_spl_modify.vHide {
opacity: 0.5;
}
.dates_results {
font-weight: 500;
font-size: 15px;
margin-bottom: 20px;
}
.filterheading,
h1.main-heading {
font-weight: 700;
}
ul.filtercheckboxlist,
ul.selectAirlineClass {
padding: 0;
margin: 0;
}
ul.filtercheckboxlist li {
display: block;
margin: 15px 0;
}
ul.filtercheckboxlist.radioList li {
display: block;
margin: 10px 0;
}
ul.filtercheckboxlist li label {
font-size: 13px;
font-weight: 600;
display: flex;
justify-content: space-between;
color: #383838;
}
ul.filtercheckboxlist li label .count,
ul.filtercheckboxlist li label .price {
color: #585858;
font-weight: 600;
font-size: 11px;
}
.item-wrapper p,
.row.discover_row,
.row[data-gutter="0"],
ul.filtercheckboxlist li .md-radio {
margin: 0;
}
ul.filtercheckboxlist li .htStar {
margin: -4px 0 0;
}
header.header {
padding: 5px 0;
position: relative;
z-index: 9;
}
ul.searchTabs {
display: flex;
justify-content: center;
margin: 20px auto 0 !important;
background: #fff;
border-radius: 50px;
width: fit-content;
padding: 0;
}
.currencyPicker input,
.room-card-button input[type="radio"],
ul.searchTabs li input[type="radio"] {
position: absolute;
opacity: 0;
}
ul.searchTabs li a,
ul.searchTabs li input[type="radio"] + label {
display: flex;
background: 0 0;
height: 50px;
align-items: center;
justify-content: center;
font-weight: 600;
color: #000;
border-radius: 50px;
text-decoration: none;
margin: 0;
cursor: pointer !important;
padding: 0 20px;
min-width: 150px;
}
.btn.btn-search,
.searchBox,
.searchbanner,
ul.searchBoxMain {
display: flex;
align-items: center;
}
ul.searchTabs li a svg,
ul.searchTabs li input[type="radio"] + label svg {
margin-right: 10px;
}
ul.searchTabs li input[type="radio"]:checked + label svg {
fill: #fff;
}
ul.searchTabs li {
display: block;
margin: 5px;
}
ul.searchTabs li input[type="radio"]:checked + label,
ul.searchTabs li.active a {
background: #ff8c00;
color: #fff;
}
ul.searchBoxMain {
padding: 0;
width: calc(100%);
margin: 20px 0 0;
flex: 0;
box-shadow: rgb(0 0 0 / 25%) 0 4px 4px;
border-radius: 8px;
}
ul.searchBoxMain li.ht_input {
display: block;
background: #fff;
padding: 14px 30px !important;
flex-shrink: 0;
flex-grow: 0;
width: 180px;
position: relative;
}
ul.searchBoxMain li.ht_input .form-group {
margin: 0;
position: initial;
}
ul.searchBoxMain li.ht_input .form-group .form-control {
border: none;
background: 0 0;
padding: 0;
height: 18px;
font-size: 14px;
font-weight: 700;
color: #111;
}
.video-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.video-wrapper .video-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-wrapper .video-player video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
max-width: none;
z-index: -1;
}
.searchbanner {
min-height: 450px;
background-repeat: no-repeat;
background-size: cover;
background-position: center 80%;
padding: 0 0;
position: relative;
}
.searchbanner:before {
content: "";
position: absolute;
top: 0;
right: 20px;
left: 20px;
bottom: 5%;
background-color: hsl(0deg 0% 0% / 30%);
border-radius: 10px;
background-image: url(https://images.unsplash.com/photo-1618773928121-c32242e63f39?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 68%;
background-blend-mode: color;
}
.searchBox {
width: 100%;
justify-content: center;
position: relative;
z-index: 1;
top: -20px;
}
ul.searchBoxMain li.searchCity {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
padding-left: 36px !important;
width: 300px !important;
}
ul.searchBoxMain li label {
margin-bottom: 0 !important;
font-size: 14px !important;
line-height: 16px !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
padding-bottom: 2px !important;
}
.btn.btn-search {
justify-content: center;
height: 60px;
background: #ff8c00;
color: #fff;
border-radius: 8px;
width: 124px;
font-weight: 600;
}
ul.searchBoxMain li.search_Btn {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
height: 70px;
display: inline-flex;
align-items: center;
padding: 10px 5px 10px 10px !important;
width: 140px;
}
.btn.btn-search svg {
fill: #fff;
color: #fff;
width: 16px;
height: 16px;
margin-right: 10px;
}
ul.searchBoxMain li .form-group .form-control::-webkit-input-placeholder {
font-weight: 500;
}
ul.searchBoxMain li .form-group .form-control:-ms-input-placeholder {
font-weight: 500;
}
ul.searchBoxMain li .form-group .form-control::placeholder {
font-weight: 500;
}
ul.searchBoxMain li.ht_pax {
flex: 1 0 0%;
max-width: 200px;
}
h1.main-heading {
color: #fff;
font-size: 40px;
margin: 0 0 10px;
letter-spacing: 0.38px;
text-shadow: 3px 3px 0 rgb(0 0 0 / 50%);
}
h1.main-heading + p {
color: #fff;
margin: 0;
font-weight: 600;
text-shadow: 1px 1px 0 rgb(0 0 0 / 50%);
}
ul.searchBoxMain li:not(last-child):after {
content: "";
height: 24px;
width: 1px;
background: #a7a7a7;
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.poperror {
display: none;
position: absolute;
background: #e63a51;
left: 0;
right: 0;
bottom: -10px;
transform: translateY(100%);
color: #fff;
padding: 2px;
font-size: 12px;
z-index: 3;
}
.poperror:before {
content: "";
width: 0;
height: 0;
border-left: 10px solid #fff0;
border-right: 10px solid #fff0;
border-bottom: 10px solid #e63a51;
position: relative;
top: -25px;
left: 20px;
}
.childpax select {
padding-right: 0 !important;
border: 1px solid #c7ccd1;
border-radius: 4px !important;
width: 65px;
margin: 10px 10px 0 0;
}
.htr_name .tripadvisorReview,
.icon-text span,
.lastminuteDeals_card .card_body .card_title .star_ratings {
margin-left: 10px;
}
.childpax {
display: flex;
}
.autocompleteDiv {
position: absolute;
bottom: 0;
left: 40px;
right: 0;
}
.LoginForm .inner-group,
._blank,
.about-carousel-wrapper,
.card_img,
.currencyPicker div,
.footer,
.form-group._dateinput,
.hotel-detail-retention-price span:first-child,
.modal-content,
.owl-carousel.ht_tabHotels,
.owl-carousel.owlFilters,
.proprityTypes,
.selectboxinput,
a.top-dest,
span.reviw_rating,
ul.ht_spl_modify li {
position: relative;
}
.autocompleteDiv ul {
max-height: 300px;
overflow-x: visible;
overflow-y: auto;
overscroll-behavior-y: contain;
scroll-behavior: smooth;
border: none !important;
background: #fff;
padding: 0;
z-index: 9 !important;
transform: translateY(calc(100%));
}
.autocompleteDiv ul li {
padding: 10px !important;
font-size: 14px;
font-weight: 400;
cursor: pointer !important;
}
.autocompleteDiv ul li:hover,
.autocompleteDiv ul li:hover .ui-state-active {
background: #ff8c00 !important;
color: #fff !important;
border-color: #fff0;
}
.autocompleteDiv ul li:after,
.htimages .owl-nav {
display: none !important;
}
.autocompleteDiv ul li:not(:last-child),
ul.ddlSpinner li:not(:last-child) {
border-bottom: 1px solid #ddd;
}
.bg-gray {
background-color: #dedde8;
}
.bg-alt,
.bg-lt-gray {
background: #f6f6f6;
}
section.main {
padding: 60px 0 0;
background: #fff;
}
.icon-text span {
font-size: 18px;
font-weight: 600;
color: #000;
}
.ht_facilities span i {
font-size: 20px;
margin-right: 5px;
}
.icon-text {
margin: 10px 0;
}
.proprityTypes,
a.lastminuteDeals_card,
a.top-dest {
display: block;
margin-bottom: 20px;
overflow: hidden;
}
a.lastminuteDeals_card {
background: #fff;
text-decoration: none;
border-radius: 2px;
}
a.top-dest img {
height: 242px;
object-fit: cover;
}
a.top-dest .overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgb(0 0 0 / 30%);
}
a.lastminuteDeals_card .card_img img {
width: calc(100%);
height: 240px;
object-fit: cover;
transition: 0.3s;
}
.lastminuteDeals_card .card_body {
padding: 10px 15px 15px;
min-height: 180px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
._address svg,
.lastminuteDeals_card .card_body .card_ht_location svg {
width: 12px;
height: auto;
margin-right: 5px;
color: #5e6d77;
fill: #5e6d77;
position: relative;
top: -3px;
}
.card_img,
.proprityTypes.hts .cardImg img {
height: 240px;
}
.lastminuteDeals_card .card_body .card_ht_location {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #8592a6;
font-size: 14px;
font-weight: 500;
}
.lastminuteDeals_card .card_body .card_title {
line-height: 1.5;
font-size: 14px;
color: #2a2d32;
font-weight: 700;
margin-bottom: 5px;
margin-top: 5px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
._card_review {
padding: 15px 0 5px;
font-size: 13px;
font-weight: 600;
}
span.reviw_rating {
color: #5191fa;
margin-right: 22px;
font-weight: 700;
}
.card_title .star_ratings {
display: block;
width: calc(100%);
margin-left: 0 !important;
margin-top: 10px;
}
.clsBottom ._card_review {
display: none !important;
}
._night_txt,
span.review_count {
color: #8592a6;
}
.card_ht_price ._from {
margin-top: 2px;
font-weight: 400;
font-size: 12px;
color: #8592a6;
}
.card_ht_price ._price {
font-size: 14px;
color: #1a2b48;
font-weight: 700;
display: inline-block;
padding: 0 2px;
}
._night_txt {
margin-top: 2px;
font-weight: 400;
font-size: 14px;
}
.divheading {
font-size: 22px;
font-weight: 700;
color: #000;
}
.icon-text img {
width: 70px;
height: auto;
}
a.navbar-brand img {
height: 40px;
width: auto;
}
.header .navbar {
padding: 0.5rem 0;
}
.card_img {
overflow: hidden;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.card_img .featured {
position: absolute;
left: 0;
top: 20px;
padding: 6px 15px;
line-height: 1;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
font-size: 13px;
color: #fff;
font-weight: 600;
background: #ed0925;
z-index: 1;
}
.loginModal .modal-content,
.proprityTypes,
a.top-dest {
border-radius: 4px;
}
.proprityTypes .cardImg img {
width: 100%;
height: 180px;
object-fit: cover;
transition: 0.3s;
}
.proprityTypes:hover .cardImg img {
transform: scale(1.25);
}
.proprityTypes .cardDetails {
padding: 20px 10px 10px;
}
.proprityTypes .cardDetails .title {
color: #000;
text-shadow: none;
font-size: 16px;
margin: 0 0 8px;
font-weight: 600;
line-height: 1;
}
.proprityTypes .cardDetails .count {
font-size: 13px;
line-height: 20px;
font-weight: 500;
color: #616161;
}
.newOffer:hover figure img,
a.lastminuteDeals_card:hover .card_img img,
a.top-dest:hover img {
transform: scale(1.15);
}
.star {
width: 16px;
height: 16px;
display: inline-block;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFA000' d='M329.6 176H488C498.3 176 507.4 182.5 510.7 192.2C514 201.9 510.8 212.6 502.7 218.9L371.9 320.7L422.9 480.7C426.1 490.7 422.4 501.7 413.7 507.7C405.1 513.7 393.6 513.4 385.3 506.9L256 406.4L126.7 506.9C118.4 513.4 106.9 513.7 98.27 507.7C89.65 501.7 85.94 490.7 89.13 480.7L140.1 320.7L9.267 218.9C1.174 212.6-2.027 201.9 1.3 192.2C4.628 182.5 13.75 176 24 176H182.5L233.1 16.72C236.3 6.764 245.6 0 256 0C266.5 0 275.7 6.764 278.9 16.72L329.6 176z'/%3E%3C/svg%3E");
}
.star_ratings {
display: inline;
white-space: nowrap;
}
span.reviw_rating:after {
content: "";
position: absolute;
width: 6px;
height: 6px;
border-radius: 4px;
top: 4px;
right: -15px;
background: #c9c9c9;
}
.card_img:after {
content: "";
width: 100%;
height: 100%;
bottom: 0;
left: 0;
right: 0;
position: absolute;
top: 30%;
}
a.top-dest img {
width: calc(100%);
transition: 0.3s;
}
a.top-dest {
box-shadow:
0 1px 1px rgb(0 0 0 / 5%),
0 2px 2px rgb(0 0 0 / 5%),
0 4px 4px rgb(0 0 0 / 5%),
0 6px 8px rgb(0 0 0 / 5%),
0 8px 16px rgb(0 0 0 / 5%);
}
h4.title {
position: absolute;
top: 50%;
left: 50%;
color: #fff;
text-shadow: 3px 3px 0 rgb(0 0 0 / 20%);
font-weight: 800;
font-size: 20px;
text-transform: capitalize;
padding: 15px;
margin: 0;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
}
.btn-outline-red {
border: 1px solid #ff8c00;
color: #ff8c00;
font-weight: 600;
}
.btn-outline-red:hover {
color: #fff;
background: #ff8c00;
}
ul.navbar-nav li a {
color: #000;
}
.navbar-light .navbar-nav .nav-link {
color: #000 !important;
font-size: 14px;
font-weight: 600;
padding: 10px 15px !important;
border: 1px solid #ddd !important;
margin-left: 10px;
border-radius: 5px !important;
}
#userprofile2 .nav-link,
#userprofile3 .nav-link {
min-width: 120px;
text-align: center;
}
#userprofile3 .nav-link {
background: #ff8c00 !important;
color: #fff !important;
}
.flatpickr-current-month input.cur-year,
.flatpickr-monthDropdown-months {
font-size: 14px;
font-weight: 600;
}
.flatpickr-months .flatpickr-month {
padding-top: 5px;
}
.flatpickr-months {
padding-bottom: 10px;
}
.searchDropdown .dropdown-menu {
width: 100%;
box-shadow:
0 2px 5px 0 rgb(23 35 44 / 0.24),
0 -1px 5px 0 rgb(23 35 44 / 0.2) !important;
min-width: 300px;
border-radius: 0;
border: 0;
top: 50px !important;
transform: translateY(0) !important;
left: -24px !important;
}
ul.ddlSpinner {
padding: 0;
margin: 0;
user-select: none;
}
.htRoomList {
padding: 0 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 10px 0 0;
}
.htRoomList a {
flex: 0 0 33%;
font-size: 14px;
font-weight: 600;
color: #aaa;
padding: 0 0 5px;
text-align: center;
border-bottom: 3px solid #fff0;
margin-bottom: 15px;
}
.bookingPolicy .greentext,
.font-weight-semi-bold,
.roomAction a {
font-weight: 500;
}
.htRoomList a:not(.collapsed) {
color: #000;
border-bottom: 3px solid #000;
}
.roomAction {
display: flex;
justify-content: center;
position: relative;
padding: 20px 0;
margin-top: 10px;
}
.roomAction a {
font-size: 12px;
display: flex;
align-items: center;
line-height: 1;
width: fit-content;
padding: 0 10px;
background: #fff;
position: relative;
z-index: 1;
margin: 0 5px;
cursor: pointer;
}
.roomAction a svg {
height: 18px !important;
width: auto;
margin-right: 9px;
}
.roomAction a.delRoom svg {
height: 16px !important;
position: relative;
top: -2px;
}
.roomAction a.delRoom,
a.act-cancle {
color: #f44336;
}
.roomAction:after {
content: "";
background: #d4d4d4;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
}
.roomAction a.addRoom,
a.act-done {
color: #0064ff;
}
.roomActionFooter {
display: flex;
justify-content: space-between;
border-top: 1px solid #efeeee;
padding: 5px 20px 0;
}
.ht_address,
.htr_name,
.newOffer.card-small,
.reviews_ht,
.social-icons,
.subcribe-form,
ul.ddlSpinner li,
ul.ddlSpinner li ._right {
align-items: center;
display: flex;
}
.roomActionFooter a {
font-size: 12px;
font-weight: 600;
display: block;
padding: 10px 5px 5px;
}
ul.ddlSpinner li {
justify-content: space-between;
padding: 14px 20px;
}
ul.ddlSpinner li ._left {
width: 120px;
flex-shrink: 0;
font-weight: 600;
font-size: 14px;
}
ul.ddlSpinner li ._left small {
display: block;
font-weight: 400;
margin-top: 4px;
}
ul.ddlSpinner li ._right .ddl_minus,
ul.ddlSpinner li ._right .ddl_plus {
width: 32px;
height: 32px;
background: #dedde8;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
cursor: pointer;
border-radius: 3px;
}
ul.ddlSpinner li ._right .ddlValue {
width: 44px;
height: 32px;
display: inline-block;
border: 0;
text-align: center;
}
ul.selectAirlineClass li {
display: block;
position: relative;
padding: 0 15px;
}
ul.selectAirlineClass li input {
opacity: 0;
position: absolute;
}
ul.selectAirlineClass li input + label {
border: 1px solid #ddd;
display: block;
padding: 10px;
font-weight: 600;
color: #000;
margin: 0;
font-size: 12px;
cursor: pointer;
}
ul.selectAirlineClass li input:checked + label {
background: #0f5585;
color: #fff;
}
.reviews_ht,
ul.selectAirlineClass li:not(:last-child) {
margin-bottom: 10px;
}
.header.fixed {
position: fixed !important;
left: 0;
right: 0;
top: 0;
background: #fff;
z-index: 9;
box-shadow: 0 0.6rem 2.3rem -0.8rem rgb(0 0 0 / 20%);
}
.hotelModify {
background-color: #02122c;
padding: 20px 0;
}
.hotelModify.alt {
background-color: rgb(2 18 44 / 74%);
padding: 20px 0;
position: fixed;
left: 0;
right: 0;
width: 100%;
top: 78px;
z-index: 9;
}
.hotelModify ul.searchBoxMain {
margin: 0;
box-shadow:
0 1px 2px rgb(0 0 0 / 8%),
0 4px 12px rgb(0 0 0 / 5%) !important;
border-radius: 8px;
}
.hotel_card {
color: #111;
display: flex;
background: #fff;
border-radius: 12px;
margin-bottom: 12px;
padding: 5px;
}
.htDetailText p {
text-align: justify;
line-height: 1.78;
}
.htimages .owl-item:not(.active),
.pure-material-radio > input:disabled,
.star_ratings._blank span {
opacity: 0;
}
.ht_input.ht_checkin input,
.ht_input.ht_checkout input {
cursor: pointer;
}
.hotel_card .ht_image img {
width: calc(100%);
height: 249px !important;
object-fit: cover;
border-radius: 8px;
max-width: 284px;
cursor: pointer;
}
.hotel_card .ht_image {
width: 300px;
position: relative;
}
.hotel_card .ht_card_dt {
width: calc(100% - 250px);
padding: 5px 10px 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
text-decoration: none;
cursor: pointer;
}
.ht_card_dt .ht_title {
line-height: 25px;
font-size: 14px;
color: #1a2b48;
font-weight: 700;
margin-bottom: 5px;
margin-top: 5px;
}
.ht_address {
flex-wrap: wrap;
color: #8592a6;
font-size: 12px;
font-weight: 500;
}
.ht_card_dt .ht_price {
display: flex;
justify-content: flex-end;
align-content: center;
}
.ht_price .price_inner {
flex: 1;
text-align: right;
padding-right: 10px;
}
.ht_facilities {
color: #111;
font-size: 12px;
font-weight: 500;
margin-top: 5px;
}
.ht_facilities span {
position: relative;
padding-right: 6px;
}
.ht_card_dt .star_ratings {
position: relative;
bottom: inherit !important;
left: initial !important;
z-index: initial !important;
}
.reviews_ht .reviews_count {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #8592a6;
font-size: 13px;
font-weight: 500;
}
._address .txt {
overflow: hidden;
display: block;
width: calc(100% - 25px);
}
._address {
display: flex;
max-width: 100%;
}
.pricebtn {
width: 140px;
text-align: center;
background: #ff8c00;
padding: 10px 15px;
margin-left: auto;
margin-top: 10px;
border-radius: 8px;
color: #fff;
font-weight: 600;
font-size: 15px;
}
.map_pricelabel,
.tag_freeBreakFast {
background-color: #fff;
line-height: 1;
}
.hotelMap {
height: calc(100vh - 78px);
width: calc(100%);
}
.map_pricelabel {
padding: 5px 10px 5px 28px;
border-radius: 20px;
box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
font-weight: 600;
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: 8px 3px;
display: flex;
align-items: center;
color: #000 !important;
position: relative;
font-size: 15px !important;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 640 640' style='enable-background:new 0 0 640 640%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23DA1F26%3B%7D%3C/style%3E%3Cpath class='st0' d='M320 0C143.3 0 0 143.3 0 320s143.3 320 320 320s320-143.3 320-320S496.7 0 320 0z M242.5 248.7c28.2 0 51.1 22.9 51.1 51.1c0 28.2-22.9 51.1-51.1 51.1c-28.2 0-51.1-22.9-51.1-51.1C191.3 271.6 214.3 248.7 242.5 248.7z M539 463.4c0 5.7-4.6 10.2-10.2 10.2h-20.5c-5.7 0-10.2-4.6-10.2-10.2v-30.7H170.9v30.7c0 5.6-4.6 10.2-10.2 10.2h-20.5c-5.6 0-10.2-4.6-10.2-10.2V197.6c0-5.7 4.6-10.2 10.2-10.2h20.5c5.6 0 10.2 4.6 10.2 10.2v173.8H314V258.9c0-5.6 4.6-10.2 10.2-10.2h153.4c33.9 0 61.3 26.9 61.3 61.3V463.4z'/%3E%3C/svg%3E");
}
.hotel_filters ul.filter {
display: flex;
align-items: center;
margin: 0;
padding: 0;
}
.hotel_filters ul.filter li .dropdown-toggle::after {
content: "";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-down' class='svg-inline--fa fa-chevron-down fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23333' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat !important;
background-size: 14px 14px;
width: 14px;
height: 14px;
right: 10px;
top: 50%;
transform: translateY(-50%);
border: none;
}
.hotel_filters ul.filter li .dropdown-toggle {
padding: 5px 30px 5px 15px;
font-weight: 600;
background: #fff;
margin: 0 5px;
position: relative;
border-radius: 50px;
font-size: 14px;
color: #3c3c3c;
}
.hotel_filters ul.filter li .dropdown-menu {
border: none;
border-radius: 4px;
width: 300px;
padding: 15px;
left: 0 !important;
top: 15px !important;
box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);
transform: translate3d(5px, 35px, 0) !important;
}
.hotel_filters {
padding: 25px 0;
position: relative;
z-index: 3;
}
.pagination {
justify-content: flex-end;
margin-top: 2px;
}
.pagination a {
font-size: 12px;
font-weight: 500;
color: #616161;
}
.results_section {
display: flex;
align-items: flex-start;
}
.results_section .hotel_cards_left {
width: calc(100% - 600px);
padding-right: 5px;
}
.results_section .hotelcardsMap {
width: 600px;
padding-left: 15px;
right: 0;
position: fixed;
top: 100px;
}
.filterblock.oveflow {
max-height: 370px;
overflow-y: scroll;
}
.filter .owl-carousel .owl-stage-outer {
overflow: initial !important;
}
.PriceSlider .pricetext {
border: none;
display: flex;
color: #000;
font-size: 12px;
margin-bottom: 20px;
font-weight: 600;
}
.PriceSlider .slider.ui-slider {
height: 3px;
background: #d2d2d2;
box-shadow: none !important;
border: none !important;
}
.PriceSlider .ui-slider-horizontal .ui-slider-handle {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid #e5e5e5;
box-shadow: 0 2px 1px -1px rgb(0 0 0 / 0.1);
cursor: pointer;
background: #fff;
z-index: 1;
}
.PriceSlider .ui-slider-horizontal .ui-slider-handle:before {
content: "|||";
font-size: 9px;
position: absolute;
left: 50%;
top: 50%;
color: #615d5d;
transform: translate(-50%, -50%);
}
.PriceSlider .ui-slider .ui-slider-range {
height: 3px;
background: #133e59;
}
.PriceSlider {
margin-bottom: 24px;
padding: 0 15px 0 0;
}
.room-card-container:not(:last-child),
.room-category,
.support-blocks {
margin-bottom: 20px;
}
.stickyDiv {
position: fixed;
bottom: 10px;
left: 0;
right: 0;
align-items: center;
justify-content: center;
display: none;
z-index: 2;
}
.stickyDiv .btn {
background: #000;
width: 120px;
text-align: center;
color: #fff;
font-size: 14px;
}
.stickyDiv .btn.btn-Filters {
border-radius: 20px 0 0 20px;
border-right: 1px solid;
}
.stickyDiv .btn.btn-map {
border-radius: 0 20px 20px 0;
}
.tag_freeBreakFast {
position: absolute;
top: 15px;
left: 9px;
color: #000;
padding: 3px 5px;
border-radius: 0;
z-index: 2;
font-weight: 700;
font-size: 12px;
}
.closeMap,
.closeMap svg {
color: #fff;
width: 32px;
height: 32px;
}
.tag_freeBreakFast span.ui_icon {
font-size: 18px;
margin-right: 3px;
}
.form-group.searchbyname .form-control {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m19.6 21-6.3-6.3q-.75.6-1.725.95Q10.6 16 9.5 16q-2.725 0-4.612-1.887Q3 12.225 3 9.5q0-2.725 1.888-4.613Q6.775 3 9.5 3t4.613 1.887Q16 6.775 16 9.5q0 1.1-.35 2.075-.35.975-.95 1.725l6.3 6.3ZM9.5 14q1.875 0 3.188-1.312Q14 11.375 14 9.5q0-1.875-1.312-3.188Q11.375 5 9.5 5 7.625 5 6.312 6.312 5 7.625 5 9.5q0 1.875 1.312 3.188Q7.625 14 9.5 14Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 12px center;
padding-left: 44px;
font-size: 13px;
height: 40px;
border-radius: 24px;
padding-top: 9px;
}
._blank svg,
.closeMap,
.navbar-toggler {
border: none;
}
.closeMap {
background: 0 0;
position: absolute;
top: 0;
z-index: 9;
right: 40px;
display: none;
}
.closeMap svg {
fill: #fff !important;
}
.map_pricelabel:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 10' style='enable-background:new 0 0 19 10%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%23FFFFFF%3B' d='M19 0H0v1c5 0 6.5 3.3 7.6 5.7C8.2 8 8.6 9 9.5 9c0.9 0 1.3-1 1.9-2.3C12.5 4.3 14 1 19 1V0z'/%3E%3Cpath style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%23A0A0A0%3B' d='M4.7 2.3C3.5 1.5 2 1 0 1v1c1.8 0 3.1 0.5 4.1 1.2c1 0.7 1.7 1.6 2.2 2.6c0.3 0.5 0.5 1 0.7 1.4c0 0.1 0.1 0.1 0.1 0.2c0.2 0.4 0.4 0.8 0.5 1.1c0.2 0.4 0.4 0.8 0.7 1C8.7 9.8 9 10 9.5 10c0.5 0 0.8-0.2 1.1-0.5c0.3-0.3 0.5-0.6 0.7-1c0.2-0.3 0.4-0.7 0.5-1.1c0-0.1 0.1-0.1 0.1-0.2c0.2-0.5 0.4-1 0.7-1.4c0.5-1 1.2-1.9 2.2-2.6C15.8 2.5 17.2 2 19 2V1c-2 0-3.5 0.5-4.7 1.3c-1.2 0.8-1.9 1.9-2.5 2.9c-0.3 0.5-0.5 1-0.7 1.5C11 6.8 11 6.9 11 7c-0.2 0.4-0.3 0.8-0.5 1.1c-0.2 0.4-0.4 0.6-0.5 0.8C9.8 8.9 9.6 9 9.5 9C9.4 9 9.2 8.9 9.1 8.8C8.9 8.6 8.7 8.4 8.5 8C8.4 7.7 8.2 7.4 8 7C8 6.9 8 6.8 7.9 6.8c-0.2-0.5-0.5-1-0.7-1.5C6.6 4.2 5.8 3.2 4.7 2.3z'/%3E%3C/g%3E%3C/svg%3E");
padding-left: 39px;
width: 19px !important;
height: 10px;
position: absolute;
bottom: -10px;
left: 50%;
background-repeat: no-repeat;
transform: translateX(-25%);
}
.room-category {
padding: 20px;
border: 1px solid #efefef;
background: #fff;
}
.room-category-title {
background-color: #fff;
color: #222;
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
.room-card-header {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
color: #fff;
font-size: 14px;
font-weight: 600;
background-color: #20274d;
border-radius: 3px 3px 0 0;
padding: 13px 35px;
}
.room-card-header-price {
width: 210px;
margin-left: 40px;
}
.room-card-header-incentives {
width: 125px;
margin-left: 40px;
}
.room-card-header-policy {
position: relative;
width: 150px;
}
.room-card-header-type {
width: 236px;
}
.room-card-container {
position: relative;
padding: 15px;
border: 1px solid #efefef;
font-size: 14px;
color: #33495f;
}
.room-card-cheapest-container {
border-color: #67ad00;
border-width: 2px;
}
.room-card {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.room-card .see-details,
.room-card-information {
display: inline-block;
margin-top: 10px;
}
.room-card-cheapest {
position: absolute;
right: 15px;
top: -22px;
padding: 6px 9px;
background-color: #67ad00;
color: #fff;
font-weight: 600;
font-size: 12px;
border-radius: 3px;
}
.room-card-title {
font-size: 14px;
line-height: 16px;
font-weight: 700;
width: 150px;
min-width: 150px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.room-card .see-details {
color: #2196f3;
font-weight: 600;
font-size: 12px;
text-decoration: none !important;
}
.room-card .see-details:hover,
.room-card-more-button:hover,
ul.dstList2 li a:hover {
text-decoration: underline;
}
.room-card-meal {
color: #44b700;
width: 125px;
max-width: 125px;
margin-left: 20px;
}
.room-card-meal .no-breakfast {
color: #33495f;
}
.room-card-meal .hotel-detail-sidebar-toggle-wrapper {
margin-top: 10px;
}
.room-card-meal .pay-deposit-text {
color: #33495f;
vertical-align: super;
margin-top: 10px;
line-height: 17px;
font-size: 14px;
font-weight: 500;
}
.room-card-policy {
width: 150px;
min-width: 120px;
margin-left: 30px;
}
.room-card-meal,
.room-card-policy {
font-size: 13px;
font-weight: 600;
}
.room-card-policy .free-cancellation-day {
font-size: 11px;
color: #666;
font-weight: 500;
margin-top: 5px;
}
.room-card-information em {
float: left;
line-height: 14px;
margin-right: 5px;
}
.free-cancellation_text {
height: 24px;
overflow: hidden;
display: block;
}
.refundable-button {
position: relative;
cursor: pointer;
margin-top: 10px;
}
.room-card-pricing {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: 40px;
width: 245px;
min-width: 210px;
text-align: right;
}
.room-card-pricing .room-price {
font-weight: 700;
font-size: 18px;
color: #000;
}
.room-card-pricing .retention-price {
color: #f05a58;
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
position: relative;
display: inline-block;
}
.room-card-pricing .retention-price small {
font-size: 13px;
}
.hotel-detail-retention-price span:first-child:before,
.room-card-pricing .retention-price:before {
content: "";
width: 110%;
height: 1px;
background: #f05a58;
display: inline-block;
position: absolute;
top: 50%;
left: -5%;
}
.hotel-detail-retention-price + .hotel-detail-total-price-text,
.hotel-detail-retention-price
+ .hotel-detail-total-price-text
+ .hotel-detail-price-text,
.retention-price + .room-price {
color: #67ad00;
}
.room-card-pricing .room-price small {
font-size: 14px;
font-weight: 700;
}
.room-card-pricing .hotel-detail-price-summary {
font-size: 11px;
margin-top: 5px;
}
.room-card-pricing .hotel-detail-price-summary .price-summary--tooltip {
width: 270px;
}
.room-card-nights {
color: #666;
font-size: 12px;
margin-top: 5px;
}
.room-card-tax {
font-size: 12px;
line-height: 14px;
color: #33495f;
}
.room-card-button {
margin-left: 15px;
}
.room-card__remaining_allotment {
color: #f05a58;
font-size: 11px;
font-weight: 600;
text-align: center;
padding-top: 0;
}
.room-card-choose-button {
position: relative;
height: 40px;
line-height: 40px;
font-weight: 600;
width: 115px;
padding-right: 28px;
padding-left: 28px;
}
.room-pay-at-hotel {
display: inline-block;
background-color: #787c95;
color: #fff;
border-radius: 3px;
padding: 8px;
font-weight: 400;
margin-top: 10px;
}
.room-card-more-button {
display: block;
color: #227eba;
font-weight: 600;
text-align: center;
}
.room-card-no-result {
font-size: 16px;
line-height: 20px;
text-align: center;
padding: 20px;
background-color: #fdfdfd;
border: 1px solid #d7d7d7;
}
.room-details {
color: #4a4a4a;
}
.room-details,
.room-details-item:not(:first-child) {
border-top: 1px solid #efefef;
padding-top: 15px;
margin-top: 15px;
}
.room-details-count {
font-size: 12px;
margin-bottom: 5px;
}
.room-details-title {
font-size: 16px;
}
.room-details-pax {
font-size: 12px;
color: #666;
text-transform: lowercase;
margin-top: 5px;
margin-bottom: 5px;
}
.room-details .information-tooltip__toggle {
display: inline-block;
margin-bottom: 5px;
}
.room-details-additional {
color: #4a4a4a;
margin-top: 5px;
}
.room-availability__room-type {
padding: 15px 10px 15px 15px;
font-size: 15px;
font-weight: 700;
line-height: 20px;
}
.room-availability__room-type p {
font-size: 13px;
padding: 0;
}
.room-availability__room-properties {
display: inline-table;
margin-left: 15px;
padding-left: 0;
}
.card_ht_price svg,
.gm-style-iw-chr,
.hotelImges .otherImages a:nth-child(n + 7),
.ht_owl.owl-carousel .owl-nav button.disabled,
.htimages.owl-carousel .owl-nav button.disabled,
.item-wrapper:hover .front,
.owl-dots,
.owlFilters.owl-carousel .owl-nav button.disabled,
.placestoStay,
ul.room-availability__room-properties > span {
display: none;
}
.room-availability__room-properties li {
display: table-row;
padding-left: 15px;
padding-bottom: 15px;
}
.room-availability__room-properties li > div {
display: table-cell;
padding-top: 3px;
padding-bottom: 3px;
}
.hotel-detail-box .room-availability__room-properties {
margin-left: 0;
padding: 0;
font-size: 14px;
font-weight: 600;
}
.hotel-detail-box .room-availability__room-type {
color: #33495f;
padding: 0 0 8px;
}
.hotel-detail-box .room-availability__room-properties li {
padding-top: 4px;
padding-left: 0;
padding-bottom: 0;
}
.hotel-detail-box .room-availability__room-properties li:first-child {
padding-top: 0;
}
.room-property__icon {
position: relative;
bottom: -2px;
display: inline-block;
color: #354b5b;
font-size: 16px;
max-height: 25px;
padding-right: 4px;
}
.room-property__icon em {
margin-right: 2px;
}
.room-property__icon .icon-child {
font-size: 20px;
margin-top: 2px;
}
.room-availability__button {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}
.hotel-detail-box-wrap__col .room-availability__button {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.room-availability__button a,
.room-availability__button span.text {
display: inline-block;
height: 30px;
padding-left: 10px;
padding-right: 10px;
color: #fff;
font-weight: 700;
line-height: 30px;
background-color: #227eba;
font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.room-availability__button em {
font-size: 8px;
margin-right: 5px;
}
.room-availability__price {
font-size: 20px;
color: #364b59;
font-weight: 700;
padding: 15px 15px 5px;
}
.room-availability__price--bold {
font-weight: 700;
}
.book-now-button--hotel-detail {
min-width: 130px;
margin-top: 30px;
margin-bottom: 30px;
}
.room-availability__special-row td {
background-color: #fffde6;
}
.availability-property--alternate {
margin-bottom: 7px;
}
.availability-property.availability-property--alternate em {
margin-top: -7px;
}
.availability-property--small {
color: #a9a9a9;
font-size: 13px;
font-style: italic;
font-weight: 400;
}
.roomer-tooltip {
opacity: 0;
visibility: hidden;
z-index: 96;
position: absolute;
left: -340px;
top: 0;
width: 320px;
color: #4a4a4a;
margin-top: -245px;
background-color: #f9f9f9;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-box-shadow: 2px 2px 4px rgb(0 0 0 / 0.1);
-moz-box-shadow: 2px 2px 4px rgb(0 0 0 / 0.1);
-ms-box-shadow: 2px 2px 4px rgb(0 0 0 / 0.1);
-o-box-shadow: 2px 2px 4px rgb(0 0 0 / 0.1);
box-shadow: 2px 2px 4px rgb(0 0 0 / 0.1);
}
.roomer-tooltip__head-img {
height: 100px;
background-image: url(../../img/img@roomer-head.png);
}
.roomer-tooltip__title {
padding: 15px 15px 5px;
font-size: 18px;
text-align: center;
}
.roomer-tooltip__desc {
padding: 5px 15px 15px;
font-size: 14px;
text-align: center;
line-height: 18px;
}
.roomer-tooltip__properties {
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
}
.roomer-tooltip__properties li {
position: relative;
min-height: 48px;
margin-top: 15px;
padding-left: 60px;
color: #747477;
font-size: 14px;
line-height: 48px;
}
.roomer-tooltip__properties strong {
display: block;
color: #4a4a4a;
font-size: 16px;
font-weight: 400;
}
.roomer-tooltip__properties li:first-child {
margin-top: 0;
line-height: 17px;
}
.roomer-tooltip__properties li:first-child strong {
margin-bottom: 5px;
}
.roomer-tooltip__property-icon {
position: absolute;
left: 0;
top: 0;
display: block;
width: 48px;
height: 48px;
color: #77d5e3;
font-size: 25px;
line-height: 50px;
text-align: center;
background-color: #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
.roomer-tooltip__properties li:nth-child(2) .roomer-tooltip__property-icon {
font-size: 20px;
line-height: 48px;
}
.roomer-tooltip__provider {
padding: 15px;
font-size: 14px;
text-align: right;
}
.refundable-button:hover .roomer-tooltip {
opacity: 1;
visibility: visible;
}
.room-card-button input[type="radio"] + label {
background: #fff;
cursor: pointer;
border-radius: 57px;
color: #ff8c00;
box-shadow: none;
height: 50px;
line-height: 50px;
font-size: 14px;
width: 120px;
border: 1px solid #ff8c00;
}
.room-card-button input[type="radio"] + label:hover {
background: #ff8c00;
border: 1px solid #ff8c00;
color: #fff;
}
.room-card-button input[type="radio"]:checked + label {
background: #67ad00;
border: 1px solid #67ad00;
color: #fff;
}
.hotel-detail-box,
.hotel-detail-sidebar {
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 0.11);
-moz-box-shadow: 0 0 5px 0 rgb(0 0 0 / 0.11);
-ms-box-shadow: 0 0 5px 0 rgb(0 0 0 / 0.11);
-o-box-shadow: 0 0 5px 0 rgb(0 0 0 / 0.11);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 0.11);
background-color: #fff;
}
.hotel-detail-box {
position: relative;
padding: 10px 20px 20px;
margin: 38px auto 0;
box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
max-width: 270px;
}
.hotel-detail-box-wrap--alternative {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding-top: 16px;
padding-bottom: 20px;
}
.hotel-detail-box-wrap--alternative > * {
vertical-align: middle;
}
.hotel-detail-info {
padding: 0 20px 20px;
}
.hotel-detail-info-wrap {
display: block;
width: 100%;
font-size: 0;
letter-spacing: 0;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.hotel-detail-info-wrap > * {
display: inline-block;
vertical-align: top;
width: 100%;
}
.hotel-detail-info-wrap__location,
.hotel-detail-info-wrap__reviews,
.hotel-detail-info-wrap__top-facilities {
min-height: 1px;
font-size: 1rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.PayCard,
.Paybg,
.card__body,
.card__payment,
.card__tag {
box-sizing: border-box;
}
.hotel-detail-retention-price {
color: #f05a58;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 15px;
}
.hotel-detail-retention-price small,
.infoWcard h2 {
font-size: 18px;
}
.hotel-detail-retention-price .retention-saved-info {
margin-left: 10px;
font-size: 12px;
background-color: #f05a58;
text-decoration: none;
color: #fff;
font-weight: 400;
padding: 4px 6px;
position: relative;
vertical-align: top;
}
.hotel-detail-retention-price .retention-saved-info:after {
right: 100%;
top: 50%;
border: 7px solid #fff0;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #f05a58;
margin-top: -7px;
}
.hotel-detail-retention-price .retention-saved-info strong {
font-weight: 700;
vertical-align: top;
}
.hotel-detail-price-text {
font-size: 13px;
color: #33495f;
font-weight: 600;
margin-top: 10px;
margin-bottom: 9px;
width: 100%;
display: block;
overflow: hidden;
vertical-align: middle;
}
.hotel-detail-price-text__night {
color: #8e8e8e;
font-size: 13px;
text-transform: lowercase;
font-weight: 400;
}
.hotel-detail-total-price-text {
margin-top: 10px;
margin-bottom: 5px;
color: #33495f;
font-size: 34px;
font-weight: 600;
}
.hotel-detail-total-price-text small {
font-size: 25px;
font-weight: 600;
}
.hotel-detail-total-price-text span {
color: #8e8e8e;
font-size: 13px;
font-weight: 400;
}
.hotel-detail-price-summary {
position: relative;
cursor: pointer;
color: #33495f;
font-size: 12px;
font-weight: 600;
line-height: 14px;
margin-bottom: 10px;
}
.hotel-detail-price-summary em {
position: relative;
top: 2px;
margin-right: 5px;
color: #227eba;
}
.hotel-detail-price-summary .price-summary--tooltip {
position: absolute;
top: 25px;
left: 5%;
width: 300px;
padding: 16px;
margin-left: -20px;
color: #191c28;
background-color: #fff;
text-align: left;
visibility: hidden;
opacity: 0;
z-index: 999;
border: 1px solid #d8dee6;
box-shadow: 0 3px 12px rgb(0 0 0 / 0.25);
transform: translate3d(0, -10px, 0);
-webkit-transition: 0.15s ease-in-out;
-moz-transition: 0.15s ease-in-out;
-ms-transition: 0.15s ease-in-out;
-o-transition: 0.15s ease-in-out;
transition: 0.15s ease-in-out;
font-weight: 500;
}
.hotel-detail-price-summary .price-summary--tooltip:after,
.hotel-detail-price-summary .price-summary--tooltip:before {
bottom: 100%;
left: 10%;
border: solid #fff0;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.hotel-detail-price-summary .price-summary--tooltip:before {
border-color: #fff0;
border-bottom-color: #d8dee6;
border-width: 9px;
margin-left: -9px;
}
.hotel-detail-price-summary .price-summary--tooltip:after {
border-color: #fff0;
border-bottom-color: #fff;
border-width: 8px;
margin-left: -8px;
}
.hotel-detail-price-summary .price-summary--tooltip .price-summary-table {
width: 100%;
border-collapse: collapse;
}
.hotel-detail-price-summary
.price-summary--tooltip
.price-summary-table
tr.price-summary-table--title
> td {
font-size: 13px;
font-weight: 700;
line-height: 13px;
padding-top: 10px;
padding-bottom: 10px;
}
.hotel-detail-price-summary
.price-summary--tooltip
.price-summary-table
tr.price-summary-table--red
> td {
color: #f05a58;
font-weight: 500;
}
.hotel-detail-price-summary .price-summary--tooltip .price-summary-table tr td {
font-size: 11px;
font-weight: 600;
color: #191c28;
padding-bottom: 4px;
}
.hotel-detail-price-summary
.price-summary--tooltip
.price-summary-table
> tr
> td:nth-child(2) {
text-align: right;
}
.hotel-detail-price-summary .price-summary--tooltip .price-summary-description {
font-size: 11px;
line-height: 15px;
margin-top: 10px;
color: #636572;
}
.hotel-detail-price-summary
.price-summary--tooltip
.price-summary-description
strong {
font-weight: 600;
color: #191c28;
}
.hotel-detail-price-summary:hover .price-summary--tooltip {
visibility: visible;
opacity: 1;
transform: translateZ(0);
}
.hotel-detail-room-property {
font-weight: 400;
color: #505050;
font-size: 15px;
padding-top: 4px;
padding-bottom: 4px;
}
.hotel-detail-text {
text-align: left;
font-size: 14px;
font-weight: 700;
}
.hotel-detail-text__italic {
font-weight: 400;
font-style: italic;
font-size: 13px;
color: #a9a9a9;
}
.hotel-detail-text--remaining_allotment {
color: #f05a58;
font-size: 14px;
font-weight: 700;
padding-top: 10px;
}
.hotel-detail-room-property em {
font-size: 12px;
padding-right: 4px;
}
.hotel-detail-pay-at-hotel {
font-size: 14px;
padding-left: 8px;
padding-right: 8px;
font-weight: 700;
display: inline-block;
height: 30px;
line-height: 30px;
color: #fff;
background: #227eba;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.hotel-detail-pay-at-hotel em {
font-size: 8px;
padding-right: 4px;
vertical-align: middle;
}
.book-now-button {
display: block;
width: 100%;
height: 60px;
font-size: 16px;
color: #eee;
font-weight: 700;
line-height: 60px;
text-align: center;
background-color: #ff8c00;
-webkit-box-shadow: 0 5px 8px rgb(247 157 0 / 0.2);
-moz-box-shadow: 0 5px 8px rgb(247 157 0 / 0.2);
-ms-box-shadow: 0 5px 8px rgb(247 157 0 / 0.2);
-o-box-shadow: 0 5px 8px rgb(247 157 0 / 0.2);
box-shadow: 0 5px 8px rgb(247 157 0 / 0.2);
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
-ms-transition: 0.3s linear;
-o-transition: 0.3s linear;
transition: 0.3s linear;
border: #f0f8ff;
border-radius: 57px;
cursor: pointer;
}
.hotel-detail-sidebar-title {
position: relative;
font-size: 23px;
font-weight: 300;
color: #505050;
margin-top: 30px;
margin-bottom: 10px;
}
.hotel-detail-info-wrap__reviews .hotel-detail-sidebar-title,
.hotelImgSlider {
margin-top: 20px;
}
.hotel-detail-sidebar-title a {
position: absolute;
right: 0;
top: 0;
height: 24px;
line-height: 22px;
background: #fff;
font-size: 14px;
border: 1px solid #c1c1c1;
padding-left: 8px;
padding-right: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
-ms-transition: 0.3s linear;
-o-transition: 0.3s linear;
transition: 0.3s linear;
}
.hotel-detail-sidebar-title a:hover {
color: #fff;
background: #33495f;
border-color: #33495f;
}
.hotel-detail-sidebar-chat {
position: relative;
cursor: pointer;
color: #a9a9a9;
font-size: 15px;
line-height: 18px;
margin-top: 20px;
}
.hotel-detail-sidebar-chat__icon {
position: absolute;
top: 4px;
left: 0;
height: 32px;
line-height: 32px;
font-size: 32px;
}
.hotel-detail-sidebar-chat__icon:before {
content: "\F22D";
}
.hotel-detail-sidebar-chat__title {
padding-left: 42px;
font-weight: 400;
}
.hotel-detail-sidebar-chat__desc {
padding-left: 42px;
font-weight: 700;
text-decoration: underline;
}
.sidebar-bottom {
padding: 18px;
margin: 0 -20px -20px;
background-color: #eee;
}
.room-availability__room--alternate,
.row._destPage > [class^="col-"] a.top-dest {
margin-bottom: 15px;
}
.hotel-detail-room-properties,
.htCheckinInfo {
margin-bottom: 20px;
color: #33495f;
font-size: 14px;
}
.room-availability__room--alternate .room-availability__room-type:before {
content: "\F109";
position: absolute;
right: 0;
bottom: 0;
font-size: 25px;
margin-bottom: 3px;
}
.room-availability__room--alternate
.room-availability__room-type.active:before {
content: "\F10C";
}
.room-availability__room--alternate .room-availability__count {
color: #a9a9a9;
font-size: 12px;
}
.room-availability__room--alternate .room-availability__room-type {
position: relative;
cursor: pointer;
padding-top: 0 !important;
padding-bottom: 5px !important;
margin-bottom: 5px;
color: #33495f !important;
font-size: 16px;
font-weight: 600;
border-bottom: 1px solid #eee;
}
.hotel-detail-room-properties {
margin-top: 10px;
font-weight: 700;
line-height: 24px;
}
.htCheckinInfo {
width: 100%;
}
.htCheckinInfo td {
padding-top: 2px;
padding-bottom: 2px;
font-size: 13px;
font-weight: 600;
}
.htCheckinInfo td:nth-child(2) {
color: #505050;
text-align: right;
font-weight: 500;
font-size: 12px;
}
.sidebar_faresummary {
padding: 0 20px;
min-width: 270px;
}
._fltreview_heading {
font-weight: 600;
font-size: 15px;
letter-spacing: 0.5px;
color: #111;
}
.htChkImage img {
width: 100%;
height: 255px;
object-fit: cover;
}
.htChkImage {
border: 1px solid #e5e5e5;
}
.htAddress {
font-size: 13px;
margin: 0 0 25px;
font-weight: 500;
}
.fltchkheading {
font-size: 16px;
margin-bottom: 5px;
font-weight: 700;
}
.fltchkheadingtext {
color: #656565;
font-size: 13px;
margin-bottom: 30px;
line-height: 1.45;
font-weight: 500;
}
.form-control ~ .error {
color: red;
opacity: 0;
}
.selectboxinput .dropdown.bootstrap-select {
position: absolute;
top: 34%;
left: 0;
transform: translateY(-50%);
z-index: 1;
}
.selectboxinput .btn-light,
.selectboxinput .btn-light:focus,
.selectboxinput .btn-light:hover {
background: 0 0 !important;
padding: 0 10px;
border: 1px solid transparent !important;
border-right: 1px solid #ddd !important;
box-shadow: none !important;
}
.selectboxinput .form-control {
padding-left: 84px;
}
.sendonwhatsapp {
display: inline-flex;
align-items: center;
position: relative;
top: -3px;
font-size: 13px;
font-weight: 500;
}
.whatsappicon {
margin: 0 15px;
height: 24px;
display: inline-block;
width: auto;
}
.fltchk_contactdiv {
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}
.alert.alert-primary.flt_aleart {
padding: 0.35rem 0.8rem;
color: #000;
margin-top: 10px;
font-size: 12px;
font-weight: 500;
}
.form-group._dateinput svg {
position: absolute;
top: 31%;
right: 8px;
transform: translateY(-50%);
fill: #828282;
z-index: 1;
}
._dateinput .form-control {
padding-right: 32px;
}
._dateinput .form-control:read-only {
background: #fff !important;
}
._reviewDOM .form-control {
border-color: #ccc;
min-height: 50px;
border-radius: 2px;
color: #000;
font-size: 13px;
font-weight: 500;
}
._reviewDOM .row[data-gutter="15"] {
margin: 0 -10px !important;
}
._paxEntryBox .row._paxentryrow:last-child,
._paxentryrow .form-group {
margin-bottom: 0 !important;
}
.bootstrap-select.form-control .btn-light,
.bootstrap-select.form-control .btn-light:focus,
.bootstrap-select.form-control .btn-light:hover {
background: #fff !important;
border: 1px solid #ccc;
box-shadow: none !important;
color: #6f6f6f !important;
border-radius: 6px;
height: 50px;
font-weight: 500;
font-size: 13px;
}
.bookingPolicy {
background: #f3f9f2;
padding: 10px;
margin-top: -10px;
font-size: 12px;
color: #000;
}
._reviewDOM,
.fotorama__nav-wrap,
.fotorama__nav.fotorama__nav--thumbs,
.whitebox {
background: #fff;
}
ul.amenitiesList {
display: flex;
padding: 0;
flex-wrap: wrap;
margin-bottom: 20px;
}
ul.amenitiesList li {
flex: 0 0 33.33%;
padding: 10px 10px 10px 20px;
display: block;
font-weight: 500;
font-size: 13px;
color: #000;
}
ul.amenitiesList i {
font-size: 20px;
margin-right: 10px;
}
.bookingPolicy .greentext span {
color: #4caf50;
font-weight: 600;
}
.whitebox {
padding: 30px;
}
._fltreview_top {
display: flex;
justify-content: space-between;
margin-bottom: 5px;
align-items: center;
}
a.btn.backtoflight {
background: #ff8c00;
border-radius: 50px;
color: #fff;
font-weight: 600;
flex-shrink: 0;
}
.htr_name {
font-size: 24px;
font-weight: 600;
flex-wrap: wrap;
}
._reviewDOM {
box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
padding: 20px;
}
.fotorama__arr--next,
.fotorama__arr--prev {
height: 90px;
background-position: center center;
background-size: contain;
}
.reviews_ht .star_ratings {
position: relative;
top: initial !important;
bottom: initial !important;
margin-right: 15px;
left: initial !important;
}
.fotorama__arr--prev {
background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='chevron-left' class='svg-inline--fa fa-chevron-left fa-w-8' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23FFF' d='M238.475 475.535l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L50.053 256 245.546 60.506c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0L10.454 247.515c-4.686 4.686-4.686 12.284 0 16.971l211.051 211.05c4.686 4.686 12.284 4.686 16.97-.001z'%3E%3C/path%3E%3C/svg%3E");
left: 10px;
}
.fotorama__arr--next {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='chevron-right' class='svg-inline--fa fa-chevron-right fa-w-8' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23FFF' d='M17.525 36.465l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L205.947 256 10.454 451.494c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l211.051-211.05c4.686-4.686 4.686-12.284 0-16.971L34.495 36.465c-4.686-4.687-12.284-4.687-16.97 0z'%3E%3C/path%3E%3C/svg%3E");
right: 10px;
opacity: 1;
}
.htDetailText p {
font-size: 14px;
color: #000;
}
.hotel-review {
padding: 30px 0;
}
.subcribe-box {
background-color: #02122c;
color: #fff;
padding: 50px 0;
}
.subcribe-form {
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
-moz-box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
transition: box-shadow 0.3s ease-in-out;
padding: 5px;
background: #fff;
border-radius: 50px;
margin-top: 20px;
}
.subcribe-form .form-control {
height: 50px;
border-radius: 50px;
border: none;
font-weight: 600;
font-size: 15px;
}
.subcribe-form .btn.subcribe-btn {
background: #ff8c00;
height: 50px;
border-radius: 51px;
color: #fff;
font-weight: 600;
font-size: 15px;
width: 180px;
}
.subcribe-heading .main-txt {
font-size: 18px;
font-weight: 700;
color: #fff;
margin-bottom: 10px;
}
.subcribe-heading .sub-txt {
font-size: 14px;
color: #e7e7e7;
font-weight: 400;
}
.subcribe-box .row {
align-items: center;
}
.hotelImges {
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
}
.hotelImges .otherImages a {
width: calc(33.33% - 8px);
padding-bottom: 8px;
}
.hotelImges .main-image img,
.hotelImges .otherImages img {
width: calc(100%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
object-fit: cover;
}
.hotelImges .main-image {
flex: 0 0 40%;
width: 40%;
padding-right: 10px;
}
.hotelImges .otherImages {
width: 60%;
flex: 0 0 60%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.hotelImges .otherImages img {
height: 170px;
}
.hotelImges .main-image img {
height: 350px;
}
.hotelImges .main-image a {
position: relative;
display: block;
}
.htImageGalleryLabel {
position: absolute;
top: 10px;
right: 10px;
display: flex;
align-items: center;
font-size: 14px;
background: #20274d;
color: #fff;
padding: 5px 10px;
font-weight: 500;
border-radius: 4px;
}
.htImageGalleryLabel svg {
width: 20px;
height: 20px;
margin-right: 7px;
fill: #fff;
}
._blank svg,
._blank svg path {
fill: transparent !important;
}
.roomCardImage {
width: 200px;
margin-right: 20px;
}
.roomCardImage img {
width: calc(100%);
height: auto;
}
.room-card-title .roomTypeName {
font-weight: 800;
font-size: 14px;
margin-bottom: 10px;
line-height: 1.5;
color: #000;
}
.room-inclusion ._txtHeading {
font-size: 14px;
font-weight: 600;
color: #000;
margin-bottom: 10px;
}
.room-inclusion .no-breakfast {
color: #676767;
font-size: 12px;
padding: 0;
display: flex;
align-items: center;
}
.room-inclusion .no-breakfast svg {
width: 16px;
height: 16px;
margin-right: 5px;
position: relative;
top: -2px;
}
.flatpickr-day {
font-size: 12px;
font-weight: 500;
}
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
background: #ff8c00;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #ff8c00;
}
.footer {
background: #2e2e37;
color: #fff;
padding: 80px 0 20px !important;
z-index: 2;
}
ul.footerlinks li a svg {
color: #fff;
fill: #fff;
width: 24px;
height: 24px;
}
.footerHeading {
font-weight: 700;
font-size: 16px;
margin-bottom: 20px;
color: #fff;
letter-spacing: 0.75px;
}
ul.footerlinks li a {
font-size: 13px;
display: block;
padding: 5px 0;
color: #fcfcfc;
font-weight: 400;
text-decoration: none;
}
ul.footerlinks li a:hover {
color: #e9ebee;
}
ul.footerlinks li .bold-text {
font-size: 15px;
font-weight: 500;
color: #fff;
}
.social-icons a {
margin-right: 20px;
margin-top: 5px;
}
ul.footerlinks li .bold-text + a {
font-size: 16px;
font-weight: 600;
color: #00cde2;
}
.dst-main-heading {
font-weight: 700;
margin-bottom: 10px;
}
.hotelModify_mobile .ht_mname,
.infoWcard h2,
.item-wrapper h4 {
font-weight: 600;
}
.dst-sub-heading {
font-size: 13px;
font-weight: 600;
margin-bottom: 5px;
}
ul.dist_hotels {
padding: 0;
margin-bottom: 10px;
}
ul.dist_hotels li a {
font-size: 12px;
color: #1a1a1a;
display: block;
padding: 2px 0;
text-decoration: none;
}
ul.dist_hotels li a:hover {
color: #ff8c00;
}
.infowindow {
width: 240px;
}
.btn-map-book {
background: #20274d;
display: block;
width: 120px;
margin-top: 10px;
border-radius: 50px;
color: #fff !important;
font-size: 16px;
}
._blank,
._blank i {
color: transparent !important;
}
.gm-style .gm-style-iw-d {
overflow: hidden !important;
}
.btn-blue.btn-action,
.infoWcard {
padding: 10px 15px;
}
img.img-infoHotel {
width: calc(100%);
height: 150px;
object-fit: cover;
}
.gm-style .gm-style-iw-c {
max-height: initial !important;
padding: 0;
}
._blank.circle {
width: 20px;
height: 20px;
border-radius: 50%;
}
._blank {
background: #ddd !important;
display: inline-block;
overflow: hidden;
cursor: inherit !important;
text-shadow: none !important;
border: none !important;
box-shadow: none !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-bottom: 5px;
}
.VideoTitle,
.pagebanner h1 {
text-shadow: 3px 3px 0 rgb(0 0 0 / 50%);
}
._blankstars:before {
color: #ddd;
}
.end._blank:after {
right: 0;
}
.htrseation:after {
height: 250px;
}
._blankimg._blank:after,
.blankimg ._blank:after {
height: calc(100%);
}
._blank:after {
content: "";
top: 0;
transform: translateX(100%);
width: 100%;
height: 40px;
position: absolute;
z-index: 1;
animation: 1s infinite slide;
background: -moz-linear-gradient(
left,
#fff0 0,
rgb(255 255 255 / 0.8) 50%,
#fff0 99%,
#fff0 100%
);
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(0, #fff0),
color-stop(50%, rgb(255 255 255 / 0.8)),
color-stop(99%, #fff0),
color-stop(100%, #fff0)
);
background: -webkit-linear-gradient(
left,
#fff0 0,
rgb(255 255 255 / 0.8) 50%,
#fff0 99%,
#fff0 100%
);
background: -o-linear-gradient(
left,
#fff0 0,
rgb(255 255 255 / 0.8) 50%,
#fff0 99%,
#fff0 100%
);
background: -ms-linear-gradient(
left,
#fff0 0,
rgb(255 255 255 / 0.8) 50%,
#fff0 99%,
#fff0 100%
);
background: linear-gradient(
to right,
#fff0 0,
rgb(255 255 255 / 0.8) 50%,
#fff0 99%,
#fff0 100%
);
}
.st-loader,
.st-loader:after,
.st-loader:before {
animation: 1.8s ease-in-out infinite load;
border-radius: 5px;
position: absolute;
}
.bs-datepicker-container {
padding: 0 !important;
}
@keyframes slide {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
._w100 {
width: 100px;
}
._h40 {
height: 40px;
}
._blankimg {
display: block;
width: calc(100%);
height: 240px;
}
.map-loading {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 9;
}
.st-loader {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 6px;
background: var(--link-color, #5191fa);
margin-left: -25px;
z-index: 9;
}
.st-loader:before {
top: -20px;
left: 10px;
width: 40px;
background: var(--orange-color, #fa5636);
margin-left: -20px;
}
.st-loader:after {
bottom: -20px;
width: 35px;
background: #ffab53;
margin-left: -17px;
}
.st-loader:after,
.st-loader:before {
display: block;
content: "";
height: 6px;
}
@keyframes load {
0%,
100% {
transform: translateX(40px);
}
50% {
transform: translateX(-30px);
}
}
.innerbox p {
color: #d6d6d6;
font-size: 14px;
margin-top: 10px;
}
.innerbox .divheading {
color: #fff;
}
.hotelModify_mobile {
background: #fff;
padding: 10px 0;
display: none;
}
.hotelModify_mobile .spanModifyDt {
font-size: 12px;
margin-top: 5px;
color: #f6f6f6;
}
.htr_review .ht_checkin {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.icon-text span svg {
fill: #ff8c00;
width: 60px;
height: 60px;
}
.fill-secondary {
fill: #000;
}
.tabHotels .nav-pills .nav-link {
border-radius: 2px !important;
margin: 0 16px 0 10px;
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 18px;
padding: 8px 16px;
color: #0f294d;
font-weight: 900;
background: #fff;
}
.tabHotels .nav-pills {
justify-content: center;
}
.about-carousel .owl-nav,
.ht_owl.owl-carousel .owl-nav.disabled,
.htimages:hover .owl-nav,
.owlFilters.owl-carousel .owl-nav.disabled {
display: block !important;
}
.ht_owl.owl-carousel .owl-nav button {
border: 1px solid #ddd !important;
outline: 0 !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 36px;
height: 36px;
background: #fff;
border-radius: 50%;
}
.ht_owl.owl-carousel .owl-nav button svg {
fill: #02122c;
color: #02122c;
width: 16px;
height: 16px;
}
.ht_owl.owl-carousel .owl-nav button.owl-prev {
left: -50px;
}
.ht_owl.owl-carousel .owl-nav button.owl-next {
right: -50px;
}
ul.ht_spl_modify {
padding: 0;
margin: 0 auto;
display: flex;
align-items: center;
background-color: #fff !important;
border: 1px solid #ddd !important;
border-radius: 40px !important;
box-shadow:
0 1px 2px rgb(0 0 0 / 8%),
0 4px 12px rgb(0 0 0 / 5%) !important;
}
.bootstrap-select .dropdown-menu li a,
.currencyPicker label,
ul.ht_spl_modify li {
font-weight: 600;
display: block;
line-height: 1;
}
ul.ht_spl_modify li {
padding: 15px 20px;
font-size: 14px;
cursor: pointer;
}
ul.ht_spl_modify li:not(:last-child):after {
position: absolute;
content: "";
height: 19px;
width: 1px;
background: #a7a7a7;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.owlFilters.owl-carousel .owl-nav button {
border: none !important;
outline: 0 !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 28px;
height: 28px;
background: #ff8c00;
border-radius: 2px;
}
.owlFilters.owl-carousel .owl-nav button svg {
fill: #fff;
color: #fff;
width: 20px;
height: 20px;
}
.owlFilters.owl-carousel .owl-nav button.owl-prev {
left: -35px;
}
.owlFilters.owl-carousel .owl-nav button.owl-next {
right: -35px;
}
.owlFiltersBox {
width: calc(100% - 120px);
}
.btn-currencyPicker {
font-size: 14px;
font-weight: 600;
padding: 0.5rem 1rem;
}
.currencyPickerDropdown {
box-shadow: none;
border-radius: 0;
padding: 0;
position: absolute;
max-width: 100px !important;
background: 0 0;
border: none;
}
.currencyPicker label {
cursor: pointer;
padding: 10px 10px 10px 20px;
font-size: 13px;
width: 100%;
margin: 0;
background: #fff !important;
}
.currencyPicker input:checked + label {
background: #ff8c00 !important;
color: #fff;
}
.bootstrap-select .dropdown-menu li a {
font-size: 13px;
padding: 10px;
text-align: left;
}
.htimages .owl-dots {
display: flex;
position: absolute;
bottom: 10px;
z-index: 2;
width: 100%;
justify-content: center;
}
.htimages .owl-dots button.active {
background: #fff;
opacity: 1;
}
.htimages .owl-dots button {
width: 6px;
height: 6px;
background: #fff;
margin: 0 3px;
border-radius: 50%;
opacity: 0.5;
}
.htimages.owl-carousel .owl-nav button svg {
fill: #000;
color: #000;
width: 16px;
height: 16px;
}
.htimages.owl-carousel .owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #fff;
width: 32px;
height: 32px;
border-radius: 50%;
outline: 0 !important;
border: 1px solid rgb(0 0 0 / 0.08);
}
.htimages.owl-carousel .owl-nav button.owl-prev {
left: 5px;
}
.about-carousel.owl-carousel .owl-nav button.owl-next,
.htimages.owl-carousel .owl-nav button.owl-next {
right: 20px;
}
.pagebanner {
height: 300px;
background-repeat: no-repeat;
background-size: cover;
padding: 25px 0;
display: flex;
align-items: center;
background-position: center center;
position: relative;
justify-content: center;
text-align: center;
}
.pagebanner h1 {
font-weight: 700;
font-size: 48px;
color: #fff;
position: relative;
}
.pagebanner:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgb(2 18 102 / 20%);
}
.aboutImg img {
width: calc(100%);
}
.aboutRow {
align-items: center;
margin-top: 30px;
margin-bottom: 60px;
}
.aboutRow p {
font-size: 16px;
font-weight: 500;
}
.about-carousel img {
width: calc(100%);
height: 500px;
object-fit: cover;
}
.about-carousel.owl-carousel .owl-nav button svg {
fill: #fff;
color: #fff;
width: 24px;
height: 24px;
}
.about-carousel.owl-carousel .owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #ff8c00;
width: 36px;
height: 36px;
border-radius: 2px;
outline: 0 !important;
border: 1px solid rgb(0 0 0 / 0.08);
}
.about-carousel.owl-carousel .owl-nav button.owl-prev {
left: 20px;
}
.about-carousel-wrapper .overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
text-align: center;
}
.about-carousel-wrapper .overlay h2 {
font-weight: 600;
font-size: 48px;
color: #fff;
position: relative;
text-shadow: 2px 2px 0 rgb(0 0 0 / 50%);
}
a.btn.btn-red {
background: #ff8c00;
border-radius: 2px;
color: #fff;
padding: 10px 30px;
font-weight: 500;
margin: 20px 0;
}
.policy_wrapper p,
.policy_wrapper ul li {
color: #121212;
font-size: 14px;
text-align: justify;
}
.policy_wrapper h2 {
font-weight: 600;
margin: 10px 0 20px;
}
.item-wrapper {
position: relative;
width: 100%;
height: 190px;
max-width: 260px;
margin: 0 auto 20px;
border: 5px solid #5191fa;
transition: 0.5s ease-in;
}
.newOffer,
.offer-card {
transition: box-shadow 0.15s ease-in-out;
overflow: hidden;
}
.item-wrapper .end,
.item-wrapper .front {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.item-wrapper .end {
display: none;
transition: 0.5s ease-in;
color: #fff;
}
.item-wrapper .front {
display: flex;
align-items: center;
justify-content: center;
transition: trasnform 0.3s ease-in;
text-align: center;
}
.item-wrapper:hover {
background: #5191fa;
color: #fff;
transform: rotateY(180deg);
}
.item-wrapper:hover .end {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
font-size: 14px;
text-align: left;
transform: rotateY(180deg);
}
.loginModal .modal-dialog {
width: 490px;
max-width: calc(100% - 60px);
top: 50%;
transform: translateY(-50%) !important;
}
.LoginForm .control-label {
font-weight: 500;
color: rgb(0 0 0 / 0.8);
margin-bottom: 0;
position: relative;
font-size: 14px;
}
.LoginForm .form-control {
color: #2a2a2e;
background-color: #fff;
border-color: #ced0d4;
border-radius: 3px;
height: 40px;
padding-right: 40px;
}
.LoginForm .form-group .icon {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
.LoginForm .form-group .icon svg {
width: 24px;
height: 24px;
color: #ccc;
}
.LoginForm {
padding: 0 36px;
}
.LoginHeader {
padding: 30px 36px;
border: none;
font-weight: 700;
font-size: 18px;
}
.btn-blue-transparent,
.btn-blue-transparent:hover {
color: #fff !important;
background: #5191fa;
font-weight: 600;
font-size: 14px !important;
letter-spacing: 0.5px;
line-height: 1;
border-radius: 4px;
margin-top: 10px;
border: 1px solid #5191fa;
text-transform: none;
}
.card__card-type,
.card__method,
.card__msg,
.card__tag {
text-transform: uppercase;
}
.LoginForm .control-label span {
font-weight: 700;
font-size: 18px;
position: absolute;
top: 70%;
transform: translateY(-50%);
right: -15px;
}
.loginModal .leftPannel {
width: 100%;
height: 100%;
background: #e6f0ff;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.leftPannel img {
width: 170px;
height: auto;
}
.forgortPassword {
display: flex;
justify-content: flex-end;
margin-bottom: 36px;
}
.forgortPassword a {
font-weight: 600;
color: #0f5585;
text-transform: none;
font-size: 14px;
}
.dont_haveaccount ._text {
flex: 1;
flex-shrink: unset;
}
.dont_haveaccount a {
padding: 10px 15px;
font-size: 14px;
}
.dont_haveaccount {
padding: 26px 36px;
font-weight: 600;
position: relative;
border-top: 1px solid #d7d7db;
display: flex;
justify-content: space-between;
align-items: center;
}
.btn-blue,
.btn-blue:hover {
background: #ff8c00;
color: #fff;
font-weight: 500;
border-radius: 3px;
text-decoration: none;
}
.loginModal .modalClose {
position: absolute;
top: -32px;
right: 0;
color: #fff;
cursor: pointer;
z-index: 9999;
display: block;
opacity: 1;
}
.loginModal .modalClose svg {
width: 28px;
height: 28px;
}
.btn-action {
padding: 15px;
display: block;
}
.become_Partner {
display: flex;
margin: 20px 0;
}
.become_Partner .numberCircle {
width: 70px;
height: 70px;
border: 2px solid #5191fa;
border-radius: 50%;
text-align: center;
font-size: 40px;
color: #5191fa;
transition: 0.3s;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
margin-right: 20px;
}
.become_Partner .numberCircle p {
margin: 0;
line-height: 1;
}
.become_Partner_wrapper h3 {
font-size: 16px;
font-weight: 700;
}
.become_Partner_wrapper p {
font-size: 13px;
font-weight: 500;
}
.btn.btn-red.redalt {
background: #ff8c00;
color: #fff;
border-radius: 2px !important;
}
.videoPlay {
position: relative;
height: 480px;
width: 100%;
margin: 0 auto;
}
.faq-block,
.wbl,
ul.dstList2 {
margin-bottom: 30px;
}
.videoPlay #player {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.videoPlay .videobtn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.videoPoster {
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-size: cover !important;
background-position: center center !important;
}
.VideoTitle {
font-size: 36px;
color: #fff;
font-weight: 600;
}
.videobtn button svg {
width: 48px !important;
height: 48px !important;
color: #fff;
fill: #fff;
}
.wbl {
width: 100%;
height: 280px;
padding: 50px;
border: 1px solid #e8e8e8;
border-radius: 8px;
}
.wbl .title {
font-weight: 600;
padding: 20px 0 10px;
}
.wbl p {
font-size: 14px;
font-weight: 500;
color: #616161;
}
.faq-block h5 {
font-weight: 600;
font-size: 18px;
color: #000;
}
.faq-block p {
font-size: 14px;
color: #616161;
}
.aboutImg {
margin: 20px 0;
}
.contactForm {
padding: 40px 20px 40px 0;
}
.leftBox {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
background-image: url(../images/modal_bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.support_block_box,
.whiteBox {
box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
background: #fff;
}
.contactForm .form-control::placeholder {
font-size: 15px;
font-weight: 500;
color: #999;
}
.supportIcons.supportIconsImg {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #e6f0ff;
margin: 0 auto 20px;
}
.supportIcons.supportIconsImg svg {
width: 28px;
fill: #5191fa;
}
.support_block_box {
text-align: center;
height: 220px;
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
padding: 30px;
}
.boxA a {
color: #000;
font-weight: 500;
font-size: 15px;
text-decoration: none;
}
.contactbanner {
padding: 40px 0;
background: url(../images/support_sec_bg.png);
}
.htWishList {
position: absolute;
top: 10px;
right: 30px;
z-index: 2;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
}
.htWishList svg {
fill: #f7f7f7;
width: 24px;
height: 24px;
}
.htWishList svg .stpath1 {
stroke: #000;
stroke-width: 2px;
}
.htWishList:hover svg {
fill: #fff;
}
.htWishList:hover svg .stpath1 {
stroke: #fff;
stroke-width: 2px;
}
ul.dstList2 {
display: flex;
flex-wrap: wrap;
padding: 0;
}
ul.dstList2 li {
display: block;
position: relative;
}
ul.dstList2 li a {
display: block;
font-size: 13px;
padding: 0 20px 15px 0;
color: #000a12;
font-weight: 600;
text-decoration: none;
line-height: 1.65;
}
ul.dstList2 li:not(:last-child):after {
content: "";
height: 13px;
width: 1px;
position: absolute;
background: #000;
top: 5px;
right: 12px;
z-index: 1;
}
.divheading2 {
font-size: 20px;
font-weight: 700;
margin-bottom: 25px;
color: #000;
}
.newOffer figure,
.offer-card figure {
margin: 0;
overflow: hidden;
}
.offer-card figure img {
width: calc(100%);
height: 250px;
object-fit: cover;
transition: 0.3s linear;
}
.offerDt {
padding: 15px 10px 30px;
position: relative;
height: 130px;
}
.offer-card {
display: block;
border-radius: 6px;
box-shadow: 0 0 1rem rgb(0 0 0 / 15%) !important;
color: #000;
margin-bottom: 20px;
background: #fff;
}
.offer-card:hover figure img {
transform: scale(1.1);
}
.dt_offer_top h4,
.newOffer .card-details h4 {
color: #000;
font-size: 16px;
font-weight: 700;
}
.dt_offer_top p {
font-size: 13px;
color: grey;
}
.dt_offer_knowMore {
display: flex;
justify-content: flex-end;
position: absolute;
left: 0;
right: 8px;
bottom: 8px;
}
.dt_offer_knowMore span {
color: #4972d1;
font-weight: 700;
font-size: 14px;
}
.row[data-gutter="15"] > [class^="col-"] {
padding-left: 7.5px;
padding-right: 7.5px;
}
.fromprice_dt {
position: absolute;
bottom: 15px;
right: 15px;
color: #fff;
font-weight: 600;
font-size: 15px;
padding: 10px;
margin: 0;
background: #02122c;
line-height: 1;
border-radius: 6px;
}
.proprityTypes .cardImg {
border-radius: 2px;
overflow: hidden;
box-shadow:
0 1px 1px rgb(0 0 0 / 5%),
0 2px 2px rgb(0 0 0 / 5%),
0 4px 4px rgb(0 0 0 / 5%),
0 6px 8px rgb(0 0 0 / 5%),
0 8px 16px rgb(0 0 0 / 5%);
}
.proprityTypes .overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-image: linear-gradient(to top, #000 0, #fff0 150px);
opacity: 30%;
}
.proprityTypes.travelStyle .cardDetails .title {
color: #fff;
font-size: 16px;
margin: 0;
font-weight: 600;
}
.proprityTypes.travelStyle .cardDetails {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgb(0 0 0 / 30%);
}
.proprityTypes.propritycard .cardImg img {
height: 260px;
}
.discover_row .col-dest {
width: calc(25% - 15px);
flex-shrink: 0;
}
.discover_row,
.ht_card_dt .ht_title {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.divheading.linethrough {
position: relative;
margin-bottom: 35px;
}
.divheading.linethrough span {
padding-right: 10px;
position: relative;
background: #fff;
}
.divheading.linethrough:before {
content: "";
background: #cfcfcf;
height: 1px;
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.proprityTypesRow.desktopRows {
display: flex;
flex-wrap: wrap;
}
.proprityTypesRow.desktopRows .item {
padding: 0 10px;
width: calc(25%);
}
ul.dstList2 li a:hover {
color: #0061ae;
}
.hotel-item {
cursor: pointer;
}
.owl-item .col-dest,
.owl-item .col-xl {
width: calc(100%) !important;
padding: 0 !important;
max-width: 100%;
}
.header.headerHome {
position: absolute;
left: 0;
right: 0;
box-shadow: none;
}
.header.headerHome:not(.fixed) .btn-currencyPicker,
.header.headerHome:not(.fixed) .navbar-light .navbar-nav .nav-link {
color: #fff !important;
font-weight: 500;
}
.header.headerHome:not(.fixed) .btn-outline-red {
color: #fff;
border: 2px solid #fff;
}
.header.headerHome:not(.fixed) .btn-outline-red:hover {
border: 2px solid #ff8c00;
}
.headingpartner {
font-size: 32px;
font-weight: 700;
margin-bottom: 40px;
}
.middle_banner {
padding: 60px 0;
background: #f3f4f5;
}
a.middle-card .card-img img {
height: 200px;
object-fit: cover;
width: calc(100%);
}
.middle-card .card-img {
border-radius: 4px;
overflow: hidden;
margin-bottom: 15px;
}
.middle-card .txt_title {
color: #000;
font-weight: 700;
}
.txtHeading {
font-size: 2.9991rem;
font-weight: 700;
line-height: 1.167;
margin-bottom: 15px;
}
p.txtSubheading {
font-size: 1.25rem;
line-height: 1.6;
margin-bottom: 20px;
}
a.btn.btn-round-red {
padding: 12px 15px;
font-weight: 600;
color: #fff;
background: #ff8c00;
border-radius: 8px;
min-width: 200px;
text-align: center;
font-size: 16px;
}
h2.divheading.mb-4 {
margin-bottom: 30px !important;
}
.newOffer {
background: #fff;
border-radius: 6px;
box-shadow: 0 0 1rem rgb(0 0 0 / 15%) !important;
margin-bottom: 20px;
}
.newOffer.card-larg figure img {
width: calc(100%);
height: 280px;
object-fit: cover;
transition: 0.3s;
}
.newOffer .card-details {
padding: 15px;
width: 70%;
flex-grow: 0;
flex-shrink: 0;
}
.newOffer .card-details p {
margin: 0;
font-size: 13px;
color: grey;
}
.newOffer.card-small figure {
width: 30%;
flex-grow: 0;
flex-shrink: 0;
}
.newOffer.card-small figure img {
width: calc(100%);
height: 170px;
object-fit: cover;
}
.newOffer figure img {
transition: 0.3s;
}
ul.socialLoginbtn {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
margin: 15px 0;
}
ul.socialLoginbtn li {
display: block;
flex: 0 0 33.33%;
}
ul.socialLoginbtn li a {
display: flex;
padding: 12px 8px;
font-size: 13px;
margin: 10px 5px;
border-radius: 2px;
text-align: center;
font-weight: 600;
align-items: center;
justify-content: center;
line-height: 1;
text-decoration: none;
}
ul.socialLoginbtn li a svg {
width: 16px;
height: 16px;
margin-right: 10px;
fill: #fff;
position: relative;
top: -1px;
}
ul.socialLoginbtn li a.fb {
background: #395899;
color: #fff;
}
ul.socialLoginbtn li a.twitter {
background: #03a9f4;
color: #fff;
}
ul.socialLoginbtn li a.gPlus {
background: #f34a38;
color: #fff;
}
.socialheading {
margin-top: 20px;
text-align: center;
font-weight: 600;
}
.pagebanner.bgPartner {
background-color: rgb(7 3 87 / 47%);
background-blend-mode: color;
}
.pagebanner.bgPartner:after {
background: rgb(7 3 87 / 30%);
}
.btn-profile {
font-weight: 600;
font-size: 14px;
padding: 0;
}
.btn-profile .avatar {
width: 36px;
height: 36px;
display: inline-flex;
border-radius: 50%;
background: #ff8c00;
align-items: center;
justify-content: center;
color: #fff;
}
.dropdown-menu ._profileSidebar {
margin: 0;
position: relative;
box-shadow: none;
width: 260px;
padding: 0;
top: inherit;
}
.dropdown-menu ._profileSidebar li a {
font-size: 14px;
padding: 10px;
}
.btn-profile + .dropdown-menu {
margin-top: 15px;
border-radius: 0;
}
li.spl_Dest.headerDestination {
max-width: 340px;
overflow: hidden;
}
.isCity.ui-menu-item {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M24 23.5q1.45 0 2.475-1.025Q27.5 21.45 27.5 20q0-1.45-1.025-2.475Q25.45 16.5 24 16.5q-1.45 0-2.475 1.025Q20.5 18.55 20.5 20q0 1.45 1.025 2.475Q22.55 23.5 24 23.5Zm0 16.55q6.65-6.05 9.825-10.975Q37 24.15 37 20.4q0-5.9-3.775-9.65T24 7q-5.45 0-9.225 3.75Q11 14.5 11 20.4q0 3.75 3.25 8.675Q17.5 34 24 40.05ZM24 44q-8.05-6.85-12.025-12.725Q8 25.4 8 20.4q0-7.5 4.825-11.95Q17.65 4 24 4q6.35 0 11.175 4.45Q40 12.9 40 20.4q0 5-3.975 10.875T24 44Zm0-23.6Z'/%3E%3C/svg%3E");
}
.isCity.ui-menu-item:hover {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M24 23.5q1.45 0 2.475-1.025Q27.5 21.45 27.5 20q0-1.45-1.025-2.475Q25.45 16.5 24 16.5q-1.45 0-2.475 1.025Q20.5 18.55 20.5 20q0 1.45 1.025 2.475Q22.55 23.5 24 23.5Zm0 16.55q6.65-6.05 9.825-10.975Q37 24.15 37 20.4q0-5.9-3.775-9.65T24 7q-5.45 0-9.225 3.75Q11 14.5 11 20.4q0 3.75 3.25 8.675Q17.5 34 24 40.05ZM24 44q-8.05-6.85-12.025-12.725Q8 25.4 8 20.4q0-7.5 4.825-11.95Q17.65 4 24 4q6.35 0 11.175 4.45Q40 12.9 40 20.4q0 5-3.975 10.875T24 44Zm0-23.6Z' fill='%23FFF'/%3E%3C/svg%3E") !important;
}
.isZone.ui-menu-item {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M10 42V8h17.15l.95 4.3H40v18.5H27.2l-.95-4.25H13V42Zm15-22.6Zm4.75 8.4H37V15.3H25.55L24.6 11H13v12.55h15.8Z'/%3E%3C/svg%3E");
}
.isZone.ui-menu-item:hover {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M10 42V8h17.15l.95 4.3H40v18.5H27.2l-.95-4.25H13V42Zm15-22.6Zm4.75 8.4H37V15.3H25.55L24.6 11H13v12.55h15.8Z' fill='%23fff'/%3E%3C/svg%3E") !important;
}
.autocompleteDiv ul li,
.autocompleteDiv ul li:hover {
padding-left: 36px !important;
background-repeat: no-repeat !important;
background-size: 18px !important;
background-position: 9px center !important;
padding-right: 5px !important;
}
.Paybg {
background-color: #86dd9a;
width: 480px;
overflow: hidden;
margin: 40px auto;
padding: 40px;
}
.Paybg.failed {
background: #ff5f5f;
}
.PayCard {
background-color: #fff;
width: 100%;
float: left;
margin-top: 40px;
border-radius: 5px;
padding: 80px 30px 25px;
text-align: center;
position: relative;
box-shadow:
0 1px 3px rgb(0 0 0 / 0.12),
0 1px 2px rgb(0 0 0 / 0.24);
}
.card__failed,
.card__success {
top: -50px;
left: 145px;
width: 100px;
height: 100px;
align-items: center;
display: flex;
}
.card__success {
position: absolute;
border-radius: 100%;
background-color: #60c878;
border: 5px solid #fff;
justify-content: center;
}
.card__success i {
color: #fff;
line-height: 100px;
font-size: 45px;
}
.card__failed {
position: absolute;
border-radius: 100%;
background-color: red;
border: 5px solid #fff;
justify-content: center;
}
.card__msg {
color: #55585b;
font-size: 18px;
font-weight: 500;
margin-bottom: 5px;
}
.card__submsg {
color: #959a9e;
font-size: 16px;
font-weight: 400;
margin-top: 0;
}
.card__body {
background-color: #f8f6f6;
border-radius: 4px;
width: 100%;
margin-top: 30px;
float: left;
padding: 30px;
}
.card__avatar {
width: 50px;
height: 50px;
border-radius: 100%;
display: inline-block;
margin-right: 10px;
position: relative;
top: 7px;
}
.card__recipient {
color: #232528;
text-align: left;
margin-bottom: 5px;
font-weight: 600;
}
.card__email {
color: #838890;
text-align: left;
margin-top: 0;
}
.card__price {
color: #232528;
font-size: 70px;
margin-top: 25px;
margin-bottom: 30px;
}
.card__price span {
font-size: 60%;
}
.card__method {
color: #d3cece;
text-align: left;
font-size: 11px;
margin-bottom: 5px;
}
.card__payment {
background-color: #fff;
border-radius: 4px;
width: 100%;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.card__credit-card {
width: 50px;
display: inline-block;
margin-right: 15px;
}
.card__card-details {
display: inline-block;
text-align: left;
}
.card__card-type {
color: #232528;
font-weight: 600;
font-size: 12px;
margin-bottom: 3px;
}
.card__card-number {
color: #838890;
font-size: 12px;
margin-top: 0;
}
.card__tags {
clear: both;
padding-top: 15px;
}
.card__tag {
background-color: #f8f6f6;
padding: 3px 5px;
border-radius: 3px;
font-size: 10px;
color: #d3cece;
}
div#hotelcardsMap {
height: 500px;
}
.cookies-concent p {
color: #000;
font-size: 12px;
}
.cookies-concent {
position: fixed;
bottom: 10px;
right: 10px;
max-width: 600px;
width: calc(100%);
z-index: 2;
background: #fff;
padding: 2rem;
box-shadow: 0 0 7px 1px rgb(0 0 0 / 20%);
}
.cookies-concent .concent-heading {
font-size: 18px;
font-weight: 700;
color: #000;
margin-bottom: 10px;
}
button.btn.btn-concent {
background: #000;
border-radius: 51px;
color: #fff;
font-weight: 600;
font-size: 14px;
}
.pure-material-radio > input:checked,
.pure-material-radio > span::after {
background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}
.modal-content .close {
position: absolute;
top: 5px;
z-index: 1;
right: 5px;
background: #000;
opacity: 1;
width: 36px;
height: 36px;
border-radius: 4px;
}
.map_pricelabel.map_htName {
width: 240px;
white-space: break-spaces;
text-align: left;
padding: 10px 10px 10px 40px;
background-position: 10px 50%;
background-size: 20px;
line-height: 1.25;
position: relative;
top: -32px;
border-radius: 8px;
}
.modal-content .close svg {
fill: #fff;
transform: scale(1.15);
}
.hotel-item .card_img img {
height: 240px;
object-fit: cover;
}
.topNavDiv {
display: flex;
justify-content: flex-end;
flex: 1;
align-items: center;
}
.topNavDiv.hotellist {
min-width: 585px;
flex-shrink: 0;
}
.currencyDiv .btn-currencyPicker:after {
content: "";
border: #ffdead;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-380 276-584l20-20 184 184 184-184 20 20-204 204Z'/%3E%3C/svg%3E");
width: 24px;
height: 24px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.currencyDiv .btn-currencyPicker {
margin-right: 15px;
}
.searchbanner.innerPage {
min-height: 400px;
}
ul.searchTabs.tabs2 {
box-shadow: 0 0 10px 6px #00000017;
border: 1px solid #f0f0f0;
margin: 20px auto !important;
}
.directLandingPage .container {
width: initial !important;
padding: 0 !important;
max-width: initial !important;
min-width: initial !important;
}
.amenities-group ul li {
display: block;
padding-left: 32px;
background-repeat: no-repeat;
background-size: 24px 24px;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%2378A75A'%3E%3Cpath d='m423.23-309.85 268.92-268.92L650-620.92 423.23-394.15l-114-114L267.08-466l156.15 156.15ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E");
}
.landing-page .amenities-group ul {
margin: 0;
padding: 0;
}
.chk_heading {
font-size: 20px;
font-weight: 500;
}
._lp_WhiteBox * {
font-family: Helvetica, Arial, sans-serif !important;
}
._lp_WhiteBox p + span,
._lp_WhiteBox span:first-child {
display: block;
font-weight: 600;
font-size: 16px !important;
margin-bottom: 10px;
}
:root {
--bg: #f7fbff;
--card: #ffffff;
--muted: #6b7280;
--accent: #ff8c00;
--accent-600: #089b98;
--shadow: 0 6px 20px rgba(16, 24, 40, 0.08);
--radius: 14px;
}
.noRooms {
display: flex;
align-items: center;
justify-content: center;
min-height: 220px;
}
.noRooms > .noRooms__card {
background: var(--card);
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: 28px;
max-width: 820px;
width: 100%;
display: grid;
grid-template-columns: 120px 1fr;
gap: 22px;
align-items: center;
animation: fadeIn 0.32s ease 40ms forwards;
opacity: 0;
transform: translateY(6px);
}
/* Card Custom Styling */
.custom-card {
background-color: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 24px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.01);
transition: all 0.3s ease;
}
.custom-card:hover {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
border-color: #d1d5db;
}
/* Overlapping Avatar Group Effect */
.avatar-group {
display: flex;
align-items: center;
}
.avatar-group .avatar {
width: 44px;
height: 44px;
border-radius: 50%;
border: 3px solid #ffffff;
margin-left: -14px;
overflow: hidden;
background-color: #f3f4f6;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.avatar-group .avatar:first-child {
margin-left: 0;
}
.avatar-group .avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Typography Adjustments */
h3.card-title {
font-size: 1.35rem;
letter-spacing: -0.5px;
font-weight: 800;
}
.col-lg-4:nth-child(2) h3.card-title {
font-size: 1.8rem;
letter-spacing: -1px;
}
.container-fluid {
max-width: 1440px;
}
@media (max-width: 540px) {
.noRooms > .noRooms__card {
grid-template-columns: 1fr;
text-align: center;
padding: 20px;
gap: 12px;
}
}
.noRooms > .noRooms__card > .noRooms__illustration {
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
}
.noRooms > .noRooms__card > div > .noRooms__title {
font-size: 18px;
font-weight: 700;
margin: 0 0 8px 0;
color: #0f172a;
}
.noRooms > .noRooms__card > div > .noRooms__text {
margin: 0 0 14px 0;
color: var(--muted);
line-height: 1.45;
font-size: 14px;
}
.noRooms > .noRooms__card > div > .noRooms__actions {
display: flex;
gap: 12px;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
}
@media (max-width: 540px) {
.noRooms > .noRooms__card > div > .noRooms__actions {
justify-content: center;
}
}
.noRooms > .noRooms__card .btn {
display: inline-flex;
align-items: center;
gap: 10px;
border: 0;
cursor: pointer;
font-weight: 600;
padding: 10px 14px;
border-radius: 50px;
background: var(--accent);
color: #fff;
transition:
transform 0.12s ease,
box-shadow 0.12s ease,
background 0.12s ease;
text-decoration: none;
box-shadow: 0 6px 18px rgb(14 165 166 / 0.18);
}
.noRooms > .noRooms__card .btn:active {
transform: translateY(1px);
}
.noRooms > .noRooms__card .btn--ghost {
background: #fff0;
color: var(--accent-600);
border: 1px solid rgb(14 165 166 / 0.12);
box-shadow: none;
}
.noRooms > .noRooms__card > div > .noRooms__tips {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-top: 6px;
}
.noRooms > .noRooms__card .chip {
background: #f3f8f7;
padding: 6px 10px;
border-radius: 999px;
font-size: 13px;
color: #045055;
border: 1px solid rgb(4 80 85 / 0.06);
}
.noRooms > .noRooms__card .sparkle {
width: 10px;
height: 10px;
border-radius: 999px;
background: linear-gradient(180deg, #34d399, #059669);
box-shadow: 0 6px 14px rgb(5 150 105 / 0.18);
display: inline-block;
margin-right: 8px;
transform-origin: center;
animation: pop 1.8s infinite ease-in-out;
}
@keyframes pop {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.22);
}
}
@keyframes fadeIn {
to {
opacity: 1;
transform: none;
}
}
@media only screen and (min-width: 1366px) {
.header .container {
max-width: 1280px;
}
.topNavDiv.hotellist {
min-width: 570px;
flex-shrink: 0;
}
.container {
min-width: 1280px;
}
}
@media only screen and (min-width: 768px) {
.autocompleteDiv ul {
min-width: 360px;
}
}
@media only screen and (min-width: 1600px) {
ul .owlFilters:not(.owl-carousel) {
display: flex;
}
.container {
min-width: 1280px;
}
.fotorama__stage .fotorama__img {
height: 480px !important;
object-fit: cover;
top: 0 !important;
}
.fotorama__stage {
height: 480px !important;
}
}
@media only screen and (max-width: 1399px) and (min-width: 1024px) {
.searchbanner {
min-height: auto;
height: 500px;
}
}
@media screen and (min-width: 1200px) {
.Alt .searchBox {
position: relative;
top: -70px;
}
}
@media only screen and (max-width: 1400px) {
.room-card-meal,
.room-card-policy {
font-size: 12px;
font-weight: 600;
}
._reviewDOM .form-control,
.bootstrap-select > .dropdown-toggle,
.hotel-detail-box .room-availability__room-properties,
.hotelBlock .htrDetails .htDtMain .htTextlist li,
.hotelBlock .htrDetails .htDtMain .htrReview,
.htCheckinInfo td,
.htDetailText,
.htrExcludeTax,
.htrPP {
font-size: 12px;
}
.fltchkheading {
font-size: 14px;
}
.room-category-title {
font-size: 16px;
}
.room-availability__room-properties li,
.room-availability__room-type {
font-size: 13px;
}
._reviewDOM .form-control {
min-height: 40px;
}
}
@media only screen and (max-width: 1280px) {
.modify-search-widget .htcitySearch {
flex: 0 0 27%;
}
}
@media only screen and (max-width: 1199px) {
.modify-search-widget .htdateSearch.modifydiv {
flex: 0 0 17%;
}
.ht_spl_modify {
display: none;
}
}
@media only screen and (min-width: 1025px) {
.header .navbar {
display: flex;
}
.sidebarNav,
.sidebar_faresummary {
max-width: 290px;
}
}
@media only screen and (max-width: 1024px) {
.autocompleteDiv {
z-index: 99;
left: 0;
right: 0;
}
ul.searchTabs {
width: fit-content !important;
}
.innerpage .mainNav,
.topNavDiv.hotellist #modifysearch {
display: none;
}
.topNavDiv.hotellist {
min-width: initial !important;
}
.proprityTypesRow,
.touchScroll {
overflow-x: scroll;
}
.proprityTypesRow .item {
width: 214px;
flex-shrink: 0;
margin-right: 15px;
}
.proprityTypesRow {
display: flex;
flex-wrap: nowrap;
}
.discover_row.dest-carousel.touchScroll [class^="col-"] {
width: 214px !important;
max-width: initial !important;
flex: 0 0 214px;
padding-right: 0;
margin-right: 10px;
}
.dest-carousel {
flex-wrap: nowrap;
justify-content: flex-start;
}
.discover_row .col-dest {
width: 242px;
margin-right: 20px;
}
.another {
width: calc(21% - 15px) !important;
flex-shrink: 0 !important;
}
a.top-dest {
margin-bottom: 20px;
border-radius: 4px;
}
.filterTriger {
display: flex;
}
.col-lg-100 {
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
.sidebarNav {
position: fixed;
bottom: -150%;
top: initial;
left: 0;
width: 100%;
z-index: 999;
margin: 0;
transition: 0.3s linear;
}
.sidebarNav.active {
bottom: 0;
top: 0;
}
.sidebarNav .sidebarInner {
height: 100vh;
}
.modify-search-widget .htcitySearch {
flex: 0 0 32%;
}
}
@media only screen and (max-width: 768px) {
.divTxt {
margin-bottom: 40px;
}
.txtHeading {
font-size: 28px;
}
.middle-card {
margin-bottom: 20px;
}
.hotelModify_mobile {
display: block;
}
.hotelModify,
.room-card-header {
display: none;
}
.hotelmodify-mobile {
display: block !important;
margin: -20px -25px 20px;
background: #cc5b00;
color: #fff;
padding: 10px 0;
font-size: 12px;
}
.room-card {
flex-wrap: wrap;
justify-content: space-between;
}
.room-card-title {
flex: 0 0 50%;
order: 1;
font-size: 14px;
color: #000;
}
.room-category-title {
font-size: 16px;
font-weight: 700;
}
.room-card-pricing {
order: 2;
margin: 0;
flex: 0 0 43%;
}
.room-card-meal {
order: 3;
margin: 0;
}
.room-card-policy {
order: 4;
text-align: right;
}
.room-card .see-details,
.room-card-meal,
.room-card-policy {
font-size: 12px;
}
.room-card-policy .free-cancellation-day {
font-size: 11px;
}
.room-card__remaining_allotment {
font-size: 10px;
}
.room-card-container {
padding: 10px;
}
ul.amenitiesList li {
flex: 0 0 50%;
}
}
@media only screen and (max-width: 767px) {
.d-none-mobile,
.hotelImges .otherImages,
.leftBox,
.loginModal .leftPannel {
display: none;
}
.hotelImges .main-image {
padding: 0 !important;
width: 100%;
flex: 0 0 100%;
}
.hotelBlock .htrDetails {
display: block;
width: calc(100% - 240px);
}
.hotelBlock .hotelImgThumb {
width: 240px;
}
.hotelBlock .htrDetails .htDtMain,
.hotelBlock .htrDetails .htrDtPriceBox {
width: 100%;
}
.htrDtPriceBox .priceMain .htrPriceDiscount {
padding: 10px;
font-size: 10px;
margin-bottom: 5px;
}
.htrExcludeTax,
.htrPP {
font-size: 12px;
}
.htrDtPriceBox .priceMain .htrPriceAmount {
margin: 5px 0;
}
.contactForm {
padding: 20px;
}
}
@media only screen and (max-width: 600px) {
.btn.btn-apply,
.btn.btn-reset {
font-weight: 500;
font-size: 14px;
}
.hotel_filters.active .filtersFooter {
display: flex;
}
.bottom_m_100 {
margin-bottom: 100px !important;
}
.filtersFooter {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
z-index: 999999;
padding: 10px 20px;
justify-content: space-between;
box-shadow:
rgb(0 0 0 / 7%) 0 -1px 1.4px 0,
rgb(0 0 0 / 5%) 0 1.9px 4px,
rgb(0 0 0 / 5%) 0 4.5px 10px;
}
.filterBox {
height: calc(100vh - 120px);
overflow-y: scroll;
}
.filtersFooter .btn {
width: calc(50% - 10px);
}
.btn.btn-reset {
background: #fff;
border: 1px solid #000;
color: #000;
}
.btn.btn-apply {
color: #fff;
border: 1px solid #ff8c00;
background: #ff8c00;
}
.hotel_filters ul.filter {
padding-bottom: 166px;
}
a.btn.backtoflight {
display: none;
}
.hotelBlock {
display: block;
}
.hotelBlock .hotelImgThumb,
.hotelBlock .htrDetails {
width: 100%;
}
.hotelBlock .hotelImgThumb img {
height: 240px;
}
.room-category {
padding: 0;
border: 0;
}
.whitebox {
padding: 0;
}
._reviewDOM {
margin-top: 0 !important;
}
}
@media only screen and (max-width: 560px) {
.room-card-title {
flex: 0 0 100%;
margin-bottom: 8px;
}
.room-card-pricing {
flex: 0 0 100%;
order: 4;
margin-top: 15px;
}
.room-card-policy {
order: 3;
flex: 0 0 50%;
margin: 0;
}
.room-card-meal {
order: 2;
flex: 0 0 50%;
}
.room-card .see-details {
margin-top: 5px;
}
.room-card__remaining_allotment {
margin-bottom: 0;
}
.room-card-pricing .room-price {
font-weight: 700;
font-size: 16px;
}
.room-card-pricing .room-price small {
font-size: 12px;
}
.free-cancellation-day,
.room-card-nights {
font-size: 10px;
}
ul.amenitiesList li {
flex: 0 0 100%;
padding: 0;
font-size: 12px;
}
.room-card {
align-items: flex-start;
}
.room-card-button input[type="radio"] + label {
height: 40px;
line-height: 40px;
font-size: 13px;
}
.htDetailText {
font-size: 12px;
text-align: justify;
}
.gm-style .gm-style-iw-c {
max-width: initial !important;
}
}
@media only screen and (max-width: 420px) {
.hotelResults,
.sidebar_faresummary {
padding: 20px 0;
}
.hotel-review ._fltreview_top {
padding: 0 0 20px;
}
.fotorama__arr--next,
.fotorama__arr--prev {
height: 40px;
}
.hotelBlock .hotelImgThumb img {
height: 200px;
}
.hotelBlock .htrDetails .htDtMain .htrCity {
font-size: 13px;
margin-bottom: 5px;
}
.hotelBlock .htrDetails .htDtMain .htrName {
display: block;
}
.hotelBlock .htrDetails .htDtMain .htTextlist li {
font-size: 12px;
}
.htrExcludeTax,
.htrPP {
display: inline-block;
margin-left: 0;
text-transform: capitalize;
}
.hotelResults {
background: 0 0;
}
.hotelmodify-mobile {
margin: 15px -10px 0;
}
.fotorama__stage .fotorama__img {
height: 260px !important;
object-fit: cover;
top: 0 !important;
}
.fotorama__stage {
height: 260px !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
ul.searchBoxMain li.ht_input {
padding: 10px 30px !important;
}
ul.searchBoxMain li.search_Btn {
height: 62px;
padding: 10px 0 10px 10px !important;
}
.btn.btn-search {
height: 52px;
}
.hotel_filters {
padding: 10px 0 !important;
}
.results_section .hotel_cards_left {
width: 720px;
}
.results_section .hotelcardsMap {
width: calc(100% - 720px);
padding-left: 15px;
}
.ht_card_dt .ht_title {
font-size: 14px;
}
.ht_address,
.ht_facilities {
font-size: 12px;
}
.hotel_card .ht_image {
width: 220px;
position: relative;
}
.hotel_card .ht_card_dt {
width: calc(100% - 220px);
}
.hotel_card .ht_image img {
width: calc(100%);
height: 248px !important;
object-fit: cover;
}
}
@media screen and (max-width: 1199px) {
.results_section .hotelcardsMap {
position: fixed;
width: calc(100%);
padding: 40px;
left: 0;
right: 0;
display: none;
top: 0;
background: rgb(0 0 0 / 70%);
bottom: 0;
z-index: 9;
}
.hotel_cards_left {
width: calc(100%) !important;
}
.container-fluid.pr-0 {
padding: 0 20px !important;
}
.ht_results {
height: initial !important;
}
.stickyDiv {
display: flex;
z-index: 9999;
}
.stickyDiv .btn.btn-Filters {
display: none;
}
.stickyDiv .btn.btn-map {
border-radius: 20px;
}
.closeMap {
display: block;
}
li.owlFiltersBox {
width: initial !important;
}
}
@media (min-width: 1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1180px;
}
}
@media screen and (max-width: 1023px) {
ul.searchBoxMain {
flex-wrap: wrap;
max-width: 780px;
}
ul.searchBoxMain li.searchCity {
flex: 0 0 100%;
width: 100% !important;
border-radius: 8px;
margin-bottom: 20px;
}
ul.searchBoxMain .ht_input.ht_checkin {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
ul.searchBoxMain .ht_input.ht_pax {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
ul.searchBoxMain .ht_input.ht_checkin,
ul.searchBoxMain .ht_input.ht_checkout,
ul.searchBoxMain .ht_input.ht_pax {
flex: 0 0 33.33%;
width: 33.33%;
margin-bottom: 20px;
max-width: initial !important;
}
ul.searchBoxMain li.search_Btn {
width: 100%;
border-radius: 8px;
padding-left: 5px !important;
}
ul.searchBoxMain li.search_Btn .btn {
width: 100%;
}
ul.searchBoxMain li.searchCity:after {
display: none;
}
}
@media screen and (max-width: 991px) {
.closeFliters,
.stickyDiv .btn.btn-Filters {
display: block;
}
.navbar-light .navbar-toggler {
background: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
padding: 7px;
}
.hotel_filters ul.filter {
display: block;
padding-top: 50px;
position: relative;
}
.filterblock .filterheading,
header.hotels-result.fixed {
position: relative !important;
}
.hotel_filters ul.filter li .dropdown-toggle {
width: 100%;
text-align: left;
margin-bottom: 10px;
display: none;
}
.hotel_filters ul.filter li .dropdown-toggle + .dropdown-menu {
display: block !important;
position: relative;
top: initial !important;
width: 100%;
margin: 0;
bottom: initial !important;
transform: none !important;
box-shadow: none;
left: initial !important;
padding-top: 0;
padding-bottom: 10px;
}
.hotel_filters {
position: fixed;
top: 0;
right: -150%;
width: 100%;
background: #fff;
bottom: 0;
height: 100vh;
overflow-y: scroll;
z-index: 999999999;
padding: 10px 20px;
transition: 0.3s;
}
.hotel_filters.active {
right: 0;
}
.hotel-main {
padding: 40px 0;
}
.stickyDiv .btn.btn-map {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.closeFliters {
border: none;
background: 0 0;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 32px;
}
.hotel_filters .filterheading {
right: -150%;
transition: 0.3s;
}
.hotel_filters.active .filterheading {
margin: 0 !important;
text-align: center;
background: #fff;
position: fixed;
top: 0;
z-index: 99999;
right: 0;
padding: 10px;
width: calc(100%);
}
.closeFliters svg {
fill: #000 !important;
}
.hotelMap {
height: calc(100vh - 80px);
}
.container {
width: 100%;
max-width: inherit;
}
.filterblock .filterheading {
z-index: initial !important;
top: initial !important;
text-align: left !important;
padding: 0 !important;
font-size: 14px;
}
ul.ht_spl_modify li {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 10px;
font-size: 12px;
}
ul.ht_spl_modify li.spl_Dest {
width: 140px;
}
.hotelModify.alt {
top: 60px;
}
.hotels-result.fixed ~ .hotelModify.alt {
top: 50px;
}
ul.ht_spl_modify {
width: calc(100% - 20px);
margin: 0 auto;
}
.hotelModify_mobile.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 23;
}
}
@media screen and (max-width: 768px) {
.icons_ht_Red {
display: none;
}
.tabHotels .nav-pills {
flex-wrap: nowrap;
justify-content: flex-start;
overflow-y: scroll;
}
.ht_tabHotels.owl-carousel .owl-nav button.owl-prev {
left: 0;
top: 45%;
}
.ht_tabHotels.owl-carousel .owl-nav button.owl-next {
right: 0;
top: 45%;
}
}
@media screen and (max-width: 680px) {
.idealProperty {
flex-wrap: nowrap;
width: 1285px;
}
ul.searchBoxMain .ht_input.ht_checkin,
ul.searchBoxMain .ht_input.ht_checkout {
flex: 0 0 50%;
width: 50%;
}
ul.searchBoxMain .ht_input.ht_checkout:after {
display: none;
}
ul.searchBoxMain .ht_input.ht_checkout {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
ul.searchBoxMain .ht_input.ht_pax {
flex: 0 0 100%;
width: 100%;
border-radius: 8px;
}
.hotel_card {
flex-wrap: wrap;
}
.hotel_card .ht_image,
.hotel_card .ht_image img {
width: calc(100%);
min-height: 100%;
max-width: initial !important;
}
.hotel_card .ht_card_dt {
width: calc(100%);
padding: 10px 10px 8px;
display: block;
flex-direction: row;
}
.hotel_card .ht_image {
margin-bottom: 0;
}
.hotel_card .ht_card_dt .ht_dt {
width: calc(100%);
}
.hotel_card .ht_card_dt .ht_price {
width: calc(100%);
text-align: right;
}
.ht_card_dt .ht_price {
margin-top: 15px;
}
.ht_card_dt .ht_price .price_inner {
display: block;
width: 100%;
}
.ht_card_dt .ht_price .price_inner .card_ht_price {
position: relative;
top: 5px;
max-width: 190px !important;
margin-left: auto;
}
.subcribe-heading {
margin-bottom: 20px;
}
.header .navbar {
padding: 0;
}
h1.main-heading {
font-size: 24px;
box-shadow: none;
}
ul.searchBoxMain li.ht_input {
margin-bottom: 10px !important;
}
.divheading2 {
font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.hotel-review .innerrMain {
margin-top: 10px;
}
body {
padding: 0 !important;
margin: 0 !important;
}
.amenities-group ul li {
font-size: 14px;
background-size: 20px 20px;
padding-left: 25px;
}
.htDetailText p {
font-size: 13px;
color: #1d1d1d;
letter-spacing: -0.25px;
line-height: 1.45;
}
s ._boardtype {
font-weight: 500;
}
.chk_heading {
padding-left: 15px;
}
.htDetailText p {
font-size: 13px;
}
.directLandingPage .room-section {
padding: 0 !important;
}
.directLandingPage .booking-title {
font-size: 14px;
}
.directLandingPage .booking-section {
padding: 0 !important;
}
._popularAmenities,
._rateHawk .whitebox {
padding: 10px !important;
margin: 0 15px 20px !important;
}
.searchbanner.innerPage,
section.main {
padding: 40px 0 0;
}
.hotel-main,
.navbar-collapse,
section.main {
background: #fff;
}
.searchbanner.innerPage + .container.py-5 h1._destHeading {
margin: 0 0 20px;
}
.searchbanner.innerPage + .container.py-5 {
padding: 20px !important;
}
.searchbanner .container {
padding: 0 5px !important;
}
ul.searchTabs li a,
ul.searchTabs li input[type="radio"] + label {
font-size: 11.5px;
padding: 0;
min-width: 100px;
line-height: 1;
max-width: 120px;
}
ul.searchTabs li a svg,
ul.searchTabs li input[type="radio"] + label svg {
margin-right: 5px;
transform: scale(0.85);
}
.currencyPicker input {
position: absolute;
opacity: 1;
transform: translateY(-50%);
top: 50%;
right: 10px;
}
.currencyPickerDropdown {
max-width: initial !important;
width: 100% !important;
}
.lastminuteDeals.my-5,
ul.navbar-nav.ml-auto.mr-5 {
margin: 0 !important;
}
ul.searchTabs {
width: calc(100% - 10px);
justify-content: space-between;
}
ul.searchBoxMain {
max-width: calc(100% - 10px);
margin: 10px auto 0;
box-shadow: none !important;
}
ul.searchTabs li a {
width: 150px;
justify-content: flex-start;
}
h1.main-heading + p {
font-size: 13px !important;
}
.currencyPicker label {
width: calc(100%);
}
.hotel-detail-box {
min-width: calc(100%);
}
.loginModal .modal-dialog {
width: 100%;
max-width: calc(100%);
left: 0 !important;
right: 0 !important;
margin: 0;
border-radius: 0;
}
.loginModal .modal-content {
width: calc(100%) !important;
}
.LoginForm {
padding: 0 15px;
}
.clearfix.mt-1,
.divheading.linethrough:before,
.ht_owl.owl-carousel .owl-nav button,
.ht_spl_modify,
.searchbanner:before {
display: none;
}
.header.headerHome:not(.fixed) .btn-currencyPicker,
.header.headerHome:not(.fixed) .navbar-light .navbar-nav .nav-link {
color: #333 !important;
}
.navbar-light .navbar-nav .nav-link {
padding-left: 16px;
padding-right: 16px;
}
.proprityTypes.propritycard .cardImg img {
height: 170px;
}
.placestoStay h1 {
margin: 0 0 5px;
font-size: 20px;
font-weight: 800;
line-height: 1;
}
.placestoStay ._placescount {
font-size: 13px;
color: #616161;
line-height: 1;
}
.placestoStay {
padding: 10px 5px;
display: block;
}
.videoPlay {
height: 320px;
}
.VideoTitle {
font-size: 26px;
width: 80%;
margin: 0 auto;
}
.owl-carousel.ht_tabHotels {
padding-bottom: 0 !important;
}
.proprityTypesRow .col-6,
.top-destinations .row .col-6 {
padding: 0 5px;
}
.proprityTypes {
margin-bottom: 10px;
}
.proprityTypes .cardDetails .title {
font-size: 14px;
margin-bottom: 5px;
}
.proprityTypes .cardDetails .count,
ul.dstList2 li a,
ul.footerlinks li a {
font-size: 12px;
}
.divheading {
font-size: 20px;
font-weight: 700;
color: #0f294d;
}
h4.title {
width: 100%;
text-align: center;
font-size: 18px;
}
.lastminuteDeals_card .card_body {
min-height: auto;
}
a.lastminuteDeals_card {
margin-bottom: 0;
}
.tabHotels .nav-pills .nav-link {
margin: 0 10px 0 0;
}
.container-fluid.pr-0 {
padding: 0 10px !important;
width: 100vw;
overflow-x: hidden;
}
body {
width: 100vw;
overflow: hidden;
}
._address .txt {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: calc(100% - 10px);
font-size: 11px;
position: relative;
top: -2px;
color: #66707c;
font-weight: 400;
}
.htWishList,
.tag_freeBreakFast {
position: absolute;
}
.hotel_card {
padding: 5px !important;
}
.hotel_card .ht_image img {
height: 225px !important;
}
.ht_card_dt .ht_title {
font-size: 14px;
line-height: 1.25;
}
.star {
width: 13px;
height: 13px;
}
.reviews_ht .star_ratings {
margin-right: 10px;
}
.reviews_ht .reviews_count {
font-weight: 400;
color: #66707c;
font-size: 11px;
}
.ht_facilities {
font-size: 12px;
font-weight: 400;
color: #666;
display: none !important;
}
.ht_facilities span {
padding-right: 5px;
}
.reviews_ht {
flex-wrap: wrap;
}
.hotel-main {
padding: 10px 0;
}
.hotelModify_mobile {
padding: 15px 0 0;
}
._address svg {
width: 9px;
height: 17px;
top: -4px;
}
.aboutRow p {
font-size: 14px;
}
.pagebanner {
min-height: 200px;
}
.pagebanner h1 {
font-weight: 700;
font-size: 30px;
}
.ht_owl.owl-carousel .owl-nav button.owl-prev {
left: 0;
}
.ht_owl.owl-carousel .owl-nav button.owl-next {
right: 0;
}
.htWishList {
top: 10px;
right: 10px;
}
.card_ht_price ._price {
display: block;
}
.clsBottom span._price {
display: inline-block;
}
.proprityTypes.travelStyle .cardDetails .title {
font-size: 14px !important;
}
.searchbanner {
min-height: 540px;
}
ul.searchBoxMain li.ht_input {
padding: 6px 20px !important;
}
ul.searchBoxMain li.ht_input.search_Btn {
padding-left: 5px !important;
padding-right: 5px !important;
}
.btn.btn-search {
height: 50px;
}
ul.searchBoxMain li.search_Btn {
height: 60px;
}
ul.searchBoxMain li.ht_input .form-group .form-control {
font-size: 13px;
}
a.top-dest img {
height: 214px;
}
.discover_row .col-dest {
width: 214px;
}
.proprityTypes.hts .cardImg img {
height: 220px;
}
.morder2 {
order: 2;
}
.morder1 {
order: 1;
margin-bottom: 40px;
}
.footer {
padding: 50px 0 0 !important;
}
.middle-card .card-img img {
height: 130px !important;
object-fit: cover;
width: calc(100%);
}
.middle-card .txt_title {
font-size: 14px;
font-weight: 600;
}
.middle_banner {
padding: 30px 0;
}
.loginModal .modal-dialog {
top: 0;
transform: none !important;
}
.btn-blue-transparent,
.btn-blue-transparent:hover {
padding: 10px !important;
font-size: 12px !important;
}
ul.socialLoginbtn li a svg {
width: 16px;
height: 16px;
margin-right: 5px;
fill: #fff;
position: relative;
top: -1px;
}
.loginModal .modalClose {
position: absolute;
top: 10px;
right: 10px;
color: #000;
cursor: pointer;
z-index: 9999;
display: block;
}
}
@media screen and (max-width: 360px) {
ul.socialLoginbtn li a svg {
width: 12px;
height: 12px;
margin-right: 5px;
}
ul.socialLoginbtn li a {
padding: 8px;
font-size: 10px;
}
}
.pure-material-radio {
z-index: 0;
position: relative;
display: inline-block;
color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
font-family: var(
--pure-material-font,
"Roboto",
"Segoe UI",
BlinkMacSystemFont,
system-ui,
-apple-system
);
font-size: 16px;
line-height: 1.5;
}
.pure-material-radio > input {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
z-index: -1;
position: absolute;
left: -10px;
top: -8px;
display: block;
margin: 0;
border-radius: 50%;
width: 40px;
height: 40px;
background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
outline: 0;
opacity: 0;
transform: scale(1);
pointer-events: none;
transition:
opacity 0.3s,
transform 0.2s;
}
.pure-material-radio > span {
display: inline-block;
width: 100%;
cursor: pointer;
}
.pure-material-radio > span::before {
content: "";
display: inline-block;
box-sizing: border-box;
margin: -1px 10px 2px 0;
border: 2px solid;
border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
border-radius: 50%;
width: 20px;
height: 20px;
vertical-align: top;
transition: border-color 0.2s;
}
.pure-material-radio > span::after {
content: "";
display: block;
position: absolute;
top: -2px;
left: 0;
border-radius: 50%;
width: 10px;
height: 10px;
transform: translate(5px, 5px) scale(0);
transition: transform 0.2s;
}
.pure-material-radio > input:active + span::before,
.pure-material-radio > input:checked + span::before {
border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}
.pure-material-radio > input:checked + span::after {
transform: translate(5px, 5px) scale(1);
}
.pure-material-radio:hover > input {
opacity: 0.04;
}
.pure-material-radio > input:focus {
opacity: 0.12;
}
.pure-material-radio:hover > input:focus {
opacity: 0.16;
}
.pure-material-radio > input:active {
opacity: 1;
transform: scale(0);
transition: transform, opacity;
}
.pure-material-radio > input:disabled + span {
color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
cursor: initial;
}
.pure-material-radio > input:disabled + span::before {
border-color: currentColor;
}
.pure-material-radio > input:disabled + span::after {
background-color: currentColor;
}
@media only screen and (min-width: 1200px) {
.ht_results::-webkit-scrollbar {
width: 10px;
display: block !important;
}
.ht_results::-webkit-scrollbar-track {
background: #f1f1f1;
display: block;
}
.ht_results::-webkit-scrollbar-thumb {
background: #ff5a84;
}
.ht_results::-webkit-scrollbar-thumb:hover {
background: #ff5a84;
}
.ht_results {
overflow-y: auto;
scroll-behavior: smooth;
padding-right: 5px;
}
}
.erroricon svg {
width: 90px;
height: 90px;
fill: #ff8c00;
margin-bottom: 10px;
}
.errorHeading {
font-size: 28px;
font-weight: 600;
}
.divErrorPage {
padding: 80px 0;
text-align: center;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:visited {
background: #ff8c00 !important;
border-color: #ff8c00 !important;
}
.reseticon svg {
width: 60px;
fill: #515151;
}
.reseticon {
margin: 0 auto;
display: flex;
justify-content: center;
}
.errortext.resetheadingtext {
font-size: 21px;
font-weight: 600;
margin: 20px 0;
}
h1._destHeading {
text-align: center;
font-weight: 700;
font-size: 24px;
margin-bottom: 45px;
text-transform: capitalize;
}
._destPage h4.title {
text-align: left;
top: initial !important;
bottom: 11px;
transform: none;
right: initial;
left: 10px;
max-width: 70%;
padding: 10px 15px;
font-size: 25px;
display: inline-block;
width: fit-content;
min-width: 120px;
text-shadow: 1px 2px 6px rgb(0 0 0 / 60%);
-webkit-text-shadow: 1px 2px 6px rgb(0 0 0 / 0.6);
font-weight: 700;
line-height: 1.15;
font-family: "Roboto Condensed", sans-serif;
}
._destPage a.top-dest .overlay {
background-image: linear-gradient(transparent, rgb(0 0 0 / 60%)) !important;
position: absolute;
top: 45%;
bottom: 0;
left: 0;
right: 0;
background: 0 0;
}
._destPage h4.title small {
font-size: 12px;
font-weight: 400;
}
._destPage a.top-dest img {
height: 350px;
object-fit: cover;
}
.row._destPage > [class^="col-"] {
padding: 0 7.5px;
}
.tripadvisorReview {
display: flex;
align-items: center;
display: flex;
align-items: center;
font-weight: 500;
font-size: 12px;
color: #181818;
}
.tripadvisorReview ._tpIcon {
background-repeat: no-repeat;
display: block;
background-size: contain;
width: 100px;
height: 20px;
marigin-right: 5px;
}
.tp5 {
background: url(../images/_5Star.svg);
}
.tp4H {
background: url(../images/_4HStar.svg);
}
.tp4 {
background: url(../images/_4Star.svg);
}
.tp3H {
background: url(../images/_3HStar.svg);
}
.tp3 {
background: url(../images/_3Star.svg);
}
.tp2H {
background: url(../images/_2HStar.svg);
}
.tp2 {
background: url(../images/_2Star.svg);
}
.tp1H {
background: url(../images/_1HStar.svg);
}
.tp1 {
background: url(../images/_1Star.svg);
}
.card_ht_price ._from {
position: relative;
}
.card_ht_price {
padding-left: 15px;
position: relative;
}
span._txtHtlName {
display: block;
max-width: 240px;
overflow: hidden;
}
@media only screen and (max-width: 480px) {
.roomCardImage {
width: calc(100%);
margin-bottom: 11px;
margin-right: 0;
}
.room-category-title {
margin-left: 5px;
}
.room-card-policy {
flex: 0 0 100% !important;
}
.row._destPage > [class^="col-"] {
padding: 0 5px;
}
.row._destPage > [class^="col-"] a.top-dest {
margin-bottom: 10px;
}
._destPage a.top-dest img {
height: 200px;
object-fit: cover;
}
ul.searchTabs.tabs2 {
display: block;
box-shadow: none;
}
ul.searchTabs.tabs2 li input[type="radio"] + label {
width: calc(100%);
min-width: initial !important;
max-width: inherit;
}
.room-category {
padding: 10px 5px !important;
}
.ht_title .tripadvisorReview {
position: absolute;
top: 0;
right: 0;
display: block;
}
.tripadvisorReview ._Count {
display: block;
margin: 5px auto 0;
font-size: 10px;
font-weight: 600;
}
span._txtHtlName {
max-width: 180px;
}
.htr_name {
display: flex;
flex-wrap: nowrap;
display: flex;
justify-content: space-between;
width: calc(100%);
align-items: flex-start;
font-size: 16px;
font-weight: 700;
}
.ht_title {
position: relative;
}
.hotel-review {
padding: 0;
}
.sidebar-bottom.fixed {
position: fixed;
bottom: 0;
z-index: 9;
left: 0;
right: 0;
padding: 1rem 2rem 2rem;
background: #fff;
}
.sidebar-bottom.fixed .htCheckinInfo {
display: none !important;
}
.hotelImges .main-image img {
width: calc(100%);
height: 220px;
}
.htr_name .tripadvisorReview {
display: block;
text-align: center;
}
._reviewDOM .whitebox {
padding: 0 20px !important;
}
ul.amenitiesList li {
display: flex;
align-items: center;
flex-wrap: wrap;
}
ul.amenitiesList i {
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='green'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
display: inline-block;
position: relative;
top: 5px;
background-size: 20px 20px;
}
ul.amenitiesList li {
background-image: none !important;
}
}
._newAmenities {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
list-style: none;
padding: 0;
margin: 0;
}
._heading {
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
}
._newAmenities li {
display: flex;
gap: 8px;
line-height: 1.25;
align-items: flex-start;
font-size: 15px;
}
._newAmenities ._icon {
display: flex;
align-items: center;
flex-shrink: 0;
}
._newAmenities ._icon svg {
display: block;
}
@media (max-width: 768px) {
._newAmenities {
grid-template-columns: 1fr;
margin-bottom: 20px;
}
}
.review-header {
display: flex;
align-items: flex-start;
gap: 20px;
}
.rating-badge {
background: #00b300;
color: #fff;
padding: 40px 20px 30px 20px;
border-radius: 0;
text-align: center;
min-width: 80px;
flex-shrink: 0;
margin-top: -8px;
position: relative;
}
.rating-badge:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 20px 40px 0 0;
border-color: #00b300 #fff0 #fff0 #fff0;
position: absolute;
bottom: 0;
left: 0;
transform: translateY(100%);
}
.rating-badge:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 40px 20px 0;
border-color: #fff0 #00b300 #fff0 #fff0;
position: absolute;
bottom: 0;
right: 0;
transform: translateY(100%);
}
.rating-score {
font-size: 32px;
font-weight: 700;
line-height: 1;
}
.rating-info {
flex: 1;
}
.rating-title {
font-size: 18px;
font-weight: 600;
color: #333;
margin-bottom: 4px;
}
.rating-subtitle {
color: #666;
font-size: 14px;
margin-bottom: 8px;
}
.review-availability {
color: #666;
font-size: 13px;
}
.tripadvisor-section {
display: flex;
align-items: center;
gap: 12px;
margin-top: 16px;
}
.tripadvisor-circles {
display: flex;
gap: 2px;
}
.circle {
width: 12px;
height: 12px;
border-radius: 50%;
background: #00aa6c;
}
.tripadvisor-text {
color: #666;
font-size: 13px;
}
.ratings-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px;
padding: 0 24px 24px;
}
.rating-category {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 5px;
}
.category-name {
font-size: 14px;
color: #333;
font-weight: 500;
}
.category-score {
font-size: 14px;
color: #333;
font-weight: 600;
min-width: 20px;
text-align: right;
}
.progress-bar {
width: 100%;
height: 4px;
background: #e6e6e6;
border-radius: 2px;
margin: 8px 0 10px;
overflow: hidden;
}
.progress-fill {
height: 100%;
border-radius: 2px;
transition: width 0.3s ease;
}
.progress-excellent {
background: #00b300;
}
.progress-good {
background: #7fb800;
}
.progress-average {
background: orange;
}
.progress-poor {
background: #ff6b6b;
}
@media (max-width: 768px) {
body {
padding: 12px;
}
.review-header {
flex-direction: column;
text-align: center;
padding: 20px;
gap: 16px;
}
.rating-badge {
align-self: center;
}
.ratings-grid {
grid-template-columns: 1fr;
gap: 16px;
padding: 0 20px 20px;
}
.rating-score {
font-size: 28px;
}
.rating-title {
font-size: 16px;
}
}
@media (max-width: 480px) {
.review-header {
padding: 16px;
}
.ratings-grid {
padding: 0 16px 16px;
}
.rating-category {
margin-bottom: 12px;
}
}
.rating-category:hover .progress-fill {
opacity: 0.8;
}
@keyframes fillProgress {
from {
width: 0;
}
to {
width: var(--progress-width);
}
}
.progress-fill {
animation: fillProgress 1s ease-out;
}
.reviews_container {
padding: 20px 0;
}
.reviews_header {
text-align: center;
margin-bottom: 30px;
}
.reviews_header h1 {
color: #333;
font-size: 32px;
margin-bottom: 10px;
}
.reviews_count {
color: #666;
font-size: 16px;
}
.review_card {
background-color: #fff;
border-radius: 12px;
padding: 24px;
box-shadow: 0 2px 10px rgb(0 0 0 / 0.1);
margin-bottom: 20px;
}
.review_cardBody ._left {
display: flex;
align-items: center;
}
.review_cardBody ._left .review_subtitle {
margin-right: 10px;
}
.review_card_header {
display: flex;
align-items: flex-start;
margin-bottom: 16px;
background: #f4f4f4;
padding: 10px;
border-radius: 5px;
}
.review_card_reviewer_info h3 {
margin: 0;
font-size: 18px;
font-weight: 600;
color: #333;
}
.review_card_date,
.review_subtitle {
color: #666;
font-size: 14px;
margin-bottom: 5px;
}
.review_card_star_rating {
background: #00b300;
color: #fff;
padding: 5px 15px;
border-radius: 0;
text-align: center;
min-width: 15px;
flex-shrink: 0;
position: relative;
margin: -10px 20px 0 0;
}
.review_card_star {
width: 20px;
height: 20px;
background-color: #00d084;
border-radius: 50%;
}
.review_card_star.empty {
background-color: #e0e0e0;
}
.review_card_title {
font-size: 20px;
font-weight: 600;
color: #333;
margin: 20px 0 16px 0;
line-height: 1.3;
}
.review_card_content {
color: #555;
line-height: 1.6;
font-size: 16px;
}
.pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: 40px;
}
.pagination button {
padding: 10px 16px;
border: 1px solid #ddd;
background-color: #fff;
color: #333;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
transition: all 0.2s;
}
.pagination button:hover {
background-color: #f5f5f5;
}
.pagination button.active {
background-color: #00d084;
color: #fff;
border-color: #00d084;
}
.pagination button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.page_info {
color: #666;
font-size: 14px;
}
button,
hr,
input {
overflow: visible;
}
progress,
sub,
sup {
vertical-align: baseline;
}
[type="checkbox"],
[type="radio"],
legend {
box-sizing: border-box;
padding: 0;
}
.md-checkbox label,
ul.ddlSpinner {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.contactForm .form-group,
.md-radio label,
.reviews_ht + .htAddress {
margin-bottom: 0;
}
._blank,
.md-checkbox label,
ul.ddlSpinner {
-webkit-touch-callout: none;
-khtml-user-select: none;
}
._address .txt,
.hotel-detail-price-text,
li.spl_Dest.headerDestination,
span._txtHtlName {
white-space: nowrap;
text-overflow: ellipsis;
}
.has-error + .poperror,
.hotel-detail-room-properties ul li,
.hotel_filters ul.filter li,
.middle-card,
.newOffer,
.subcribe-heading span,
details,
main,
ul.dist_hotels li,
ul.footerlinks li {
display: block;
}
.md-radio {
margin: 16px 0;
}
.md-radio input[type="radio"]:checked + label:before {
border-color: #ff8c00;
}
.md-radio input[type="radio"]:checked + label:after {
transform: scale(1);
}
.md-radio label {
display: inline-block;
height: 20px;
position: relative;
padding: 0 30px;
cursor: pointer;
vertical-align: bottom;
}
.loader-1 span,
.loader-1 span::after {
position: absolute;
margin: auto;
clip: rect(0, 32px, 32px, 16px);
bottom: 0;
right: 0;
}
.md-radio label:after,
.md-radio label:before {
position: absolute;
content: "";
border-radius: 50%;
transition:
transform 0.3s,
border-color 0.3s;
}
.md-radio label:before {
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 1px solid #ff8c00;
border-color: #ff8c00 !important;
}
.md-radio label:after {
top: 4px;
left: 4px;
width: 10px;
height: 10px;
transform: scale(0);
background: #ff8c00;
}
button.btn.dropdown-toggle.btn-light {
top: 10px;
}
.fancybox-error.fancybox__content,
.hotel-detail-room-properties ul,
.loginModal .modal-body,
.owlFilters,
.row[data-gutter="0"] > [class^="col-"],
ul.footerlinks {
padding: 0;
}
.room-lucky-discount__seconds-remaining {
text-align: center;
line-height: 100px;
color: #fff;
text-shadow: 0 2px 4px rgb(0 0 0 / 0.2);
font-size: 16px;
font-weight: 600;
}
.room-lucky-discount__content {
width: 65%;
padding-left: 20px;
}
.room-lucky-discount__title {
color: #222;
font-size: 18px;
font-weight: 700;
}
.room-lucky-discount__desc {
color: #444;
font-size: 14px;
font-weight: 400;
line-height: 20px;
padding-top: 10px;
}
.room-lucky-discount__price {
width: 120px;
height: 75px;
text-align: center;
color: #4a4a4a;
font-size: 16px;
font-weight: 500;
border-left: 1px solid #ccc;
}
.room-lucky-discount__ratio {
margin-top: 15px;
margin-bottom: 10px;
color: #4a4a4a;
font-size: 26px;
font-weight: 600;
}
em.icon-facility-107:before,
em.icon-facility-type-15:before {
content: "\F18A";
}
em.icon-facility-2:before,
em.icon-facility-2b:before,
em.icon-facility-3ae:before,
em.icon-facility-type-26:before {
content: "\F13C";
}
em.icon-facility-230:before,
em.icon-facility-29c:before,
em.icon-facility-2ae:before,
em.icon-facility-5:before {
content: "\F208";
}
em.icon-facility-186:before,
em.icon-facility-192:before,
em.icon-facility-195:before,
em.icon-facility-196:before,
em.icon-facility-25d:before,
em.icon-facility-26:before,
em.icon-facility-2ff:before,
em.icon-facility-300:before,
em.icon-facility-type-6:before {
content: "\F13A";
}
em.icon-facility-2ac:before,
em.icon-facility-8:before {
content: "\F18B";
}
em.icon-facility-2e1:before {
content: "\F172";
}
em.icon-facility-3d7:before,
em.icon-facility-41:before {
content: "\F183";
}
em.icon-facility-26d:before,
em.icon-facility-343:before,
em.icon-facility-344:before,
em.icon-facility-345:before,
em.icon-facility-347:before,
em.icon-facility-4:before {
content: "\F1E6";
}
em.icon-facility-206:before,
em.icon-facility-222:before,
em.icon-facility-374:before {
content: "\F177";
}
em.icon-facility-128:before,
em.icon-facility-129:before,
em.icon-facility-12e:before,
em.icon-facility-138:before,
em.icon-facility-139:before,
em.icon-facility-1b5:before,
em.icon-facility-27c:before,
em.icon-facility-27d:before,
em.icon-facility-282:before,
em.icon-facility-284:before,
em.icon-facility-286:before,
em.icon-facility-288:before,
em.icon-facility-289:before,
em.icon-facility-28a:before,
em.icon-facility-28b:before,
em.icon-facility-28d:before,
em.icon-facility-292:before,
em.icon-facility-34b:before,
em.icon-facility-34c:before,
em.icon-facility-34d:before,
em.icon-facility-34f:before,
em.icon-facility-350:before,
em.icon-facility-351:before,
em.icon-facility-355:before,
em.icon-facility-a3:before,
em.icon-facility-type-19:before,
em.icon-facility-type-22:before {
content: "\F1DB";
}
em.icon-facility-type-1:before,
em.icon-facility-type-20:before,
em.icon-facility-type-24:before {
content: "\F1D9";
}
em.icon-facility-type-1a:before {
content: "\F20E";
}
em.icon-facility-type-13:before,
em.icon-facility-type-1b:before,
em.icon-facility-type-7:before {
content: "\F17C";
}
em.icon-facility-type-1e:before {
content: "\F1DA";
}
em.icon-facility-type-1f:before,
em.icon-facility-type-28:before,
em.icon-facility-type-2b:before {
content: "\F20F";
}
em.icon-facility-type-12:before,
em.icon-facility-type-18:before,
em.icon-facility-type-2:before,
em.icon-facility-type-2d:before {
content: "\F102";
}
em.icon-facility-type-1d:before,
em.icon-facility-type-2a:before,
em.icon-facility-type-3:before,
em.icon-facility-type-8:before {
content: "\F19A";
}
em.icon-facility-type-1c:before,
em.icon-facility-type-2c:before {
content: "\F1F2";
}
em.icon-facility-type-25:before,
em.icon-facility-type-4:before {
content: "\F20A";
}
em.icon-facility-type-5:before {
content: "\F209";
}
em.icon-facility-type-9:before {
content: "\F16C";
}
em.icon-facility-type-11:before {
content: "\F168";
}
em.icon-facility-type-14:before {
content: "\F1AD";
}
em.icon-facility-type-16:before {
content: "\F1A1";
}
em.icon-facility-type-17:before {
content: "\F12A";
}
em.icon-facility-type-21:before {
content: "\F193";
}
em.icon-facility-type-23:before {
content: "\F218";
}
em.icon-facility-type-27:before {
content: "\F223";
}
em.icon-facility-type-29:before {
content: "\F231";
}
.breadcrumb__item:before,
.call-me-back__country .label:before,
.call-me-back__modal .select2-selection--single:before,
.checkout-page__label--checked .status-icon:before,
.checkout-page__label--error .status-icon:before,
.checkout-page__label--select .select2-selection--single:before,
.checkout-page__notification--mini .icon:before,
.checkout-page__notification--mini:before,
.checkout-page__notification:before,
.checkout-page__secure-text li em:before,
.checkout-page__sidebar-notification .icon:before,
.collapse-open:checked ~ .filter-menu__arrow:before,
.contact-page__form .select2-selection__arrow:before,
.customer-care__accordion .accordion-item__title .icon:before,
.customer-care__breadcrumb li:before,
.dashboard-voucher__book-info .date--first .icon:before,
.dashboard__trip-image:before,
.destination-button__arrow:before,
.filter-menu__arrow:before,
.hotel-detail-sidebar-chat__icon:before,
.icon-account_circle:before,
.icon-activities:before,
.icon-add:before,
.icon-advanture:before,
.icon-airport:before,
.icon-alarm:before,
.icon-angle-down-alternate:before,
.icon-angle-down-tiny:before,
.icon-angle-down:before,
.icon-angle-left:before,
.icon-angle-right:before,
.icon-angle-up:before,
.icon-apple:before,
.icon-arrow-back:before,
.icon-arrow-down-light:before,
.icon-arrow-down-line:before,
.icon-arrow-down-outline:before,
.icon-arrow-down-thinline:before,
.icon-arrow-down:before,
.icon-arrow-next-bold:before,
.icon-arrow-next-narrow:before,
.icon-arrow-next:before,
.icon-arrow-prev-bold:before,
.icon-arrow-prev-narrow:before,
.icon-arrow-prev:before,
.icon-arrow-right-light:before,
.icon-arrow-right:before,
.icon-arrow-up-outline:before,
.icon-arrow-up:before,
.icon-attachment-alternate:before,
.icon-attachment:before,
.icon-availability-down-four:before,
.icon-availability-down-one:before,
.icon-availability-down-three:before,
.icon-availability-down-two:before,
.icon-availability:before,
.icon-baby:before,
.icon-backpacking:before,
.icon-bar:before,
.icon-base-pseudo,
.icon-beach-alternate:before,
.icon-beach-full:before,
.icon-beach:before,
.icon-beat-price:before,
.icon-beated-price:before,
.icon-bed-multiple:before,
.icon-bed:before,
.icon-bell-clock:before,
.icon-bell:before,
.icon-best-deal:before,
.icon-best-price:before,
.icon-big-lock:before,
.icon-blog:before,
.icon-board-type-upgrade:before,
.icon-box-view:before,
.icon-build:before,
.icon-bus:before,
.icon-bussiness-card:before,
.icon-cable:before,
.icon-cancel:before,
.icon-car-parking:before,
.icon-card:before,
.icon-caret-left:before,
.icon-caret-right:before,
.icon-chain:before,
.icon-check-alternate:before,
.icon-check-bold:before,
.icon-check-circle:before,
.icon-check-o:before,
.icon-check:before,
.icon-child:before,
.icon-city-center:before,
.icon-city-hotels:before,
.icon-click:before,
.icon-clock-o:before,
.icon-clock:before,
.icon-close-alternate:before,
.icon-close-bold:before,
.icon-close-circle-tiny:before,
.icon-close-circle:before,
.icon-close-tiny:before,
.icon-close:before,
.icon-cloud-download:before,
.icon-coffee-alternate:before,
.icon-comment-alternate:before,
.icon-comment:before,
.icon-comments:before,
.icon-comparison:before,
.icon-compass:before,
.icon-custom-offer:before,
.icon-datepicker-alternate:before,
.icon-datepicker:before,
.icon-destinations:before,
.icon-disabled-guest-full:before,
.icon-disabled-guest:before,
.icon-disabled:before,
.icon-dislike:before,
.icon-door:before,
.icon-dot:before,
.icon-double-bed:before,
.icon-down-arrow:before,
.icon-early-booking-discount:before,
.icon-eco-friendly:before,
.icon-edit-pen:before,
.icon-entertainment:before,
.icon-envelope-alternate:before,
.icon-envelope-o:before,
.icon-envelope:before,
.icon-eye-o:before,
.icon-eye:before,
.icon-facebook-offer:before,
.icon-facebook:before,
.icon-family-alternate:before,
.icon-family-of-three:before,
.icon-family-rooms:before,
.icon-family:before,
.icon-file-x:before,
.icon-file:before,
.icon-filter:before,
.icon-fitness-center:before,
.icon-fixed-live-chat:before,
.icon-flag:before,
.icon-folder-x:before,
.icon-folder:before,
.icon-food:before,
.icon-free-breakfast-alternate:before,
.icon-free-breakfast-full:before,
.icon-free-breakfast:before,
.icon-free-cancelation:before,
.icon-free-cancellation:before,
.icon-free-child:before,
.icon-free-cribs:before,
.icon-free-meal:before,
.icon-free-night:before,
.icon-free-parking:before,
.icon-free-person:before,
.icon-free-transportation:before,
.icon-free-upgrade:before,
.icon-free-wifi:before,
.icon-front-desk:before,
.icon-gears-alternate:before,
.icon-gears:before,
.icon-giftcard:before,
.icon-golf:before,
.icon-google-plus-huge:before,
.icon-google:before,
.icon-hamburger:before,
.icon-handicapped:before,
.icon-headphone:before,
.icon-heart-o:before,
.icon-heart:before,
.icon-help-alternate:before,
.icon-help:before,
.icon-honeymoon:before,
.icon-hotel-service:before,
.icon-icon-price-up-one:before,
.icon-image-placeholder:before,
.icon-info-alternate:before,
.icon-info-o-alternate:before,
.icon-info-o:before,
.icon-info-outline:before,
.icon-info:before,
.icon-jacuzzi:before,
.icon-layers-all:before,
.icon-lightbulb:before,
.icon-like:before,
.icon-list-alternate:before,
.icon-list-view:before,
.icon-list:before,
.icon-loading:before,
.icon-location-alternate:before,
.icon-location-check:before,
.icon-location-checked:before,
.icon-location:before,
.icon-lock-alternate:before,
.icon-lock-filled:before,
.icon-lock-o:before,
.icon-lock:before,
.icon-login:before,
.icon-logout:before,
.icon-long-arrow-right:before,
.icon-low-budget:before,
.icon-luxury:before,
.icon-map-marker:before,
.icon-map:before,
.icon-massage:before,
.icon-medal:before,
.icon-message-alternate:before,
.icon-message-check:before,
.icon-message-error:before,
.icon-message:before,
.icon-metglobal:before,
.icon-metro:before,
.icon-minus:before,
.icon-mobile-alternate:before,
.icon-mobile:before,
.icon-money:before,
.icon-moon:before,
.icon-most-booked:before,
.icon-most-searched:before,
.icon-mouse:before,
.icon-nature-alternate:before,
.icon-nature:before,
.icon-night:before,
.icon-non-refundable:before,
.icon-non-smoking:before,
.icon-o-info:before,
.icon-off-alternate:before,
.icon-otel-back:before,
.icon-our-picks:before,
.icon-paper-alternate:before,
.icon-paper:before,
.icon-park:before,
.icon-parking-alternate:before,
.icon-parking:before,
.icon-paw:before,
.icon-pay-at-hotel-alternate:before,
.icon-pay-at-hotel:before,
.icon-pay-online:before,
.icon-pay-shuttle-service:before,
.icon-payment:before,
.icon-people-alternate:before,
.icon-people:before,
.icon-person-alternate:before,
.icon-person-card:before,
.icon-person-o:before,
.icon-person-thin:before,
.icon-person:before,
.icon-pet-friendly-full:before,
.icon-pet-friendly:before,
.icon-pets-allowed:before,
.icon-phone-alternate:before,
.icon-phone:before,
.icon-pin-bold:before,
.icon-pin:before,
.icon-pizza:before,
.icon-plane:before,
.icon-plus-circle:before,
.icon-plus-tiny:before,
.icon-plus:before,
.icon-pool-alternate2:before,
.icon-pool-alternate:before,
.icon-pool:before,
.icon-price-down-one:before,
.icon-price-up-one:before,
.icon-price-up-three:before,
.icon-price-up-two:before,
.icon-print-alternate-2:before,
.icon-print-alternate:before,
.icon-print:before,
.icon-printer:before,
.icon-profile:before,
.icon-promotion:before,
.icon-refundable-alternate:before,
.icon-refundable:before,
.icon-register:before,
.icon-relaxation:before,
.icon-reload:before,
.icon-remove:before,
.icon-restaurant:before,
.icon-ring-full:before,
.icon-ring:before,
.icon-romance-alternate:before,
.icon-romance:before,
.icon-room-service:before,
.icon-room:before,
.icon-rooms:before,
.icon-sauna:before,
.icon-save:before,
.icon-search-alternate:before,
.icon-search-destination:before,
.icon-search-hotel-name:before,
.icon-search-landmark:before,
.icon-search-light:before,
.icon-search:before,
.icon-seaside:before,
.icon-secure-o:before,
.icon-secure-payment:before,
.icon-secure:before,
.icon-settings:before,
.icon-shops:before,
.icon-shuttle:before,
.icon-sign-out:before,
.icon-single-bed:before,
.icon-smile-o:before,
.icon-smile:before,
.icon-sort-alphabetical:before,
.icon-sort-arrow-down:before,
.icon-sort-map:before,
.icon-spa-alternate2:before,
.icon-spa-alternate:before,
.icon-spa:before,
.icon-special-discount-v2:before,
.icon-special-discount:before,
.icon-special-offer:before,
.icon-star-alternate:before,
.icon-star-o:before,
.icon-star-outline:before,
.icon-star-sharp:before,
.icon-star-square:before,
.icon-star:before,
.icon-start-live-chat:before,
.icon-stats-circle:before,
.icon-sunny:before,
.icon-swim:before,
.icon-swimming:before,
.icon-tag:before,
.icon-telephone:before,
.icon-timer:before,
.icon-top-10:before,
.icon-transfer-available:before,
.icon-trash:before,
.icon-tripadvisor-large:before,
.icon-trustpilot:before,
.icon-twitter:before,
.icon-unlock-alt:before,
.icon-user:before,
.icon-warning:before,
.icon-weather-cloud:before,
.icon-weather-rainy:before,
.icon-weather-sunny-cloud:before,
.icon-weather-sunny:before,
.icon-weather-wind:before,
.icon-wifi-alternate2:before,
.icon-wifi-alternate:before,
.icon-wifi-full:before,
.icon-wifi:before,
.icon-winter-sports:before,
.icon-world:before,
.is-error + .field-icon__right:before,
.is-success + .field-icon__right:before,
.live-chat__close:before,
.live-chat__minus:before,
.room-availability__room--alternate .room-availability__room-type.active:before,
.room-availability__room--alternate .room-availability__room-type:before,
.search-box__sticky .search-inputs__input:before,
.search-item-properties li:before,
.search-item-stars .stars span:before,
.search-rooms .select:before,
.search__room .select:before,
.select .icon:before,
.select2-selection .icon:before,
.select:before,
.send-message__form--error:before,
.site-footer-content-wrap__selects .select:before,
.social-accounts__providers a.facebook em:before,
.stars span:before,
.thanks-page__book-information .thanks-page__row .date.arrow .icon:before,
.thanks-page__form-success:before,
.thanks-page__notifications li .icon:before,
.voucher-area__book-info .date--first .icon:before,
em.icon-facility-107:before,
em.icon-facility-128:before,
em.icon-facility-129:before,
em.icon-facility-12e:before,
em.icon-facility-138:before,
em.icon-facility-139:before,
em.icon-facility-186:before,
em.icon-facility-192:before,
em.icon-facility-195:before,
em.icon-facility-196:before,
em.icon-facility-1b5:before,
em.icon-facility-206:before,
em.icon-facility-222:before,
em.icon-facility-230:before,
em.icon-facility-25d:before,
em.icon-facility-26:before,
em.icon-facility-26d:before,
em.icon-facility-27c:before,
em.icon-facility-27d:before,
em.icon-facility-282:before,
em.icon-facility-284:before,
em.icon-facility-286:before,
em.icon-facility-288:before,
em.icon-facility-289:before,
em.icon-facility-28a:before,
em.icon-facility-28b:before,
em.icon-facility-28d:before,
em.icon-facility-292:before,
em.icon-facility-29c:before,
em.icon-facility-2:before,
em.icon-facility-2ac:before,
em.icon-facility-2ae:before,
em.icon-facility-2b:before,
em.icon-facility-2e1:before,
em.icon-facility-2ff:before,
em.icon-facility-300:before,
em.icon-facility-343:before,
em.icon-facility-344:before,
em.icon-facility-345:before,
em.icon-facility-347:before,
em.icon-facility-34b:before,
em.icon-facility-34c:before,
em.icon-facility-34d:before,
em.icon-facility-34f:before,
em.icon-facility-350:before,
em.icon-facility-351:before,
em.icon-facility-355:before,
em.icon-facility-374:before,
em.icon-facility-3ae:before,
em.icon-facility-3d7:before,
em.icon-facility-41:before,
em.icon-facility-4:before,
em.icon-facility-5:before,
em.icon-facility-8:before,
em.icon-facility-a3:before,
em.icon-facility-type-11:before,
em.icon-facility-type-12:before,
em.icon-facility-type-13:before,
em.icon-facility-type-14:before,
em.icon-facility-type-15:before,
em.icon-facility-type-16:before,
em.icon-facility-type-17:before,
em.icon-facility-type-18:before,
em.icon-facility-type-19:before,
em.icon-facility-type-1:before,
em.icon-facility-type-1a:before,
em.icon-facility-type-1b:before,
em.icon-facility-type-1c:before,
em.icon-facility-type-1d:before,
em.icon-facility-type-1e:before,
em.icon-facility-type-1f:before,
em.icon-facility-type-20:before,
em.icon-facility-type-21:before,
em.icon-facility-type-22:before,
em.icon-facility-type-23:before,
em.icon-facility-type-24:before,
em.icon-facility-type-25:before,
em.icon-facility-type-26:before,
em.icon-facility-type-27:before,
em.icon-facility-type-28:before,
em.icon-facility-type-29:before,
em.icon-facility-type-2:before,
em.icon-facility-type-2a:before,
em.icon-facility-type-2b:before,
em.icon-facility-type-2c:before,
em.icon-facility-type-2d:before,
em.icon-facility-type-3:before,
em.icon-facility-type-4:before,
em.icon-facility-type-5:before,
em.icon-facility-type-6:before,
em.icon-facility-type-7:before,
em.icon-facility-type-8:before,
em.icon-facility-type-9:before,
input[type="checkbox"]:checked + .form-item:before,
input[type="radio"]:checked + .form-item:before {
font-family: icon;
-webkit-font-smoothing: antialiased;
-mox-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
}
.Paybg,
.txtHeading,
p.txtSubheading {
font-family: Helvetica, Arial, sans-serif;
}
.hotel_card,
.middle-card,
.middle-card .txt_title,
.middle-card:hover .txt_title,
.newOffer,
.offer-card,
.proprityTypes {
text-decoration: none !important;
}
.icon-account_circle:before {
content: "\F101";
}
.icon-activities:before {
content: "\F102";
}
.icon-add:before {
content: "\F103";
}
.icon-advanture:before {
content: "\F104";
}
.icon-airport:before {
content: "\F105";
}
.icon-alarm:before {
content: "\F106";
}
.icon-angle-down-alternate:before {
content: "\F107";
}
.icon-angle-down-tiny:before {
content: "\F108";
}
.icon-angle-down:before {
content: "\F109";
}
.icon-angle-left:before {
content: "\F10A";
}
.icon-angle-right:before {
content: "\F10B";
}
.icon-angle-up:before {
content: "\F10C";
}
.icon-apple:before {
content: "\F10D";
}
.icon-arrow-back:before {
content: "\F10E";
}
.icon-arrow-down-light:before {
content: "\F10F";
}
.icon-arrow-down-line:before {
content: "\F110";
}
.icon-arrow-down-outline:before {
content: "\F111";
}
.icon-arrow-down-thinline:before {
content: "\F112";
}
.icon-arrow-down:before {
content: "\F113";
}
.icon-arrow-next-bold:before {
content: "\F114";
}
.icon-arrow-next-narrow:before {
content: "\F115";
}
.icon-arrow-next:before {
content: "\F116";
}
.icon-arrow-prev-bold:before {
content: "\F117";
}
.icon-arrow-prev-narrow:before {
content: "\F118";
}
.icon-arrow-prev:before {
content: "\F119";
}
.icon-arrow-right-light:before {
content: "\F11A";
}
.icon-arrow-right:before {
content: "\F11B";
}
.icon-arrow-up-outline:before {
content: "\F11C";
}
.icon-arrow-up:before {
content: "\F11D";
}
.icon-attachment-alternate:before {
content: "\F11E";
}
.icon-attachment:before {
content: "\F11F";
}
.icon-availability-down-four:before {
content: "\F120";
}
.icon-availability-down-one:before {
content: "\F121";
}
.icon-availability-down-three:before {
content: "\F122";
}
.icon-availability-down-two:before {
content: "\F123";
}
.icon-availability:before {
content: "\F124";
}
.icon-baby:before {
content: "\F125";
}
.icon-backpacking:before {
content: "\F126";
}
.icon-bar:before {
content: "\F127";
}
.icon-beach-alternate:before {
content: "\F128";
}
.icon-beach-full:before {
content: "\F129";
}
.icon-beach:before {
content: "\F12A";
}
.icon-beat-price:before {
content: "\F12B";
}
.icon-beated-price:before {
content: "\F12C";
}
.icon-bed-multiple:before {
content: "\F12D";
}
.icon-bed:before {
content: "\F12E";
}
.icon-bell-clock:before {
content: "\F12F";
}
.icon-bell:before {
content: "\F130";
}
.icon-best-deal:before {
content: "\F131";
}
.icon-best-price:before {
content: "\F132";
}
.icon-big-lock:before {
content: "\F133";
}
.icon-blog:before {
content: "\F134";
}
.icon-board-type-upgrade:before {
content: "\F135";
}
.icon-box-view:before {
content: "\F136";
}
.icon-build:before {
content: "\F137";
}
.icon-bus:before {
content: "\F138";
}
.icon-bussiness-card:before {
content: "\F139";
}
.icon-cable:before {
content: "\F13A";
}
.icon-cancel:before {
content: "\F13B";
}
.icon-car-parking:before {
content: "\F13C";
}
.icon-card:before {
content: "\F13D";
}
.icon-caret-left:before {
content: "\F13E";
}
.icon-caret-right:before {
content: "\F13F";
}
.icon-chain:before {
content: "\F140";
}
.icon-check-alternate:before {
content: "\F141";
}
.icon-check-bold:before {
content: "\F142";
}
.icon-check-circle:before {
content: "\F143";
}
.icon-check-o:before {
content: "\F144";
}
.icon-check:before {
content: "\F145";
}
.icon-child:before {
content: "\F146";
}
.icon-city-center:before {
content: "\F147";
}
.icon-city-hotels:before {
content: "\F148";
}
.icon-click:before {
content: "\F149";
}
.icon-clock-o:before {
content: "\F14A";
}
.icon-clock:before {
content: "\F14B";
}
.icon-close-alternate:before {
content: "\F14C";
}
.icon-close-bold:before {
content: "\F14D";
}
.icon-close-circle-tiny:before {
content: "\F14E";
}
.icon-close-circle:before {
content: "\F14F";
}
.icon-close-tiny:before {
content: "\F150";
}
.icon-close:before {
content: "\F151";
}
.icon-cloud-download:before {
content: "\F152";
}
.icon-coffee-alternate:before {
content: "\F153";
}
.icon-comment-alternate:before {
content: "\F154";
}
.icon-comment:before {
content: "\F155";
}
.icon-comments:before {
content: "\F156";
}
.icon-comparison:before {
content: "\F157";
}
.icon-compass:before {
content: "\F158";
}
.icon-custom-offer:before {
content: "\F159";
}
.icon-datepicker-alternate:before {
content: "\F15A";
}
.icon-datepicker:before {
content: "\F15B";
}
.icon-destinations:before {
content: "\F15C";
}
.icon-disabled-guest-full:before {
content: "\F15D";
}
.icon-disabled-guest:before {
content: "\F15E";
}
.icon-disabled:before {
content: "\F15F";
}
.icon-dislike:before {
content: "\F160";
}
.icon-door:before {
content: "\F161";
}
.icon-dot:before {
content: "\F162";
}
.icon-double-bed:before {
content: "\F163";
}
.icon-down-arrow:before {
content: "\F164";
}
.icon-early-booking-discount:before {
content: "\F165";
}
.icon-eco-friendly:before {
content: "\F166";
}
.icon-edit-pen:before {
content: "\F167";
}
.icon-entertainment:before {
content: "\F168";
}
.icon-envelope-alternate:before {
content: "\F169";
}
.icon-envelope-o:before {
content: "\F16A";
}
.icon-envelope:before {
content: "\F16B";
}
.icon-eye-o:before {
content: "\F16C";
}
.icon-eye:before {
content: "\F16D";
}
.icon-facebook-offer:before {
content: "\F16E";
}
.icon-facebook:before {
content: "\F16F";
}
.icon-family-alternate:before {
content: "\F170";
}
.icon-family-of-three:before {
content: "\F171";
}
.icon-family-rooms:before {
content: "\F172";
}
.icon-family:before {
content: "\F173";
}
.icon-file-x:before {
content: "\F174";
}
.icon-file:before {
content: "\F175";
}
.icon-filter:before {
content: "\F176";
}
.icon-fitness-center:before {
content: "\F177";
}
.icon-fixed-live-chat:before {
content: "\F178";
}
.icon-flag:before {
content: "\F179";
}
.icon-folder-x:before {
content: "\F17A";
}
.icon-folder:before {
content: "\F17B";
}
.icon-food:before {
content: "\F17C";
}
.icon-free-breakfast-alternate:before {
content: "\F17D";
}
.icon-free-breakfast-full:before {
content: "\F17E";
}
.icon-free-breakfast:before {
content: "\F17F";
}
.icon-free-cancelation:before {
content: "\F180";
}
.icon-free-cancellation:before {
content: "\F181";
}
.icon-free-child:before {
content: "\F182";
}
.icon-free-cribs:before {
content: "\F183";
}
.icon-free-meal:before {
content: "\F184";
}
.icon-free-night:before {
content: "\F185";
}
.icon-free-parking:before {
content: "\F186";
}
.icon-free-person:before {
content: "\F187";
}
.icon-free-transportation:before {
content: "\F188";
}
.icon-free-upgrade:before {
content: "\F189";
}
.icon-free-wifi:before {
content: "\F18A";
}
.icon-front-desk:before {
content: "\F18B";
}
.icon-gears-alternate:before {
content: "\F18C";
}
.icon-gears:before {
content: "\F18D";
}
.icon-giftcard:before {
content: "\F18E";
}
.icon-golf:before {
content: "\F18F";
}
.icon-google-plus-huge:before {
content: "\F190";
}
.icon-google:before {
content: "\F191";
}
.icon-hamburger:before {
content: "\F192";
}
.icon-handicapped:before {
content: "\F193";
}
.icon-headphone:before {
content: "\F194";
}
.icon-heart-o:before {
content: "\F195";
}
.icon-heart:before {
content: "\F196";
}
.icon-help-alternate:before {
content: "\F197";
}
.icon-help:before {
content: "\F198";
}
.icon-honeymoon:before {
content: "\F199";
}
.icon-hotel-service:before {
content: "\F19A";
}
.icon-icon-price-up-one:before {
content: "\F19B";
}
.icon-image-placeholder:before {
content: "\F19C";
}
.icon-info-alternate:before {
content: "\F19D";
}
.icon-info-o-alternate:before {
content: "\F19E";
}
.icon-info-o:before {
content: "\F19F";
}
.icon-info-outline:before {
content: "\F1A0";
}
.icon-info:before {
content: "\F1A1";
}
.icon-jacuzzi:before {
content: "\F1A2";
}
.icon-layers-all:before {
content: "\F1A3";
}
.icon-lightbulb:before {
content: "\F1A4";
}
.icon-like:before {
content: "\F1A5";
}
.icon-list-alternate:before {
content: "\F1A6";
}
.icon-list-view:before {
content: "\F1A7";
}
.icon-list:before {
content: "\F1A8";
}
.icon-loading:before {
content: "\F1A9";
}
.icon-location-alternate:before {
content: "\F1AA";
}
.icon-location-check:before {
content: "\F1AB";
}
.icon-location-checked:before {
content: "\F1AC";
}
.icon-location:before {
content: "\F1AD";
}
.icon-lock-alternate:before {
content: "\F1AE";
}
.icon-lock-filled:before {
content: "\F1AF";
}
.icon-lock-o:before {
content: "\F1B0";
}
.icon-lock:before {
content: "\F1B1";
}
.icon-login:before {
content: "\F1B2";
}
.icon-logout:before {
content: "\F1B3";
}
.icon-long-arrow-right:before {
content: "\F1B4";
}
.icon-low-budget:before {
content: "\F1B5";
}
.icon-luxury:before {
content: "\F1B6";
}
.icon-map-marker:before {
content: "\F1B7";
}
.icon-map:before {
content: "\F1B8";
}
.icon-massage:before {
content: "\F1B9";
}
.icon-medal:before {
content: "\F1BA";
}
.icon-message-alternate:before {
content: "\F1BB";
}
.icon-message-check:before {
content: "\F1BC";
}
.icon-message-error:before {
content: "\F1BD";
}
.icon-message:before {
content: "\F1BE";
}
.icon-metglobal:before {
content: "\F1BF";
}
.icon-metro:before {
content: "\F1C0";
}
.icon-minus:before {
content: "\F1C1";
}
.icon-mobile-alternate:before {
content: "\F1C2";
}
.icon-mobile:before {
content: "\F1C3";
}
.icon-money:before {
content: "\F1C4";
}
.icon-moon:before {
content: "\F1C5";
}
.icon-most-booked:before {
content: "\F1C6";
}
.icon-most-searched:before {
content: "\F1C7";
}
.icon-mouse:before {
content: "\F1C8";
}
.icon-nature-alternate:before {
content: "\F1C9";
}
.icon-nature:before {
content: "\F1CA";
}
.icon-night:before {
content: "\F1CB";
}
.icon-non-refundable:before {
content: "\F1CC";
}
.icon-non-smoking:before {
content: "\F1CD";
}
.icon-o-info:before {
content: "\F1CE";
}
.icon-off-alternate:before {
content: "\F1CF";
}
.icon-otel-back:before {
content: "\F1D0";
}
.icon-our-picks:before {
content: "\F1D1";
}
.icon-paper-alternate:before {
content: "\F1D2";
}
.icon-paper:before {
content: "\F1D3";
}
.icon-park:before {
content: "\F1D4";
}
.icon-parking-alternate:before {
content: "\F1D5";
}
.icon-parking:before {
content: "\F1D6";
}
.icon-paw:before {
content: "\F1D7";
}
.icon-pay-at-hotel-alternate:before {
content: "\F1D8";
}
.icon-pay-at-hotel:before {
content: "\F1D9";
}
.icon-pay-online:before {
content: "\F1DA";
}
.icon-pay-shuttle-service:before {
content: "\F1DB";
}
.icon-payment:before {
content: "\F1DC";
}
.icon-people-alternate:before {
content: "\F1DD";
}
.icon-people:before {
content: "\F1DE";
}
.icon-person-alternate:before {
content: "\F1DF";
}
.icon-person-card:before {
content: "\F1E0";
}
.icon-person-o:before {
content: "\F1E1";
}
.icon-person-thin:before {
content: "\F1E2";
}
.icon-person:before {
content: "\F1E3";
}
.icon-pet-friendly-full:before {
content: "\F1E4";
}
.icon-pet-friendly:before {
content: "\F1E5";
}
.icon-pets-allowed:before {
content: "\F1E6";
}
.icon-phone-alternate:before {
content: "\F1E7";
}
.icon-phone:before {
content: "\F1E8";
}
.icon-pin-bold:before {
content: "\F1E9";
}
.icon-pin:before {
content: "\F1EA";
}
.icon-pizza:before {
content: "\F1EB";
}
.icon-plane:before {
content: "\F1EC";
}
.icon-plus-circle:before {
content: "\F1ED";
}
.icon-plus-tiny:before {
content: "\F1EE";
}
.icon-plus:before {
content: "\F1EF";
}
.icon-pool-alternate:before {
content: "\F1F0";
}
.icon-pool-alternate2:before {
content: "\F1F1";
}
.icon-pool:before {
content: "\F1F2";
}
.icon-price-down-one:before {
content: "\F1F3";
}
.icon-price-up-one:before {
content: "\F1F4";
}
.icon-price-up-three:before {
content: "\F1F5";
}
.icon-price-up-two:before {
content: "\F1F6";
}
.icon-print-alternate-2:before {
content: "\F1F7";
}
.icon-print-alternate:before {
content: "\F1F8";
}
.icon-print:before {
content: "\F1F9";
}
.icon-printer:before {
content: "\F1FA";
}
.icon-profile:before {
content: "\F1FB";
}
.icon-promotion:before {
content: "\F1FC";
}
.icon-refundable-alternate:before {
content: "\F1FD";
}
.icon-refundable:before {
content: "\F1FE";
}
.icon-register:before {
content: "\F1FF";
}
.icon-relaxation:before {
content: "\F200";
}
.icon-reload:before {
content: "\F201";
}
.icon-remove:before {
content: "\F202";
}
.icon-restaurant:before {
content: "\F203";
}
.icon-ring-full:before {
content: "\F204";
}
.icon-ring:before {
content: "\F205";
}
.icon-romance-alternate:before {
content: "\F206";
}
.icon-romance:before {
content: "\F207";
}
.icon-room-service:before {
content: "\F208";
}
.icon-room:before {
content: "\F209";
}
.icon-rooms:before {
content: "\F20A";
}
.icon-sauna:before {
content: "\F20B";
}
.icon-save:before {
content: "\F20C";
}
.icon-search-alternate:before {
content: "\F20D";
}
.icon-search-destination:before {
content: "\F20E";
}
.icon-search-hotel-name:before {
content: "\F20F";
}
.icon-search-landmark:before {
content: "\F210";
}
.icon-search-light:before {
content: "\F211";
}
.icon-search:before {
content: "\F212";
}
.icon-seaside:before {
content: "\F213";
}
.icon-secure-o:before {
content: "\F214";
}
.icon-secure-payment:before {
content: "\F215";
}
.icon-secure:before {
content: "\F216";
}
.icon-settings:before {
content: "\F217";
}
.icon-shops:before {
content: "\F218";
}
.icon-shuttle:before {
content: "\F219";
}
.icon-sign-out:before {
content: "\F21A";
}
.icon-single-bed:before {
content: "\F21B";
}
.icon-smile-o:before {
content: "\F21C";
}
.icon-smile:before {
content: "\F21D";
}
.icon-sort-alphabetical:before {
content: "\F21E";
}
.icon-sort-arrow-down:before {
content: "\F21F";
}
.icon-sort-map:before {
content: "\F220";
}
.icon-spa-alternate:before {
content: "\F221";
}
.icon-spa-alternate2:before {
content: "\F222";
}
.icon-spa:before {
content: "\F223";
}
.icon-special-discount-v2:before {
content: "\F224";
}
.icon-special-discount:before {
content: "\F225";
}
.icon-special-offer:before {
content: "\F226";
}
.icon-star-alternate:before {
content: "\F227";
}
.icon-star-o:before {
content: "\F228";
}
.icon-star-outline:before {
content: "\F229";
}
.icon-star-sharp:before {
content: "\F22A";
}
.icon-star-square:before {
content: "\F22B";
}
.icon-star:before {
content: "\F22C";
}
.icon-start-live-chat:before {
content: "\F22D";
}
.icon-stats-circle:before {
content: "\F22E";
}
.icon-sunny:before {
content: "\F22F";
}
.icon-swim:before {
content: "\F230";
}
.icon-swimming:before {
content: "\F231";
}
.icon-tag:before {
content: "\F232";
}
.icon-telephone:before {
content: "\F233";
}
.icon-timer:before {
content: "\F234";
}
.icon-top-10:before {
content: "\F235";
}
.icon-transfer-available:before {
content: "\F236";
}
.icon-trash:before {
content: "\F237";
}
.icon-tripadvisor-large:before {
content: "\F238";
}
.icon-trustpilot:before {
content: "\F239";
}
.icon-twitter:before {
content: "\F23A";
}
.icon-unlock-alt:before {
content: "\F23B";
}
.icon-user:before {
content: "\F23C";
}
.icon-warning:before {
content: "\F23D";
}
.icon-weather-cloud:before {
content: "\F23E";
}
.icon-weather-rainy:before {
content: "\F23F";
}
.icon-weather-sunny-cloud:before {
content: "\F240";
}
.icon-weather-sunny:before {
content: "\F241";
}
.icon-weather-wind:before {
content: "\F242";
}
.icon-wifi-alternate:before {
content: "\F243";
}
.icon-wifi-alternate2:before {
content: "\F244";
}
.icon-wifi-full:before {
content: "\F245";
}
.icon-wifi:before {
content: "\F246";
}
.icon-winter-sports:before {
content: "\F247";
}
.icon-world:before {
content: "\F248";
}
@font-face {
font-family: icon;
src:
url(../font/icon.eot?2dbdd5bb7f9f18f8352393af03b3042b?#iefix)
format("embedded-opentype"),
url(../font/icon.woff?2dbdd5bb7f9f18f8352393af03b3042b) format("woff"),
url(../font/icon.ttf?2dbdd5bb7f9f18f8352393af03b3042b) format("truetype"),
url(../font/icon.svg?2dbdd5bb7f9f18f8352393af03b3042b#icon) format("svg");
}
.loadercls {
min-height: 65vh;
}
.loadercls .box {
min-height: 60vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.loadercls .box .loadingtext {
margin-top: 40px;
font-weight: 600;
}
.loader-1 {
height: 32px;
width: 32px;
-webkit-animation: 4.8s linear infinite loader-1-1;
animation: 4.8s linear infinite loader-1-1;
margin: 0 auto;
}
@-webkit-keyframes loader-1-1 {
0% {
-webkit-transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes loader-1-1 {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.loader-1 span {
display: block;
top: 0;
left: 0;
height: 32px;
width: 32px;
-webkit-animation: 1.2s linear infinite loader-1-2;
animation: 1.2s linear infinite loader-1-2;
}
@-webkit-keyframes loader-1-2 {
0% {
-webkit-transform: rotate(0);
}
100% {
-webkit-transform: rotate(220deg);
}
}
@keyframes loader-1-2 {
0% {
transform: rotate(0);
}
100% {
transform: rotate(220deg);
}
}
.loader-1 span::after {
content: "";
top: 0;
left: 0;
height: 32px;
width: 32px;
border: 3px solid #ff2e63;
border-radius: 50%;
-webkit-animation: 1.2s cubic-bezier(0.77, 0, 0.175, 1) infinite loader-1-3;
animation: 1.2s cubic-bezier(0.77, 0, 0.175, 1) infinite loader-1-3;
}
@-webkit-keyframes loader-1-3 {
0% {
-webkit-transform: rotate(-140deg);
}
50% {
-webkit-transform: rotate(-160deg);
}
100% {
-webkit-transform: rotate(140deg);
}
}
@keyframes loader-1-3 {
0% {
transform: rotate(-140deg);
}
50% {
transform: rotate(-160deg);
}
100% {
transform: rotate(140deg);
}
}
@-webkit-keyframes bounce {
0% {
text-shadow:
0 5px 0 #ccc,
0 2px 3px #000;
}
100% {
transform: translateY(-20px);
text-shadow:
0 50px 0 #black,
0 0 20px rgb(0 0 0 / 0.8);
}
}
.htAcc_location {
font-size: 20px;
font-weight: 600;
color: #111;
}
ul.ht_spl_modify.vHide {
opacity: 0.5;
}
.dates_results {
font-weight: 500;
font-size: 15px;
margin-bottom: 20px;
}
.filterheading,
h1.main-heading {
font-weight: 700;
}
ul.filtercheckboxlist,
ul.selectAirlineClass {
padding: 0;
margin: 0;
}
ul.filtercheckboxlist li {
display: block;
margin: 15px 0;
}
ul.filtercheckboxlist.radioList li {
display: block;
margin: 10px 0;
}
ul.filtercheckboxlist li label {
font-size: 13px;
font-weight: 600;
display: flex;
justify-content: space-between;
color: #383838;
}
ul.filtercheckboxlist li label .count,
ul.filtercheckboxlist li label .price {
color: #585858;
font-weight: 600;
font-size: 11px;
}
.item-wrapper p,
.row.discover_row,
.row[data-gutter="0"],
ul.filtercheckboxlist li .md-radio {
margin: 0;
}
ul.filtercheckboxlist li .htStar {
margin: -4px 0 0;
}
header.header {
padding: 5px 0;
position: relative;
z-index: 9;
}
ul.searchTabs {
display: flex;
justify-content: center;
margin: 20px auto 0 !important;
background: #fff;
border-radius: 50px;
width: fit-content;
padding: 0;
}
.currencyPicker input,
.room-card-button input[type="radio"],
ul.searchTabs li input[type="radio"] {
position: absolute;
opacity: 0;
}
ul.searchTabs li a,
ul.searchTabs li input[type="radio"] + label {
display: flex;
background: 0 0;
height: 50px;
align-items: center;
justify-content: center;
font-weight: 600;
color: #000;
border-radius: 50px;
text-decoration: none;
margin: 0;
cursor: pointer !important;
padding: 0 20px;
min-width: 150px;
}
.btn.btn-search,
.searchBox,
.searchbanner,
ul.searchBoxMain {
display: flex;
align-items: center;
}
ul.searchTabs li a svg,
ul.searchTabs li input[type="radio"] + label svg {
margin-right: 10px;
}
ul.searchTabs li input[type="radio"]:checked + label svg {
fill: #fff;
}
ul.searchTabs li {
display: block;
margin: 5px;
}
ul.searchTabs li input[type="radio"]:checked + label,
ul.searchTabs li.active a {
background: #ff8c00;
color: #fff;
}
ul.searchBoxMain {
padding: 0;
width: calc(100%);
margin: 20px 0 0;
flex: 0;
box-shadow: rgb(0 0 0 / 25%) 0 4px 4px;
border-radius: 8px;
}
ul.searchBoxMain li.ht_input {
display: block;
background: #fff;
padding: 14px 30px !important;
flex-shrink: 0;
flex-grow: 0;
width: 180px;
position: relative;
}
ul.searchBoxMain li.ht_input .form-group {
margin: 0;
position: initial;
}
ul.searchBoxMain li.ht_input .form-group .form-control {
border: none;
background: 0 0;
padding: 0;
height: 18px;
font-size: 14px;
font-weight: 700;
color: #111;
}
.video-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.video-wrapper .video-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-wrapper .video-player video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
max-width: none;
z-index: -1;
}
.searchBox {
width: 100%;
justify-content: center;
position: relative;
z-index: 1;
top: -20px;
}
ul.searchBoxMain li.searchCity {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
padding-left: 36px !important;
width: 300px !important;
}
ul.searchBoxMain li label {
margin-bottom: 0 !important;
font-size: 14px !important;
line-height: 16px !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
padding-bottom: 2px !important;
}
.btn.btn-search {
justify-content: center;
height: 60px;
background: #ff8c00;
color: #fff;
border-radius: 8px;
width: 124px;
font-weight: 600;
}
ul.searchBoxMain li.search_Btn {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
height: 70px;
display: inline-flex;
align-items: center;
padding: 10px 5px 10px 10px !important;
width: 140px;
}
.btn.btn-search svg {
fill: #fff;
color: #fff;
width: 16px;
height: 16px;
margin-right: 10px;
}
ul.searchBoxMain li .form-group .form-control::-webkit-input-placeholder {
font-weight: 500;
}
ul.searchBoxMain li .form-group .form-control:-ms-input-placeholder {
font-weight: 500;
}
ul.searchBoxMain li .form-group .form-control::placeholder {
font-weight: 500;
}
ul.searchBoxMain li.ht_pax {
flex: 1 0 0%;
max-width: 200px;
}
ul.searchBoxMain li:not(last-child):after {
content: "";
height: 24px;
width: 1px;
background: #a7a7a7;
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.poperror {
display: none;
position: absolute;
background: #e63a51;
left: 0;
right: 0;
bottom: -10px;
transform: translateY(100%);
color: #fff;
padding: 2px;
font-size: 12px;
z-index: 3;
}
.poperror:before {
content: "";
width: 0;
height: 0;
border-left: 10px solid #fff0;
border-right: 10px solid #fff0;
border-bottom: 10px solid #e63a51;
position: relative;
top: -25px;
left: 20px;
}
.childpax select {
padding-right: 0 !important;
border: 1px solid #c7ccd1;
border-radius: 4px !important;
width: 65px;
margin: 10px 10px 0 0;
}
.htr_name .tripadvisorReview,
.icon-text span,
.lastminuteDeals_card .card_body .card_title .star_ratings {
margin-left: 10px;
}
.childpax {
display: flex;
}
.autocompleteDiv {
position: absolute;
bottom: 0;
left: 40px;
right: 0;
}
.LoginForm .inner-group,
._blank,
.about-carousel-wrapper,
.card_img,
.currencyPicker div,
.footer,
.form-group._dateinput,
.hotel-detail-retention-price span:first-child,
.modal-content,
.owl-carousel.ht_tabHotels,
.owl-carousel.owlFilters,
.proprityTypes,
.selectboxinput,
a.top-dest,
span.reviw_rating,
ul.ht_spl_modify li {
position: relative;
}
.autocompleteDiv ul {
max-height: 300px;
overflow-x: visible;
overflow-y: auto;
overscroll-behavior-y: contain;
scroll-behavior: smooth;
border: none !important;
background: #fff;
padding: 0;
z-index: 9 !important;
transform: translateY(calc(100%));
}
.autocompleteDiv ul li {
padding: 10px !important;
font-size: 14px;
font-weight: 400;
cursor: pointer !important;
}
.autocompleteDiv ul li:hover,
.autocompleteDiv ul li:hover .ui-state-active {
background: #ff8c00 !important;
color: #fff !important;
border-color: #fff0;
}
.autocompleteDiv ul li:after,
.htimages .owl-nav {
display: none !important;
}
.autocompleteDiv ul li:not(:last-child),
ul.ddlSpinner li:not(:last-child) {
border-bottom: 1px solid #ddd;
}
.bg-gray {
background-color: #dedde8;
}
.bg-alt,
.bg-lt-gray {
background: #f6f6f6;
}
section.main {
padding: 60px 0 0;
background: #fff;
}
.icon-text span {
font-size: 18px;
font-weight: 600;
color: #000;
}
.ht_facilities span i {
font-size: 20px;
margin-right: 5px;
}
.icon-text {
margin: 10px 0;
}
.proprityTypes,
a.lastminuteDeals_card,
a.top-dest {
display: block;
margin-bottom: 20px;
overflow: hidden;
}
a.lastminuteDeals_card {
background: #fff;
text-decoration: none;
border-radius: 2px;
}
a.top-dest img {
height: 242px;
object-fit: cover;
}
a.top-dest .overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgb(0 0 0 / 30%);
}
a.lastminuteDeals_card .card_img img {
width: calc(100%);
height: 240px;
object-fit: cover;
transition: 0.3s;
}
.lastminuteDeals_card .card_body {
padding: 10px 15px 15px;
min-height: 150px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
._address svg,
.lastminuteDeals_card .card_body .card_ht_location svg {
width: 12px;
height: auto;
margin-right: 5px;
color: #5e6d77;
fill: #5e6d77;
position: relative;
top: -3px;
}
.card_img,
.proprityTypes.hts .cardImg img {
height: 240px;
}
.lastminuteDeals_card .card_body .card_ht_location {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #8592a6;
font-size: 14px;
font-weight: 500;
}
.lastminuteDeals_card .card_body .card_title {
line-height: 1.5;
font-size: 14px;
color: #2a2d32;
font-weight: 700;
margin-bottom: 5px;
margin-top: 5px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
._card_review {
padding: 15px 0 5px;
font-size: 13px;
font-weight: 600;
}
span.reviw_rating {
color: #5191fa;
margin-right: 22px;
font-weight: 700;
}
._night_txt,
span.review_count {
color: #8592a6;
}
.card_ht_price ._from {
margin-top: 2px;
font-weight: 400;
font-size: 12px;
color: #8592a6;
}
.card_ht_price ._price {
font-size: 14px;
color: #1a2b48;
font-weight: 700;
display: inline-block;
padding: 0 2px;
}
._night_txt {
margin-top: 2px;
font-weight: 400;
font-size: 14px;
}
.divheading {
font-size: 22px;
font-weight: 700;
color: #000;
}
.icon-text img {
width: 70px;
height: auto;
}
a.navbar-brand img {
height: 38px;
width: auto;
}
.header .navbar {
padding: 0.5rem 0;
}
.card_img {
overflow: hidden;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.card_img .featured {
position: absolute;
left: 0;
top: 20px;
padding: 6px 15px;
line-height: 1;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
font-size: 13px;
color: #fff;
font-weight: 600;
background: #ed0925;
z-index: 1;
}
.loginModal .modal-content,
.proprityTypes,
a.top-dest {
border-radius: 4px;
}
.proprityTypes .cardImg img {
width: 100%;
height: 180px;
object-fit: cover;
transition: 0.3s;
}
.proprityTypes:hover .cardImg img {
transform: scale(1.25);
}
.proprityTypes .cardDetails {
padding: 20px 10px 10px;
}
.proprityTypes .cardDetails .title {
color: #000;
text-shadow: none;
font-size: 16px;
margin: 0 0 8px;
font-weight: 600;
line-height: 1;
}
.proprityTypes .cardDetails .count {
font-size: 13px;
line-height: 20px;
font-weight: 500;
color: #616161;
}
.newOffer:hover figure img,
a.lastminuteDeals_card:hover .card_img img,
a.top-dest:hover img {
transform: scale(1.15);
}
.star {
width: 16px;
height: 16px;
display: inline-block;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFA000' d='M329.6 176H488C498.3 176 507.4 182.5 510.7 192.2C514 201.9 510.8 212.6 502.7 218.9L371.9 320.7L422.9 480.7C426.1 490.7 422.4 501.7 413.7 507.7C405.1 513.7 393.6 513.4 385.3 506.9L256 406.4L126.7 506.9C118.4 513.4 106.9 513.7 98.27 507.7C89.65 501.7 85.94 490.7 89.13 480.7L140.1 320.7L9.267 218.9C1.174 212.6-2.027 201.9 1.3 192.2C4.628 182.5 13.75 176 24 176H182.5L233.1 16.72C236.3 6.764 245.6 0 256 0C266.5 0 275.7 6.764 278.9 16.72L329.6 176z'/%3E%3C/svg%3E");
}
.star_ratings {
display: inline;
white-space: nowrap;
}
span.reviw_rating:after {
content: "";
position: absolute;
width: 6px;
height: 6px;
border-radius: 4px;
top: 4px;
right: -15px;
background: #c9c9c9;
}
.card_img:after {
content: "";
width: 100%;
height: 100%;
bottom: 0;
left: 0;
right: 0;
position: absolute;
top: 30%;
}
a.top-dest img {
width: calc(100%);
transition: 0.3s;
}
a.top-dest {
box-shadow:
0 1px 1px rgb(0 0 0 / 5%),
0 2px 2px rgb(0 0 0 / 5%),
0 4px 4px rgb(0 0 0 / 5%),
0 6px 8px rgb(0 0 0 / 5%),
0 8px 16px rgb(0 0 0 / 5%);
}
h4.title {
position: absolute;
top: 50%;
left: 50%;
color: #fff;
text-shadow: 3px 3px 0 rgb(0 0 0 / 20%);
font-weight: 800;
font-size: 20px;
text-transform: capitalize;
padding: 15px;
margin: 0;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
}
.btn-outline-red {
border: 1px solid #ff8c00;
color: #ff8c00;
font-weight: 600;
}
.btn-outline-red:hover {
color: #fff;
background: #ff8c00;
}
ul.navbar-nav li a {
color: #000;
}
.navbar-light .navbar-nav .nav-link {
color: #000 !important;
font-size: 14px;
font-weight: 600;
}
.flatpickr-current-month input.cur-year,
.flatpickr-monthDropdown-months {
font-size: 14px;
font-weight: 600;
}
.flatpickr-months .flatpickr-month {
padding-top: 5px;
}
.flatpickr-months {
padding-bottom: 10px;
}
.searchDropdown .dropdown-menu {
width: 100%;
box-shadow:
0 2px 5px 0 rgb(23 35 44 / 0.24),
0 -1px 5px 0 rgb(23 35 44 / 0.2) !important;
min-width: 300px;
border-radius: 0;
border: 0;
top: 50px !important;
transform: translateY(0) !important;
left: -24px !important;
}
ul.ddlSpinner {
padding: 0;
margin: 0;
user-select: none;
}
.htRoomList {
padding: 0 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 10px 0 0;
}
.htRoomList a {
flex: 0 0 33%;
font-size: 14px;
font-weight: 600;
color: #aaa;
padding: 0 0 5px;
text-align: center;
border-bottom: 3px solid #fff0;
margin-bottom: 15px;
}
.bookingPolicy .greentext,
.font-weight-semi-bold,
.roomAction a {
font-weight: 500;
}
.htRoomList a:not(.collapsed) {
color: #000;
border-bottom: 3px solid #000;
}
.roomAction {
display: flex;
justify-content: center;
position: relative;
padding: 20px 0;
margin-top: 10px;
}
.roomAction a {
font-size: 12px;
display: flex;
align-items: center;
line-height: 1;
width: fit-content;
padding: 0 10px;
background: #fff;
position: relative;
z-index: 1;
margin: 0 5px;
cursor: pointer;
}
.roomAction a svg {
height: 18px !important;
width: auto;
margin-right: 9px;
}
.roomAction a.delRoom svg {
height: 16px !important;
position: relative;
top: -2px;
}
.roomAction a.delRoom,
a.act-cancle {
color: #f44336;
}
.roomAction:after {
content: "";
background: #d4d4d4;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
}
.roomAction a.addRoom,
a.act-done {
color: #0064ff;
}
.roomActionFooter {
display: flex;
justify-content: space-between;
border-top: 1px solid #efeeee;
padding: 5px 20px 0;
}
.ht_address,
.htr_name,
.newOffer.card-small,
.reviews_ht,
.social-icons,
.subcribe-form,
ul.ddlSpinner li,
ul.ddlSpinner li ._right {
align-items: center;
display: flex;
}
.roomActionFooter a {
font-size: 12px;
font-weight: 600;
display: block;
padding: 10px 5px 5px;
}
ul.ddlSpinner li {
justify-content: space-between;
padding: 14px 20px;
}
ul.ddlSpinner li ._left {
width: 120px;
flex-shrink: 0;
font-weight: 600;
font-size: 14px;
}
ul.ddlSpinner li ._left small {
display: block;
font-weight: 400;
margin-top: 4px;
}
ul.ddlSpinner li ._right .ddl_minus,
ul.ddlSpinner li ._right .ddl_plus {
width: 32px;
height: 32px;
background: #dedde8;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
cursor: pointer;
border-radius: 3px;
}
ul.ddlSpinner li ._right .ddlValue {
width: 44px;
height: 32px;
display: inline-block;
border: 0;
text-align: center;
}
ul.selectAirlineClass li {
display: block;
position: relative;
padding: 0 15px;
}
ul.selectAirlineClass li input {
opacity: 0;
position: absolute;
}
ul.selectAirlineClass li input + label {
border: 1px solid #ddd;
display: block;
padding: 10px;
font-weight: 600;
color: #000;
margin: 0;
font-size: 12px;
cursor: pointer;
}
ul.selectAirlineClass li input:checked + label {
background: #0f5585;
color: #fff;
}
.reviews_ht,
ul.selectAirlineClass li:not(:last-child) {
margin-bottom: 10px;
}
.header.fixed {
position: fixed !important;
left: 0;
right: 0;
top: 0;
background: #fff;
z-index: 9;
box-shadow: 0 0.6rem 2.3rem -0.8rem rgb(0 0 0 / 20%);
}
.hotelModify {
background-color: #02122c;
padding: 20px 0;
}
.hotelModify.alt {
background-color: rgb(2 18 44 / 74%);
padding: 20px 0;
position: fixed;
left: 0;
right: 0;
width: 100%;
top: 78px;
z-index: 9;
}
.hotelModify ul.searchBoxMain {
margin: 0;
box-shadow:
0 1px 2px rgb(0 0 0 / 8%),
0 4px 12px rgb(0 0 0 / 5%) !important;
border-radius: 50px;
}
.hotel_card {
color: #111;
display: flex;
background: #fff;
border-radius: 12px;
margin-bottom: 12px;
padding: 5px;
}
.htDetailText p {
text-align: justify;
line-height: 1.78;
}
.htimages .owl-item:not(.active),
.pure-material-radio > input:disabled,
.star_ratings._blank span {
opacity: 0;
}
.hotel_card .ht_image img {
width: calc(100%);
height: 249px !important;
object-fit: cover;
border-radius: 8px;
max-width: 284px;
}
.hotel_card .ht_image {
width: 300px;
position: relative;
}
.hotel_card .ht_card_dt {
width: calc(100% - 250px);
padding: 5px 10px 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
text-decoration: none;
cursor: pointer;
}
.ht_card_dt .ht_title {
line-height: 25px;
font-size: 14px;
color: #1a2b48;
font-weight: 700;
margin-bottom: 5px;
margin-top: 5px;
}
.ht_address {
flex-wrap: wrap;
color: #8592a6;
font-size: 12px;
font-weight: 500;
}
.ht_card_dt .ht_price {
display: flex;
justify-content: flex-end;
}
.ht_facilities {
color: #111;
font-size: 12px;
font-weight: 500;
margin-top: 5px;
}
.ht_facilities span {
position: relative;
padding-right: 6px;
}
.ht_card_dt .star_ratings {
position: relative;
bottom: inherit !important;
left: initial !important;
z-index: initial !important;
}
.reviews_ht .reviews_count {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #8592a6;
font-size: 13px;
font-weight: 500;
}
._address .txt {
overflow: hidden;
display: block;
width: calc(100% - 25px);
}
._address {
display: flex;
max-width: 100%;
}
.pricebtn {
width: 140px;
text-align: center;
background: #ff8c00;
padding: 10px 15px;
margin-left: auto;
margin-top: 10px;
border-radius: 8px;
color: #fff;
font-weight: 600;
font-size: 15px;
}
.map_pricelabel,
.tag_freeBreakFast {
background-color: #fff;
line-height: 1;
}
.hotelMap {
height: calc(100vh - 78px);
width: calc(100%);
}
.map_pricelabel {
padding: 5px 10px 5px 28px;
border-radius: 20px;
box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
font-weight: 600;
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: 8px 3px;
display: flex;
align-items: center;
color: #000 !important;
position: relative;
font-size: 15px !important;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 640 640' style='enable-background:new 0 0 640 640%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23DA1F26%3B%7D%3C/style%3E%3Cpath class='st0' d='M320 0C143.3 0 0 143.3 0 320s143.3 320 320 320s320-143.3 320-320S496.7 0 320 0z M242.5 248.7c28.2 0 51.1 22.9 51.1 51.1c0 28.2-22.9 51.1-51.1 51.1c-28.2 0-51.1-22.9-51.1-51.1C191.3 271.6 214.3 248.7 242.5 248.7z M539 463.4c0 5.7-4.6 10.2-10.2 10.2h-20.5c-5.7 0-10.2-4.6-10.2-10.2v-30.7H170.9v30.7c0 5.6-4.6 10.2-10.2 10.2h-20.5c-5.6 0-10.2-4.6-10.2-10.2V197.6c0-5.7 4.6-10.2 10.2-10.2h20.5c5.6 0 10.2 4.6 10.2 10.2v173.8H314V258.9c0-5.6 4.6-10.2 10.2-10.2h153.4c33.9 0 61.3 26.9 61.3 61.3V463.4z'/%3E%3C/svg%3E");
}
.hotel_filters ul.filter {
display: flex;
align-items: center;
margin: 0;
padding: 0;
}
.hotel_filters ul.filter li .dropdown-toggle::after {
content: "";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-down' class='svg-inline--fa fa-chevron-down fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23333' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat !important;
background-size: 14px 14px;
width: 14px;
height: 14px;
right: 10px;
top: 50%;
transform: translateY(-50%);
border: none;
}
.hotel_filters ul.filter li .dropdown-toggle {
padding: 5px 30px 5px 15px;
font-weight: 600;
background: #fff;
margin: 0 5px;
position: relative;
border-radius: 50px;
font-size: 14px;
color: #3c3c3c;
}
.hotel_filters ul.filter li .dropdown-menu {
border: none;
border-radius: 4px;
width: 300px;
padding: 15px;
left: 0 !important;
top: 15px !important;
box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);
transform: translate3d(5px, 35px, 0) !important;
}
.hotel_filters {
padding: 25px 0;
position: relative;
z-index: 3;
}
.pagination {
justify-content: flex-end;
margin-top: 2px;
}
.pagination a {
font-size: 12px;
font-weight: 500;
color: #616161;
}
.results_section {
display: flex;
align-items: flex-start;
}
.results_section .hotel_cards_left {
width: calc(100% - 600px);
padding-right: 5px;
}
.results_section .hotelcardsMap {
width: 600px;
padding-left: 15px;
right: 0;
position: fixed;
top: 100px;
}
.filterblock.oveflow {
max-height: 370px;
overflow-y: scroll;
}
.filter .owl-carousel .owl-stage-outer {
overflow: initial !important;
}
.PriceSlider .pricetext {
border: none;
display: flex;
color: #000;
font-size: 12px;
margin-bottom: 20px;
font-weight: 600;
}
.PriceSlider .slider.ui-slider {
height: 3px;
background: #d2d2d2;
box-shadow: none !important;
border: none !important;
}
.PriceSlider .ui-slider-horizontal .ui-slider-handle {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid #e5e5e5;
box-shadow: 0 2px 1px -1px rgb(0 0 0 / 0.1);
cursor: pointer;
background: #fff;
z-index: 1;
}
.PriceSlider .ui-slider-horizontal .ui-slider-handle:before {
content: "|||";
font-size: 9px;
position: absolute;
left: 50%;
top: 50%;
color: #615d5d;
transform: translate(-50%, -50%);
}
.PriceSlider .ui-slider .ui-slider-range {
height: 3px;
background: #133e59;
}
.PriceSlider {
margin-bottom: 24px;
padding: 0 15px 0 0;
}
.room-card-container:not(:last-child),
.room-category,
.support-blocks {
margin-bottom: 20px;
}
.stickyDiv {
position: fixed;
bottom: 10px;
left: 0;
right: 0;
align-items: center;
justify-content: center;
display: none;
z-index: 2;
}
.stickyDiv .btn {
background: #000;
width: 120px;
text-align: center;
color: #fff;
font-size: 14px;
}
.stickyDiv .btn.btn-Filters {
border-radius: 20px 0 0 20px;
border-right: 1px solid;
}
.stickyDiv .btn.btn-map {
border-radius: 0 20px 20px 0;
}
.tag_freeBreakFast {
position: absolute;
top: 15px;
left: 9px;
color: #000;
padding: 3px 5px;
border-radius: 0;
z-index: 2;
font-weight: 700;
font-size: 12px;
}
.closeMap,
.closeMap svg {
color: #fff;
width: 32px;
height: 32px;
}
.tag_freeBreakFast span.ui_icon {
font-size: 18px;
margin-right: 3px;
}
.form-group.searchbyname .form-control {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m19.6 21-6.3-6.3q-.75.6-1.725.95Q10.6 16 9.5 16q-2.725 0-4.612-1.887Q3 12.225 3 9.5q0-2.725 1.888-4.613Q6.775 3 9.5 3t4.613 1.887Q16 6.775 16 9.5q0 1.1-.35 2.075-.35.975-.95 1.725l6.3 6.3ZM9.5 14q1.875 0 3.188-1.312Q14 11.375 14 9.5q0-1.875-1.312-3.188Q11.375 5 9.5 5 7.625 5 6.312 6.312 5 7.625 5 9.5q0 1.875 1.312 3.188Q7.625 14 9.5 14Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 12px center;
padding-left: 44px;
font-size: 13px;
height: 40px;
border-radius: 24px;
padding-top: 9px;
}
._blank svg,
.closeMap,
.navbar-toggler {
border: none;
}
.closeMap {
background: 0 0;
position: absolute;
top: 0;
z-index: 9;
right: 40px;
display: none;
}
.closeMap svg {
fill: #fff !important;
}
.map_pricelabel:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 10' style='enable-background:new 0 0 19 10%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%23FFFFFF%3B' d='M19 0H0v1c5 0 6.5 3.3 7.6 5.7C8.2 8 8.6 9 9.5 9c0.9 0 1.3-1 1.9-2.3C12.5 4.3 14 1 19 1V0z'/%3E%3Cpath style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%23A0A0A0%3B' d='M4.7 2.3C3.5 1.5 2 1 0 1v1c1.8 0 3.1 0.5 4.1 1.2c1 0.7 1.7 1.6 2.2 2.6c0.3 0.5 0.5 1 0.7 1.4c0 0.1 0.1 0.1 0.1 0.2c0.2 0.4 0.4 0.8 0.5 1.1c0.2 0.4 0.4 0.8 0.7 1C8.7 9.8 9 10 9.5 10c0.5 0 0.8-0.2 1.1-0.5c0.3-0.3 0.5-0.6 0.7-1c0.2-0.3 0.4-0.7 0.5-1.1c0-0.1 0.1-0.1 0.1-0.2c0.2-0.5 0.4-1 0.7-1.4c0.5-1 1.2-1.9 2.2-2.6C15.8 2.5 17.2 2 19 2V1c-2 0-3.5 0.5-4.7 1.3c-1.2 0.8-1.9 1.9-2.5 2.9c-0.3 0.5-0.5 1-0.7 1.5C11 6.8 11 6.9 11 7c-0.2 0.4-0.3 0.8-0.5 1.1c-0.2 0.4-0.4 0.6-0.5 0.8C9.8 8.9 9.6 9 9.5 9C9.4 9 9.2 8.9 9.1 8.8C8.9 8.6 8.7 8.4 8.5 8C8.4 7.7 8.2 7.4 8 7C8 6.9 8 6.8 7.9 6.8c-0.2-0.5-0.5-1-0.7-1.5C6.6 4.2 5.8 3.2 4.7 2.3z'/%3E%3C/g%3E%3C/svg%3E");
padding-left: 39px;
width: 19px !important;
height: 10px;
position: absolute;
bottom: -10px;
left: 50%;
background-repeat: no-repeat;
transform: translateX(-25%);
}
.room-category {
padding: 20px;
border: 1px solid #efefef;
background: #fff;
}
.room-category-title {
background-color: #fff;
color: #222;
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
.room-card-header {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
color: #fff;
font-size: 14px;
font-weight: 600;
background-color: #20274d;
border-radius: 3px 3px 0 0;
padding: 13px 35px;
}
.room-card-header-price {
width: 210px;
margin-left: 40px;
}
.room-card-header-incentives {
width: 125px;
margin-left: 40px;
}
.room-card-header-policy {
position: relative;
width: 150px;
}
.room-card-header-type {
width: 236px;
}
.room-card-container {
position: relative;
padding: 15px;
border: 1px solid #efefef;
font-size: 14px;
color: #33495f;
}
.room-card-cheapest-container {
border-color: #67ad00;
border-width: 2px;
}
.room-card {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.room-card .see-details,
.room-card-information {
display: inline-block;
margin-top: 10px;
}
.room-card-cheapest {
position: absolute;
right: 15px;
top: -22px;
padding: 6px 9px;
background-color: #67ad00;
color: #fff;
font-weight: 600;
font-size: 12px;
border-radius: 3px;
}
.room-card-title {
font-size: 14px;
line-height: 16px;
font-weight: 700;
width: 150px;
min-width: 150px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.room-card .see-details {
color: #2196f3;
font-weight: 600;
font-size: 12px;
text-decoration: none !important;
}
.room-card .see-details:hover,
.room-card-more-button:hover,
ul.dstList2 li a:hover {
text-decoration: underline;
}
.room-card-meal {
color: #44b700;
width: 125px;
max-width: 125px;
margin-left: 20px;
}
.room-card-meal .no-breakfast {
color: #33495f;
}
.room-card-meal .hotel-detail-sidebar-toggle-wrapper {
margin-top: 10px;
}
.room-card-meal .pay-deposit-text {
color: #33495f;
vertical-align: super;
margin-top: 10px;
line-height: 17px;
font-size: 14px;
font-weight: 500;
}
.room-card-policy {
width: 150px;
min-width: 120px;
margin-left: 30px;
}
.room-card-meal,
.room-card-policy {
font-size: 13px;
font-weight: 600;
}
.room-card-policy .free-cancellation-day {
font-size: 11px;
color: #666;
font-weight: 500;
margin-top: 5px;
}
.room-card-information em {
float: left;
line-height: 14px;
margin-right: 5px;
}
.free-cancellation_text {
height: 24px;
overflow: hidden;
display: block;
}
.refundable-button {
position: relative;
cursor: pointer;
margin-top: 10px;
}
.room-card-pricing {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: 40px;
width: 245px;
min-width: 210px;
text-align: right;
}
.room-card-pricing .room-price {
font-weight: 700;
font-size: 18px;
color: #000;
}
.room-card-pricing .retention-price {
color: #f05a58;
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
position: relative;
display: inline-block;
}
.room-card-pricing .retention-price small {
font-size: 13px;
}
.hotel-detail-retention-price span:first-child:before,
.room-card-pricing .retention-price:before {
content: "";
width: 110%;
height: 1px;
background: #f05a58;
display: inline-block;
position: absolute;
top: 50%;
left: -5%;
}
.hotel-detail-retention-price + .hotel-detail-total-price-text,
.hotel-detail-retention-price
+ .hotel-detail-total-price-text
+ .hotel-detail-price-text,
.retention-price + .room-price {
color: #67ad00;
}
.room-card-pricing .room-price small {
font-size: 14px;
font-weight: 700;
}
.room-card-pricing .hotel-detail-price-summary {
font-size: 11px;
margin-top: 5px;
}
.room-card-pricing .hotel-detail-price-summary .price-summary--tooltip {
width: 270px;
}
.room-card-nights {
color: #666;
font-size: 12px;
margin-top: 5px;
}
.room-card-tax {
font-size: 12px;
line-height: 14px;
color: #33495f;
}
.room-card-button {
margin-left: 15px;
}
.room-card__remaining_allotment {
color: #f05a58;
font-size: 11px;
font-weight: 600;
text-align: center;
padding-top: 0;
}
.room-card-choose-button {
position: relative;
height: 40px;
line-height: 40px;
font-weight: 600;
width: 115px;
padding-right: 28px;
padding-left: 28px;
}
.room-pay-at-hotel {
display: inline-block;
background-color: #787c95;
color: #fff;
border-radius: 3px;
padding: 8px;
font-weight: 400;
margin-top: 10px;
}
.room-card-more-button {
display: block;
color: #227eba;
font-weight: 600;
text-align: center;
}
.room-card-no-result {
font-size: 16px;
line-height: 20px;
text-align: center;
padding: 20px;
background-color: #fdfdfd;
border: 1px solid #d7d7d7;
}
.room-details {
color: #4a4a4a;
}
.room-details,
.room-details-item:not(:first-child) {
border-top: 1px solid #efefef;
padding-top: 15px;
margin-top: 15px;
}
.room-details-count {
font-size: 12px;
margin-bottom: 5px;
}
.room-details-title {
font-size: 16px;
}
.room-details-pax {
font-size: 12px;
color: #666;
text-transform: lowercase;
margin-top: 5px;
margin-bottom: 5px;
}
.room-details .information-tooltip__toggle {
display: inline-block;
margin-bottom: 5px;
}
.room-details-additional {
color: #4a4a4a;
margin-top: 5px;
}
.room-availability__room-type {
padding: 15px 10px 15px 15px;
font-size: 15px;
font-weight: 700;
line-height: 20px;
}
.room-availability__room-type p {
font-size: 13px;
padding: 0;
}
.room-availability__room-properties {
display: inline-table;
margin-left: 15px;
padding-left: 0;
}
.card_ht_price svg,
.gm-style-iw-chr,
.hotelImges .otherImages a:nth-child(n + 7),
.ht_owl.owl-carousel .owl-nav button.disabled,
.htimages.owl-carousel .owl-nav button.disabled,
.item-wrapper:hover .front,
.owl-dots,
.owlFilters.owl-carousel .owl-nav button.disabled,
.placestoStay,
ul.room-availability__room-properties > span {
display: none;
}
.room-availability__room-properties li {
display: table-row;
padding-left: 15px;
padding-bottom: 15px;
}
.room-availability__room-properties li > div {
display: table-cell;
padding-top: 3px;
padding-bottom: 3px;
}
.hotel-detail-box .room-availability__room-properties {
margin-left: 0;
padding: 0;
font-size: 14px;
font-weight: 600;
}
.hotel-detail-box .room-availability__room-type {
color: #33495f;
padding: 0 0 8px;
}
.hotel-detail-box .room-availability__room-properties li {
padding-top: 4px;
padding-left: 0;
padding-bottom: 0;
}
.hotel-detail-box .room-availability__room-properties li:first-child {
padding-top: 0;
}
.room-property__icon {
position: relative;
bottom: -2px;
display: inline-block;
color: #354b5b;
font-size: 16px;
max-height: 25px;
padding-right: 4px;
}
.room-property__icon em {
margin-right: 2px;
}
.room-property__icon .icon-child {
font-size: 20px;
margin-top: 2px;
}
.room-availability__button {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}
.hotel-detail-box-wrap__col .room-availability__button {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.room-availability__button a,
.room-availability__button span.text {
display: inline-block;
height: 30px;
padding-left: 10px;
padding-right: 10px;
color: #fff;
font-weight: 700;
line-height: 30px;
background-color: #227eba;
font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.room-availability__button em {
font-size: 8px;
margin-right: 5px;
}
.room-availability__price {
font-size: 20px;
color: #364b59;
font-weight: 700;
padding: 15px 15px 5px;
}
.room-availability__price--bold {
font-weight: 700;
}
.book-now-button--hotel-detail {
min-width: 130px;
margin-top: 30px;
margin-bottom: 30px;
}
.room-availability__special-row td {
background-color: #fffde6;
}
.availability-property--alternate {
margin-bottom: 7px;
}
.availability-property.availability-property--alternate em {
margin-top: -7px;
}
.availability-property--small {
color: #a9a9a9;
font-size: 13px;
font-style: italic;
font-weight: 400;
}
.roomer-tooltip {
opacity: 0;
visibility: hidden;
z-index: 96;
position: absolute;
left: -340px;
top: 0;
width: 320px;
color: #4a4a4a;
margin-top: -245px;
background-color: #f9f9f9;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-box-shadow: 2px 2px 4px rgb(0 0 0 / 0.1);
-moz-box-shadow: 2px 2px 4px rgb(0 0 0 / 0.1);
-ms-box-shadow: 2px 2px 4px rgb(0 0 0 / 0.1);
-o-box-shadow: 2px 2px 4px rgb(0 0 0 / 0.1);
box-shadow: 2px 2px 4px rgb(0 0 0 / 0.1);
}
.roomer-tooltip__head-img {
height: 100px;
background-image: url(../../img/img@roomer-head.png);
}
.roomer-tooltip__title {
padding: 15px 15px 5px;
font-size: 18px;
text-align: center;
}
.roomer-tooltip__desc {
padding: 5px 15px 15px;
font-size: 14px;
text-align: center;
line-height: 18px;
}
.roomer-tooltip__properties {
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
}
.roomer-tooltip__properties li {
position: relative;
min-height: 48px;
margin-top: 15px;
padding-left: 60px;
color: #747477;
font-size: 14px;
line-height: 48px;
}
.roomer-tooltip__properties strong {
display: block;
color: #4a4a4a;
font-size: 16px;
font-weight: 400;
}
.roomer-tooltip__properties li:first-child {
margin-top: 0;
line-height: 17px;
}
.roomer-tooltip__properties li:first-child strong {
margin-bottom: 5px;
}
.roomer-tooltip__property-icon {
position: absolute;
left: 0;
top: 0;
display: block;
width: 48px;
height: 48px;
color: #77d5e3;
font-size: 25px;
line-height: 50px;
text-align: center;
background-color: #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
.roomer-tooltip__properties li:nth-child(2) .roomer-tooltip__property-icon {
font-size: 20px;
line-height: 48px;
}
.roomer-tooltip__provider {
padding: 15px;
font-size: 14px;
text-align: right;
}
.refundable-button:hover .roomer-tooltip {
opacity: 1;
visibility: visible;
}
.room-card-button input[type="radio"] + label {
background: #fff;
cursor: pointer;
border-radius: 57px;
color: #ff8c00;
box-shadow: none;
height: 50px;
line-height: 50px;
font-size: 14px;
width: 120px;
border: 1px solid #ff8c00;
}
.room-card-button input[type="radio"] + label:hover,
.tabHotels .nav-pills .nav-link.active,
.tabHotels .nav-pills .nav-link.active:hover {
background: #FFF;
border: none;
color: #000;
}
.room-card-button input[type="radio"]:checked + label {
background: #67ad00;
border: 1px solid #67ad00;
color: #fff;
}
.hotel-detail-box,
.hotel-detail-sidebar {
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 0.11);
-moz-box-shadow: 0 0 5px 0 rgb(0 0 0 / 0.11);
-ms-box-shadow: 0 0 5px 0 rgb(0 0 0 / 0.11);
-o-box-shadow: 0 0 5px 0 rgb(0 0 0 / 0.11);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 0.11);
background-color: #fff;
}
.hotel-detail-box {
position: relative;
padding: 10px 20px 20px;
margin: 38px auto 0;
box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
max-width: 270px;
}
.hotel-detail-box-wrap--alternative {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding-top: 16px;
padding-bottom: 20px;
}
.hotel-detail-box-wrap--alternative > * {
vertical-align: middle;
}
.hotel-detail-info {
padding: 0 20px 20px;
}
.hotel-detail-info-wrap {
display: block;
width: 100%;
font-size: 0;
letter-spacing: 0;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.hotel-detail-info-wrap > * {
display: inline-block;
vertical-align: top;
width: 100%;
}
.hotel-detail-info-wrap__location,
.hotel-detail-info-wrap__reviews,
.hotel-detail-info-wrap__top-facilities {
min-height: 1px;
font-size: 1rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.PayCard,
.Paybg,
.card__body,
.card__payment,
.card__tag {
box-sizing: border-box;
}
.hotel-detail-retention-price {
color: #f05a58;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 15px;
}
.hotel-detail-retention-price small,
.infoWcard h2 {
font-size: 18px;
}
.hotel-detail-retention-price .retention-saved-info {
margin-left: 10px;
font-size: 12px;
background-color: #f05a58;
text-decoration: none;
color: #fff;
font-weight: 400;
padding: 4px 6px;
position: relative;
vertical-align: top;
}
.hotel-detail-retention-price .retention-saved-info:after {
right: 100%;
top: 50%;
border: 7px solid #fff0;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #f05a58;
margin-top: -7px;
}
.hotel-detail-retention-price .retention-saved-info strong {
font-weight: 700;
vertical-align: top;
}
.hotel-detail-price-text {
font-size: 13px;
color: #33495f;
font-weight: 600;
margin-top: 10px;
margin-bottom: 9px;
width: 100%;
display: block;
overflow: hidden;
vertical-align: middle;
}
.hotel-detail-price-text__night {
color: #8e8e8e;
font-size: 13px;
text-transform: lowercase;
font-weight: 400;
}
.hotel-detail-total-price-text {
margin-top: 10px;
margin-bottom: 5px;
color: #33495f;
font-size: 34px;
font-weight: 600;
}
.hotel-detail-total-price-text small {
font-size: 25px;
font-weight: 600;
}
.hotel-detail-total-price-text span {
color: #8e8e8e;
font-size: 13px;
font-weight: 400;
}
.hotel-detail-price-summary {
position: relative;
cursor: pointer;
color: #33495f;
font-size: 12px;
font-weight: 600;
line-height: 10px;
margin-bottom: 10px;
}
.hotel-detail-price-summary em {
position: relative;
top: 2px;
margin-right: 5px;
color: #227eba;
}
.hotel-detail-price-summary .price-summary--tooltip {
position: absolute;
top: 25px;
left: 5%;
width: 300px;
padding: 16px;
margin-left: -20px;
color: #191c28;
background-color: #fff;
text-align: left;
visibility: hidden;
opacity: 0;
z-index: 999;
border: 1px solid #d8dee6;
box-shadow: 0 3px 12px rgb(0 0 0 / 0.25);
transform: translate3d(0, -10px, 0);
-webkit-transition: 0.15s ease-in-out;
-moz-transition: 0.15s ease-in-out;
-ms-transition: 0.15s ease-in-out;
-o-transition: 0.15s ease-in-out;
transition: 0.15s ease-in-out;
font-weight: 500;
}
.hotel-detail-price-summary .price-summary--tooltip:after,
.hotel-detail-price-summary .price-summary--tooltip:before {
bottom: 100%;
left: 10%;
border: solid #fff0;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.hotel-detail-price-summary .price-summary--tooltip:before {
border-color: #fff0;
border-bottom-color: #d8dee6;
border-width: 9px;
margin-left: -9px;
}
.hotel-detail-price-summary .price-summary--tooltip:after {
border-color: #fff0;
border-bottom-color: #fff;
border-width: 8px;
margin-left: -8px;
}
.hotel-detail-price-summary .price-summary--tooltip .price-summary-table {
width: 100%;
border-collapse: collapse;
}
.hotel-detail-price-summary
.price-summary--tooltip
.price-summary-table
tr.price-summary-table--title
> td {
font-size: 13px;
font-weight: 700;
line-height: 13px;
padding-top: 10px;
padding-bottom: 10px;
}
.hotel-detail-price-summary
.price-summary--tooltip
.price-summary-table
tr.price-summary-table--red
> td {
color: #f05a58;
font-weight: 500;
}
.hotel-detail-price-summary .price-summary--tooltip .price-summary-table tr td {
font-size: 11px;
font-weight: 600;
color: #191c28;
padding-bottom: 4px;
}
.hotel-detail-price-summary
.price-summary--tooltip
.price-summary-table
> tr
> td:nth-child(2) {
text-align: right;
}
.hotel-detail-price-summary .price-summary--tooltip .price-summary-description {
font-size: 11px;
line-height: 15px;
margin-top: 10px;
color: #636572;
}
.hotel-detail-price-summary
.price-summary--tooltip
.price-summary-description
strong {
font-weight: 600;
color: #191c28;
}
.hotel-detail-price-summary:hover .price-summary--tooltip {
visibility: visible;
opacity: 1;
transform: translateZ(0);
}
.hotel-detail-room-property {
font-weight: 400;
color: #505050;
font-size: 15px;
padding-top: 4px;
padding-bottom: 4px;
}
.hotel-detail-text {
text-align: left;
font-size: 14px;
font-weight: 700;
}
.hotel-detail-text__italic {
font-weight: 400;
font-style: italic;
font-size: 13px;
color: #a9a9a9;
}
.hotel-detail-text--remaining_allotment {
color: #f05a58;
font-size: 14px;
font-weight: 700;
padding-top: 10px;
}
.hotel-detail-room-property em {
font-size: 12px;
padding-right: 4px;
}
.hotel-detail-pay-at-hotel {
font-size: 14px;
padding-left: 8px;
padding-right: 8px;
font-weight: 700;
display: inline-block;
height: 30px;
line-height: 30px;
color: #fff;
background: #227eba;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.hotel-detail-pay-at-hotel em {
font-size: 8px;
padding-right: 4px;
vertical-align: middle;
}
.book-now-button {
display: block;
width: 100%;
height: 60px;
font-size: 16px;
color: #eee;
font-weight: 700;
line-height: 60px;
text-align: center;
background-color: #ff8c00;
-webkit-box-shadow: 0 5px 8px rgb(247 157 0 / 0.2);
-moz-box-shadow: 0 5px 8px rgb(247 157 0 / 0.2);
-ms-box-shadow: 0 5px 8px rgb(247 157 0 / 0.2);
-o-box-shadow: 0 5px 8px rgb(247 157 0 / 0.2);
box-shadow: 0 5px 8px rgb(247 157 0 / 0.2);
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
-ms-transition: 0.3s linear;
-o-transition: 0.3s linear;
transition: 0.3s linear;
border: #f0f8ff;
border-radius: 57px;
}
.hotel-detail-sidebar-title {
position: relative;
font-size: 23px;
font-weight: 300;
color: #505050;
margin-top: 30px;
margin-bottom: 10px;
}
.hotel-detail-info-wrap__reviews .hotel-detail-sidebar-title,
.hotelImgSlider {
margin-top: 20px;
}
.hotel-detail-sidebar-title a {
position: absolute;
right: 0;
top: 0;
height: 24px;
line-height: 22px;
background: #fff;
font-size: 14px;
border: 1px solid #c1c1c1;
padding-left: 8px;
padding-right: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
-ms-transition: 0.3s linear;
-o-transition: 0.3s linear;
transition: 0.3s linear;
}
.hotel-detail-sidebar-title a:hover {
color: #fff;
background: #33495f;
border-color: #33495f;
}
.hotel-detail-sidebar-chat {
position: relative;
cursor: pointer;
color: #a9a9a9;
font-size: 15px;
line-height: 18px;
margin-top: 20px;
}
.hotel-detail-sidebar-chat__icon {
position: absolute;
top: 4px;
left: 0;
height: 32px;
line-height: 32px;
font-size: 32px;
}
.hotel-detail-sidebar-chat__icon:before {
content: "\F22D";
}
.hotel-detail-sidebar-chat__title {
padding-left: 42px;
font-weight: 400;
}
.hotel-detail-sidebar-chat__desc {
padding-left: 42px;
font-weight: 700;
text-decoration: underline;
}
.sidebar-bottom {
padding: 18px;
margin: 0 -20px -20px;
background-color: #eee;
}
.room-availability__room--alternate,
.row._destPage > [class^="col-"] a.top-dest {
margin-bottom: 15px;
}
.hotel-detail-room-properties,
.htCheckinInfo {
margin-bottom: 20px;
color: #33495f;
font-size: 14px;
}
.room-availability__room--alternate .room-availability__room-type:before {
content: "\F109";
position: absolute;
right: 0;
bottom: 0;
font-size: 25px;
margin-bottom: 3px;
}
.room-availability__room--alternate
.room-availability__room-type.active:before {
content: "\F10C";
}
.room-availability__room--alternate .room-availability__count {
color: #a9a9a9;
font-size: 12px;
}
.room-availability__room--alternate .room-availability__room-type {
position: relative;
cursor: pointer;
padding-top: 0 !important;
padding-bottom: 5px !important;
margin-bottom: 5px;
color: #33495f !important;
font-size: 16px;
font-weight: 600;
border-bottom: 1px solid #eee;
}
.hotel-detail-room-properties {
margin-top: 10px;
font-weight: 700;
line-height: 24px;
}
.htCheckinInfo {
width: 100%;
}
.htCheckinInfo td {
padding-top: 2px;
padding-bottom: 2px;
font-size: 13px;
font-weight: 600;
}
.htCheckinInfo td:nth-child(2) {
color: #505050;
text-align: right;
font-weight: 500;
font-size: 12px;
}
.sidebar_faresummary {
padding: 0 20px;
min-width: 270px;
}
._fltreview_heading {
font-weight: 600;
font-size: 15px;
letter-spacing: 0.5px;
color: #111;
}
.htChkImage img {
width: 100%;
height: 255px;
object-fit: cover;
}
.htChkImage {
border: 1px solid #e5e5e5;
}
.htAddress {
font-size: 13px;
margin: 0 0 25px;
font-weight: 500;
}
.fltchkheading {
font-size: 16px;
margin-bottom: 5px;
font-weight: 700;
}
.fltchkheadingtext {
color: #656565;
font-size: 13px;
margin-bottom: 30px;
line-height: 1.45;
font-weight: 500;
}
.form-control ~ .error {
color: red;
opacity: 0;
}
.selectboxinput .dropdown.bootstrap-select {
position: absolute;
top: 34%;
left: 0;
transform: translateY(-50%);
z-index: 1;
}
.selectboxinput .btn-light,
.selectboxinput .btn-light:focus,
.selectboxinput .btn-light:hover {
background: 0 0 !important;
padding: 0 10px;
border: 1px solid transparent !important;
border-right: 1px solid #ddd !important;
box-shadow: none !important;
}
.selectboxinput .form-control {
padding-left: 84px;
}
.sendonwhatsapp {
display: inline-flex;
align-items: center;
position: relative;
top: -3px;
font-size: 13px;
font-weight: 500;
}
.whatsappicon {
margin: 0 15px;
height: 24px;
display: inline-block;
width: auto;
}
.fltchk_contactdiv {
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}
.alert.alert-primary.flt_aleart {
padding: 0.35rem 0.8rem;
color: #000;
margin-top: 10px;
font-size: 12px;
font-weight: 500;
}
.form-group._dateinput svg {
position: absolute;
top: 31%;
right: 8px;
transform: translateY(-50%);
fill: #828282;
z-index: 1;
}
._dateinput .form-control {
padding-right: 32px;
}
._dateinput .form-control:read-only {
background: #fff !important;
}
._reviewDOM .form-control {
border-color: #ccc;
min-height: 50px;
border-radius: 2px;
color: #000;
font-size: 13px;
font-weight: 500;
}
._reviewDOM .row[data-gutter="15"] {
margin: 0 -10px !important;
}
._paxEntryBox .row._paxentryrow:last-child,
._paxentryrow .form-group {
margin-bottom: 0 !important;
}
.bootstrap-select.form-control .btn-light,
.bootstrap-select.form-control .btn-light:focus,
.bootstrap-select.form-control .btn-light:hover {
background: #fff !important;
border: 1px solid #ccc;
box-shadow: none !important;
color: #6f6f6f !important;
border-radius: 6px;
height: 50px;
font-weight: 500;
font-size: 13px;
}
.bookingPolicy {
background: #f3f9f2;
padding: 10px;
margin-top: -10px;
font-size: 12px;
color: #000;
}
._reviewDOM,
.fotorama__nav-wrap,
.fotorama__nav.fotorama__nav--thumbs,
.whitebox {
background: #fff;
}
ul.amenitiesList {
display: flex;
padding: 0;
flex-wrap: wrap;
margin-bottom: 20px;
}
ul.amenitiesList li {
flex: 0 0 33.33%;
padding: 10px 10px 10px 20px;
display: block;
font-weight: 500;
font-size: 13px;
color: #000;
}
ul.amenitiesList i {
font-size: 20px;
margin-right: 10px;
}
.bookingPolicy .greentext span {
color: #4caf50;
font-weight: 600;
}
.whitebox {
padding: 30px;
}
._fltreview_top {
display: flex;
justify-content: space-between;
margin-bottom: 5px;
align-items: center;
}
a.btn.backtoflight {
background: #ff8c00;
border-radius: 50px;
color: #fff;
font-weight: 600;
flex-shrink: 0;
}
.htr_name {
font-size: 24px;
font-weight: 600;
flex-wrap: wrap;
}
._reviewDOM {
box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
padding: 20px;
}
.fotorama__arr--next,
.fotorama__arr--prev {
height: 90px;
background-position: center center;
background-size: contain;
}
.reviews_ht .star_ratings {
position: relative;
top: initial !important;
bottom: initial !important;
margin-right: 15px;
left: initial !important;
}
.fotorama__arr--prev {
background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='chevron-left' class='svg-inline--fa fa-chevron-left fa-w-8' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23FFF' d='M238.475 475.535l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L50.053 256 245.546 60.506c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0L10.454 247.515c-4.686 4.686-4.686 12.284 0 16.971l211.051 211.05c4.686 4.686 12.284 4.686 16.97-.001z'%3E%3C/path%3E%3C/svg%3E");
left: 10px;
}
.fotorama__arr--next {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='chevron-right' class='svg-inline--fa fa-chevron-right fa-w-8' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23FFF' d='M17.525 36.465l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L205.947 256 10.454 451.494c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l211.051-211.05c4.686-4.686 4.686-12.284 0-16.971L34.495 36.465c-4.686-4.687-12.284-4.687-16.97 0z'%3E%3C/path%3E%3C/svg%3E");
right: 10px;
opacity: 1;
}
.htDetailText p {
font-size: 14px;
color: #000;
}
.hotel-review {
padding: 30px 0;
}
.subcribe-box {
background-color: #02122c;
color: #fff;
padding: 50px 0;
}
.subcribe-form {
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
-moz-box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
transition: box-shadow 0.3s ease-in-out;
padding: 5px;
background: #fff;
border-radius: 50px;
margin-top: 20px;
}
.subcribe-form .form-control {
height: 50px;
border-radius: 50px;
border: none;
font-weight: 600;
font-size: 15px;
}
.subcribe-form .btn.subcribe-btn {
background: #ff8c00;
height: 50px;
border-radius: 51px;
color: #fff;
font-weight: 600;
font-size: 15px;
width: 180px;
}
.subcribe-heading .main-txt {
font-size: 18px;
font-weight: 700;
color: #fff;
margin-bottom: 10px;
}
.subcribe-heading .sub-txt {
font-size: 14px;
color: #e7e7e7;
font-weight: 400;
}
.subcribe-box .row {
align-items: center;
}
.hotelImges {
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
}
.hotelImges .otherImages a {
width: calc(33.33% - 8px);
padding-bottom: 8px;
}
.hotelImges .main-image img,
.hotelImges .otherImages img {
width: calc(100%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
object-fit: cover;
}
.hotelImges .main-image {
flex: 0 0 40%;
width: 40%;
padding-right: 10px;
}
.hotelImges .otherImages {
width: 60%;
flex: 0 0 60%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.hotelImges .otherImages img {
height: 170px;
}
.hotelImges .main-image img {
height: 350px;
}
.hotelImges .main-image a {
position: relative;
display: block;
}
.htImageGalleryLabel {
position: absolute;
top: 10px;
right: 10px;
display: flex;
align-items: center;
font-size: 14px;
background: #20274d;
color: #fff;
padding: 5px 10px;
font-weight: 500;
border-radius: 4px;
}
.htImageGalleryLabel svg {
width: 20px;
height: 20px;
margin-right: 7px;
fill: #fff;
}
._blank svg,
._blank svg path {
fill: transparent !important;
}
.roomCardImage {
width: 200px;
margin-right: 20px;
}
.roomCardImage img {
width: calc(100%);
height: auto;
}
.room-card-title .roomTypeName {
font-weight: 800;
font-size: 14px;
margin-bottom: 10px;
line-height: 1.5;
color: #000;
}
.room-inclusion ._txtHeading {
font-size: 14px;
font-weight: 600;
color: #000;
margin-bottom: 10px;
}
.room-inclusion .no-breakfast {
color: #676767;
font-size: 12px;
padding: 0;
display: flex;
align-items: center;
}
.room-inclusion .no-breakfast svg {
width: 16px;
height: 16px;
margin-right: 5px;
position: relative;
top: -2px;
}
.flatpickr-day {
font-size: 12px;
font-weight: 500;
}
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
background: #ff8c00;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #ff8c00;
}
.footer {
background: #2e2e37;
color: #fff;
padding: 80px 0 20px !important;
z-index: 2;
}
ul.footerlinks li a svg {
color: #fff;
fill: #fff;
width: 24px;
height: 24px;
}
.footerHeading {
font-weight: 700;
font-size: 16px;
margin-bottom: 20px;
color: #fff;
letter-spacing: 0.75px;
}
ul.footerlinks li a {
font-size: 13px;
display: block;
padding: 5px 0;
color: #fcfcfc;
font-weight: 400;
text-decoration: none;
}
ul.footerlinks li a:hover {
color: #e9ebee;
}
ul.footerlinks li .bold-text {
font-size: 15px;
font-weight: 500;
color: #fff;
}
.social-icons a {
margin-right: 20px;
margin-top: 5px;
}
ul.footerlinks li .bold-text + a {
font-size: 16px;
font-weight: 600;
color: #00cde2;
}
.dst-main-heading {
font-weight: 700;
margin-bottom: 10px;
}
.hotelModify_mobile .ht_mname,
.infoWcard h2,
.item-wrapper h4 {
font-weight: 600;
}
.dst-sub-heading {
font-size: 13px;
font-weight: 600;
margin-bottom: 5px;
}
ul.dist_hotels {
padding: 0;
margin-bottom: 10px;
}
ul.dist_hotels li a {
font-size: 12px;
color: #1a1a1a;
display: block;
padding: 2px 0;
text-decoration: none;
}
ul.dist_hotels li a:hover {
color: #ff8c00;
}
.infowindow {
width: 240px;
}
.btn-map-book {
background: #20274d;
display: block;
width: 120px;
margin-top: 10px;
border-radius: 50px;
color: #fff !important;
font-size: 16px;
}
._blank,
._blank i {
color: transparent !important;
}
.gm-style .gm-style-iw-d {
overflow: hidden !important;
}
.btn-blue.btn-action,
.infoWcard {
padding: 10px 15px;
}
img.img-infoHotel {
width: calc(100%);
height: 150px;
object-fit: cover;
}
.gm-style .gm-style-iw-c {
max-height: initial !important;
padding: 0;
}
._blank.circle {
width: 20px;
height: 20px;
border-radius: 50%;
}
._blank {
background: #ddd !important;
display: inline-block;
overflow: hidden;
cursor: inherit !important;
text-shadow: none !important;
border: none !important;
box-shadow: none !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-bottom: 5px;
}
.VideoTitle,
.pagebanner h1 {
text-shadow: 3px 3px 0 rgb(0 0 0 / 50%);
}
._blankstars:before {
color: #ddd;
}
.end._blank:after {
right: 0;
}
.htrseation:after {
height: 250px;
}
._blankimg._blank:after,
.blankimg ._blank:after {
height: calc(100%);
}
._blank:after {
content: "";
top: 0;
transform: translateX(100%);
width: 100%;
height: 40px;
position: absolute;
z-index: 1;
animation: 1s infinite slide;
background: -moz-linear-gradient(
left,
#fff0 0,
rgb(255 255 255 / 0.8) 50%,
#fff0 99%,
#fff0 100%
);
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(0, #fff0),
color-stop(50%, rgb(255 255 255 / 0.8)),
color-stop(99%, #fff0),
color-stop(100%, #fff0)
);
background: -webkit-linear-gradient(
left,
#fff0 0,
rgb(255 255 255 / 0.8) 50%,
#fff0 99%,
#fff0 100%
);
background: -o-linear-gradient(
left,
#fff0 0,
rgb(255 255 255 / 0.8) 50%,
#fff0 99%,
#fff0 100%
);
background: -ms-linear-gradient(
left,
#fff0 0,
rgb(255 255 255 / 0.8) 50%,
#fff0 99%,
#fff0 100%
);
background: linear-gradient(
to right,
#fff0 0,
rgb(255 255 255 / 0.8) 50%,
#fff0 99%,
#fff0 100%
);
}
.st-loader,
.st-loader:after,
.st-loader:before {
animation: 1.8s ease-in-out infinite load;
border-radius: 5px;
position: absolute;
}
.bs-datepicker-container {
padding: 0 !important;
}
@keyframes slide {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
._w100 {
width: 100px;
}
._h40 {
height: 40px;
}
._blankimg {
display: block;
width: calc(100%);
height: 240px;
}
.map-loading {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 9;
}
.st-loader {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 6px;
background: var(--link-color, #5191fa);
margin-left: -25px;
z-index: 9;
}
.st-loader:before {
top: -20px;
left: 10px;
width: 40px;
background: var(--orange-color, #fa5636);
margin-left: -20px;
}
.st-loader:after {
bottom: -20px;
width: 35px;
background: #ffab53;
margin-left: -17px;
}
.st-loader:after,
.st-loader:before {
display: block;
content: "";
height: 6px;
}
@keyframes load {
0%,
100% {
transform: translateX(40px);
}
50% {
transform: translateX(-30px);
}
}
.innerbox p {
color: #d6d6d6;
font-size: 14px;
margin-top: 10px;
}
.innerbox .divheading {
color: #fff;
}
.hotelModify_mobile {
background: #fff;
padding: 10px 0;
display: none;
}
.hotelModify_mobile .spanModifyDt {
font-size: 12px;
margin-top: 5px;
color: #f6f6f6;
}
.htr_review .ht_checkin {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.icon-text span svg {
fill: #ff8c00;
width: 60px;
height: 60px;
}
.fill-secondary {
fill: #000;
}
.tabHotels .nav-pills .nav-link {
border-radius: 2px !important;
margin: 0 16px 0 10px;
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 18px;
padding: 8px 16px 20px;
color: #0f294d;
font-weight: 900;
background: #fff;
position: relative;
}
.tabHotels .nav-pills .nav-link:after {
content: "";
position: absolute;
height: 2px;
width: calc(100%);
left: 0;
right: 0;
bottom: 0;
}
.tabHotels .nav-pills .nav-link.active:after {
background: #000;
}
.tabHotels .nav-pills {
justify-content: flex-start;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
border-bottom: 1px solid #DDD;
}
.about-carousel .owl-nav,
.ht_owl.owl-carousel .owl-nav.disabled,
.htimages:hover .owl-nav,
.owlFilters.owl-carousel .owl-nav.disabled {
display: block !important;
}
.ht_owl.owl-carousel .owl-nav button {
border: 1px solid #ddd !important;
outline: 0 !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 36px;
height: 36px;
background: #fff;
border-radius: 50%;
}
.ht_owl.owl-carousel .owl-nav button svg {
fill: #02122c;
color: #02122c;
width: 16px;
height: 16px;
}
.ht_owl.owl-carousel .owl-nav button.owl-prev {
left: -50px;
}
.ht_owl.owl-carousel .owl-nav button.owl-next {
right: -50px;
}
ul.ht_spl_modify {
padding: 0;
margin: 0 auto;
display: flex;
align-items: center;
background-color: #fff !important;
border: 1px solid #ddd !important;
border-radius: 40px !important;
box-shadow:
0 1px 2px rgb(0 0 0 / 8%),
0 4px 12px rgb(0 0 0 / 5%) !important;
}
.bootstrap-select .dropdown-menu li a,
.currencyPicker label,
ul.ht_spl_modify li {
font-weight: 600;
display: block;
line-height: 1;
}
ul.ht_spl_modify li {
padding: 15px 20px;
font-size: 14px;
cursor: pointer;
}
ul.ht_spl_modify li:not(:last-child):after {
position: absolute;
content: "";
height: 19px;
width: 1px;
background: #a7a7a7;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.owlFilters.owl-carousel .owl-nav button {
border: none !important;
outline: 0 !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 28px;
height: 28px;
background: #ff8c00;
border-radius: 2px;
}
.owlFilters.owl-carousel .owl-nav button svg {
fill: #fff;
color: #fff;
width: 20px;
height: 20px;
}
.owlFilters.owl-carousel .owl-nav button.owl-prev {
left: -35px;
}
.owlFilters.owl-carousel .owl-nav button.owl-next {
right: -35px;
}
.owlFiltersBox {
width: calc(100% - 120px);
}
.btn-currencyPicker {
font-size: 14px;
font-weight: 600;
padding: 0.5rem 1rem;
}
.currencyPickerDropdown {
box-shadow: none;
border-radius: 0;
padding: 0;
position: absolute;
max-width: 100px !important;
background: 0 0;
border: none;
}
.currencyPicker label {
cursor: pointer;
padding: 10px 10px 10px 20px;
font-size: 13px;
width: 100%;
margin: 0;
background: #fff !important;
}
.currencyPicker input:checked + label {
background: #ff8c00 !important;
color: #fff;
}
.bootstrap-select .dropdown-menu li a {
font-size: 13px;
padding: 10px;
text-align: left;
}
.htimages .owl-dots {
display: flex;
position: absolute;
bottom: 10px;
z-index: 2;
width: 100%;
justify-content: center;
}
.htimages .owl-dots button.active {
background: #fff;
opacity: 1;
}
.htimages .owl-dots button {
width: 6px;
height: 6px;
background: #fff;
margin: 0 3px;
border-radius: 50%;
opacity: 0.5;
}
.htimages.owl-carousel .owl-nav button svg {
fill: #000;
color: #000;
width: 16px;
height: 16px;
}
.htimages.owl-carousel .owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #fff;
width: 32px;
height: 32px;
border-radius: 50%;
outline: 0 !important;
border: 1px solid rgb(0 0 0 / 0.08);
}
.htimages.owl-carousel .owl-nav button.owl-prev {
left: 5px;
}
.about-carousel.owl-carousel .owl-nav button.owl-next,
.htimages.owl-carousel .owl-nav button.owl-next {
right: 20px;
}
.pagebanner {
height: 300px;
background-repeat: no-repeat;
background-size: cover;
padding: 25px 0;
display: flex;
align-items: center;
background-position: center center;
position: relative;
justify-content: center;
text-align: center;
}
.pagebanner h1 {
font-weight: 700;
font-size: 48px;
color: #fff;
position: relative;
}
.pagebanner:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgb(2 18 102 / 20%);
}
.aboutImg img {
width: calc(100%);
}
.aboutRow {
align-items: center;
margin-top: 30px;
margin-bottom: 60px;
}
.aboutRow p {
font-size: 16px;
font-weight: 500;
}
.about-carousel img {
width: calc(100%);
height: 500px;
object-fit: cover;
}
.about-carousel.owl-carousel .owl-nav button svg {
fill: #fff;
color: #fff;
width: 24px;
height: 24px;
}
.about-carousel.owl-carousel .owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #ff8c00;
width: 36px;
height: 36px;
border-radius: 2px;
outline: 0 !important;
border: 1px solid rgb(0 0 0 / 0.08);
}
.about-carousel.owl-carousel .owl-nav button.owl-prev {
left: 20px;
}
.about-carousel-wrapper .overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
text-align: center;
}
.about-carousel-wrapper .overlay h2 {
font-weight: 600;
font-size: 48px;
color: #fff;
position: relative;
text-shadow: 2px 2px 0 rgb(0 0 0 / 50%);
}
a.btn.btn-red {
background: #ff8c00;
border-radius: 2px;
color: #fff;
padding: 10px 30px;
font-weight: 500;
margin: 20px 0;
}
.policy_wrapper p,
.policy_wrapper ul li {
color: #121212;
font-size: 14px;
text-align: justify;
}
.policy_wrapper h2 {
font-weight: 600;
margin: 10px 0 20px;
}
.item-wrapper {
position: relative;
width: 100%;
height: 190px;
max-width: 260px;
margin: 0 auto 20px;
border: 5px solid #5191fa;
transition: 0.5s ease-in;
}
.newOffer,
.offer-card {
transition: box-shadow 0.15s ease-in-out;
overflow: hidden;
}
.item-wrapper .end,
.item-wrapper .front {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.item-wrapper .end {
display: none;
transition: 0.5s ease-in;
color: #fff;
}
.item-wrapper .front {
display: flex;
align-items: center;
justify-content: center;
transition: trasnform 0.3s ease-in;
text-align: center;
}
.item-wrapper:hover {
background: #5191fa;
color: #fff;
transform: rotateY(180deg);
}
.item-wrapper:hover .end {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
font-size: 14px;
text-align: left;
transform: rotateY(180deg);
}
.loginModal .modal-dialog {
width: 490px;
max-width: calc(100% - 60px);
top: 50%;
transform: translateY(-50%) !important;
}
.LoginForm .control-label {
font-weight: 500;
color: rgb(0 0 0 / 0.8);
margin-bottom: 0;
position: relative;
font-size: 14px;
}
.LoginForm .form-control {
color: #2a2a2e;
background-color: #fff;
border-color: #ced0d4;
border-radius: 3px;
height: 40px;
padding-right: 40px;
}
.LoginForm .form-group .icon {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
.LoginForm .form-group .icon svg {
width: 24px;
height: 24px;
color: #ccc;
}
.LoginForm {
padding: 0 36px;
}
.LoginHeader {
padding: 30px 36px;
border: none;
font-weight: 700;
font-size: 18px;
}
.btn-blue-transparent,
.btn-blue-transparent:hover {
color: #fff !important;
background: #5191fa;
font-weight: 600;
font-size: 14px !important;
letter-spacing: 0.5px;
line-height: 1;
border-radius: 4px;
margin-top: 10px;
border: 1px solid #5191fa;
text-transform: none;
}
.card__card-type,
.card__method,
.card__msg,
.card__tag {
text-transform: uppercase;
}
.LoginForm .control-label span {
font-weight: 700;
font-size: 18px;
position: absolute;
top: 70%;
transform: translateY(-50%);
right: -15px;
}
.loginModal .leftPannel {
width: 100%;
height: 100%;
background: #e6f0ff;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.leftPannel img {
width: 170px;
height: auto;
}
.forgortPassword {
display: flex;
justify-content: flex-end;
margin-bottom: 36px;
}
.forgortPassword a {
font-weight: 600;
color: #0f5585;
text-transform: none;
font-size: 14px;
}
.dont_haveaccount ._text {
flex: 1;
flex-shrink: unset;
}
.dont_haveaccount a {
padding: 10px 15px;
font-size: 14px;
}
.dont_haveaccount {
padding: 26px 36px;
font-weight: 600;
position: relative;
border-top: 1px solid #d7d7db;
display: flex;
justify-content: space-between;
align-items: center;
}
.btn-blue,
.btn-blue:hover {
background: #ff8c00;
color: #fff;
font-weight: 500;
border-radius: 3px;
text-decoration: none;
}
.loginModal .modalClose {
position: absolute;
top: -32px;
right: 0;
color: #fff;
cursor: pointer;
z-index: 9999;
display: block;
opacity: 1;
}
.loginModal .modalClose svg {
width: 28px;
height: 28px;
}
.btn-action {
padding: 15px;
display: block;
}
.become_Partner {
display: flex;
margin: 20px 0;
}
.become_Partner .numberCircle {
width: 70px;
height: 70px;
border: 2px solid #5191fa;
border-radius: 50%;
text-align: center;
font-size: 40px;
color: #5191fa;
transition: 0.3s;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
margin-right: 20px;
}
.become_Partner .numberCircle p {
margin: 0;
line-height: 1;
}
.become_Partner_wrapper h3 {
font-size: 16px;
font-weight: 700;
}
.become_Partner_wrapper p {
font-size: 13px;
font-weight: 500;
}
.btn.btn-red.redalt {
background: #ff8c00;
color: #fff;
border-radius: 2px !important;
}
.videoPlay {
position: relative;
height: 480px;
width: 100%;
margin: 0 auto;
}
.faq-block,
.wbl,
ul.dstList2 {
margin-bottom: 30px;
}
.videoPlay #player {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.videoPlay .videobtn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.videoPoster {
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-size: cover !important;
background-position: center center !important;
}
.VideoTitle {
font-size: 36px;
color: #fff;
font-weight: 600;
}
.videobtn button svg {
width: 48px !important;
height: 48px !important;
color: #fff;
fill: #fff;
}
.wbl {
width: 100%;
height: 280px;
padding: 50px;
border: 1px solid #e8e8e8;
border-radius: 8px;
}
.wbl .title {
font-weight: 600;
padding: 20px 0 10px;
}
.wbl p {
font-size: 14px;
font-weight: 500;
color: #616161;
}
.faq-block h5 {
font-weight: 600;
font-size: 18px;
color: #000;
}
.faq-block p {
font-size: 14px;
color: #616161;
}
.aboutImg {
margin: 20px 0;
}
.contactForm {
padding: 40px 20px 40px 0;
}
.leftBox {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
background-image: url(../images/modal_bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.support_block_box,
.whiteBox {
box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
background: #fff;
}
.contactForm .form-control::placeholder {
font-size: 15px;
font-weight: 500;
color: #999;
}
.supportIcons.supportIconsImg {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #e6f0ff;
margin: 0 auto 20px;
}
.supportIcons.supportIconsImg svg {
width: 28px;
fill: #5191fa;
}
.support_block_box {
text-align: center;
height: 220px;
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
padding: 30px;
}
.boxA a {
color: #000;
font-weight: 500;
font-size: 15px;
text-decoration: none;
}
.contactbanner {
padding: 40px 0;
background: url(../images/support_sec_bg.png);
}
.htWishList {
position: absolute;
top: 10px;
right: 30px;
z-index: 2;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
}
.htWishList svg {
fill: #f7f7f7;
width: 24px;
height: 24px;
}
.htWishList svg .stpath1 {
stroke: #000;
stroke-width: 2px;
}
.htWishList:hover svg {
fill: #fff;
}
.htWishList:hover svg .stpath1 {
stroke: #fff;
stroke-width: 2px;
}
ul.dstList2 {
display: flex;
flex-wrap: wrap;
padding: 0;
}
ul.dstList2 li {
display: block;
position: relative;
}
ul.dstList2 li a {
display: block;
font-size: 13px;
padding: 0 20px 15px 0;
color: #000a12;
font-weight: 600;
text-decoration: none;
line-height: 1.65;
}
ul.dstList2 li:not(:last-child):after {
content: "";
height: 13px;
width: 1px;
position: absolute;
background: #000;
top: 5px;
right: 12px;
z-index: 1;
}
.divheading2 {
font-size: 20px;
font-weight: 700;
margin-bottom: 25px;
color: #000;
}
.newOffer figure,
.offer-card figure {
margin: 0;
overflow: hidden;
}
.offer-card figure img {
width: calc(100%);
height: 250px;
object-fit: cover;
transition: 0.3s linear;
}
.offerDt {
padding: 15px 10px 30px;
position: relative;
height: 130px;
}
.offer-card {
display: block;
border-radius: 6px;
box-shadow: 0 0 1rem rgb(0 0 0 / 15%) !important;
color: #000;
margin-bottom: 20px;
background: #fff;
}
.offer-card:hover figure img {
transform: scale(1.1);
}
.dt_offer_top h4,
.newOffer .card-details h4 {
color: #000;
font-size: 16px;
font-weight: 700;
}
.dt_offer_top p {
font-size: 13px;
color: grey;
}
.dt_offer_knowMore {
display: flex;
justify-content: flex-end;
position: absolute;
left: 0;
right: 8px;
bottom: 8px;
}
.dt_offer_knowMore span {
color: #4972d1;
font-weight: 700;
font-size: 14px;
}
.row[data-gutter="15"] > [class^="col-"] {
padding-left: 7.5px;
padding-right: 7.5px;
}
.fromprice_dt {
position: absolute;
bottom: 15px;
right: 15px;
color: #fff;
font-weight: 600;
font-size: 15px;
padding: 10px;
margin: 0;
background: #02122c;
line-height: 1;
border-radius: 6px;
}
.proprityTypes .cardImg {
border-radius: 2px;
overflow: hidden;
box-shadow:
0 1px 1px rgb(0 0 0 / 5%),
0 2px 2px rgb(0 0 0 / 5%),
0 4px 4px rgb(0 0 0 / 5%),
0 6px 8px rgb(0 0 0 / 5%),
0 8px 16px rgb(0 0 0 / 5%);
}
.proprityTypes .overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-image: linear-gradient(to top, #000 0, #fff0 150px);
opacity: 30%;
}
.proprityTypes.travelStyle .cardDetails .title {
color: #fff;
font-size: 16px;
margin: 0;
font-weight: 600;
}
.proprityTypes.travelStyle .cardDetails {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgb(0 0 0 / 30%);
}
.proprityTypes.propritycard .cardImg img {
height: 260px;
}
.discover_row .col-dest {
width: calc(25% - 15px);
flex-shrink: 0;
}
.discover_row,
.ht_card_dt .ht_title {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.divheading.linethrough {
position: relative;
margin-bottom: 35px;
}
.divheading.linethrough span {
padding-right: 10px;
position: relative;
background: #fff;
}
.divheading.linethrough:before {
content: "";
background: #cfcfcf;
height: 1px;
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.proprityTypesRow.desktopRows {
display: flex;
flex-wrap: wrap;
}
.proprityTypesRow.desktopRows .item {
padding: 0 10px;
width: calc(25%);
}
ul.dstList2 li a:hover {
color: #0061ae;
}
.owl-item .col-dest,
.owl-item .col-xl {
width: calc(100%) !important;
padding: 0 !important;
max-width: 100%;
}
.header.headerHome {
position: absolute;
left: 0;
right: 0;
box-shadow: none;
}
.header.headerHome:not(.fixed) .btn-currencyPicker,
.header.headerHome:not(.fixed) .navbar-light .navbar-nav .nav-link {
color: #fff !important;
font-weight: 500;
}
.header.headerHome:not(.fixed) .btn-outline-red {
color: #fff;
border: 2px solid #fff;
}
.header.headerHome:not(.fixed) .btn-outline-red:hover {
border: 2px solid #ff8c00;
}
.headingpartner {
font-size: 32px;
font-weight: 700;
margin-bottom: 40px;
}
.middle_banner {
padding: 60px 0;
background: #f3f4f5;
}
a.middle-card .card-img img {
height: 200px;
object-fit: cover;
width: calc(100%);
}
.middle-card .card-img {
border-radius: 4px;
overflow: hidden;
margin-bottom: 15px;
}
.middle-card .txt_title {
color: #000;
font-weight: 700;
}
.txtHeading {
font-size: 2.9991rem;
font-weight: 700;
line-height: 1.167;
margin-bottom: 15px;
}
p.txtSubheading {
font-size: 1.25rem;
line-height: 1.6;
margin-bottom: 20px;
}
a.btn.btn-round-red {
padding: 12px 15px;
font-weight: 600;
color: #fff;
background: #ff8c00;
border-radius: 8px;
min-width: 200px;
text-align: center;
font-size: 16px;
}
h2.divheading.mb-4 {
margin-bottom: 30px !important;
}
.newOffer {
background: #fff;
border-radius: 6px;
box-shadow: 0 0 1rem rgb(0 0 0 / 15%) !important;
margin-bottom: 20px;
}
.newOffer.card-larg figure img {
width: calc(100%);
height: 280px;
object-fit: cover;
transition: 0.3s;
}
.newOffer .card-details {
padding: 15px;
width: 70%;
flex-grow: 0;
flex-shrink: 0;
}
.newOffer .card-details p {
margin: 0;
font-size: 13px;
color: grey;
}
.newOffer.card-small figure {
width: 30%;
flex-grow: 0;
flex-shrink: 0;
}
.newOffer.card-small figure img {
width: calc(100%);
height: 170px;
object-fit: cover;
}
.newOffer figure img {
transition: 0.3s;
}
ul.socialLoginbtn {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
margin: 15px 0;
}
ul.socialLoginbtn li {
display: block;
flex: 0 0 33.33%;
}
ul.socialLoginbtn li a {
display: flex;
padding: 12px 8px;
font-size: 13px;
margin: 10px 5px;
border-radius: 2px;
text-align: center;
font-weight: 600;
align-items: center;
justify-content: center;
line-height: 1;
text-decoration: none;
}
ul.socialLoginbtn li a svg {
width: 16px;
height: 16px;
margin-right: 10px;
fill: #fff;
position: relative;
top: -1px;
}
ul.socialLoginbtn li a.fb {
background: #395899;
color: #fff;
}
ul.socialLoginbtn li a.twitter {
background: #03a9f4;
color: #fff;
}
ul.socialLoginbtn li a.gPlus {
background: #f34a38;
color: #fff;
}
.socialheading {
margin-top: 20px;
text-align: center;
font-weight: 600;
}
.pagebanner.bgPartner {
background-color: rgb(7 3 87 / 47%);
background-blend-mode: color;
}
.pagebanner.bgPartner:after {
background: rgb(7 3 87 / 30%);
}
.btn-profile {
font-weight: 600;
font-size: 14px;
padding: 0;
}
.btn-profile .avatar {
width: 36px;
height: 36px;
display: inline-flex;
border-radius: 50%;
background: #ff8c00;
align-items: center;
justify-content: center;
color: #fff;
}
.dropdown-menu ._profileSidebar {
margin: 0;
position: relative;
box-shadow: none;
width: 260px;
padding: 0;
top: inherit;
}
.dropdown-menu ._profileSidebar li a {
font-size: 14px;
padding: 10px;
}
.btn-profile + .dropdown-menu {
margin-top: 15px;
border-radius: 0;
}
li.spl_Dest.headerDestination {
max-width: 340px;
overflow: hidden;
}
.isCity.ui-menu-item {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M24 23.5q1.45 0 2.475-1.025Q27.5 21.45 27.5 20q0-1.45-1.025-2.475Q25.45 16.5 24 16.5q-1.45 0-2.475 1.025Q20.5 18.55 20.5 20q0 1.45 1.025 2.475Q22.55 23.5 24 23.5Zm0 16.55q6.65-6.05 9.825-10.975Q37 24.15 37 20.4q0-5.9-3.775-9.65T24 7q-5.45 0-9.225 3.75Q11 14.5 11 20.4q0 3.75 3.25 8.675Q17.5 34 24 40.05ZM24 44q-8.05-6.85-12.025-12.725Q8 25.4 8 20.4q0-7.5 4.825-11.95Q17.65 4 24 4q6.35 0 11.175 4.45Q40 12.9 40 20.4q0 5-3.975 10.875T24 44Zm0-23.6Z'/%3E%3C/svg%3E");
}
.isCity.ui-menu-item:hover {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M24 23.5q1.45 0 2.475-1.025Q27.5 21.45 27.5 20q0-1.45-1.025-2.475Q25.45 16.5 24 16.5q-1.45 0-2.475 1.025Q20.5 18.55 20.5 20q0 1.45 1.025 2.475Q22.55 23.5 24 23.5Zm0 16.55q6.65-6.05 9.825-10.975Q37 24.15 37 20.4q0-5.9-3.775-9.65T24 7q-5.45 0-9.225 3.75Q11 14.5 11 20.4q0 3.75 3.25 8.675Q17.5 34 24 40.05ZM24 44q-8.05-6.85-12.025-12.725Q8 25.4 8 20.4q0-7.5 4.825-11.95Q17.65 4 24 4q6.35 0 11.175 4.45Q40 12.9 40 20.4q0 5-3.975 10.875T24 44Zm0-23.6Z' fill='%23FFF'/%3E%3C/svg%3E") !important;
}
.isZone.ui-menu-item {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M10 42V8h17.15l.95 4.3H40v18.5H27.2l-.95-4.25H13V42Zm15-22.6Zm4.75 8.4H37V15.3H25.55L24.6 11H13v12.55h15.8Z'/%3E%3C/svg%3E");
}
.isZone.ui-menu-item:hover {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M10 42V8h17.15l.95 4.3H40v18.5H27.2l-.95-4.25H13V42Zm15-22.6Zm4.75 8.4H37V15.3H25.55L24.6 11H13v12.55h15.8Z' fill='%23fff'/%3E%3C/svg%3E") !important;
}
.autocompleteDiv ul li,
.autocompleteDiv ul li:hover {
padding-left: 36px !important;
background-repeat: no-repeat !important;
background-size: 18px !important;
background-position: 9px center !important;
padding-right: 5px !important;
}
.Paybg {
background-color: #86dd9a;
width: 480px;
overflow: hidden;
margin: 40px auto;
padding: 40px;
}
.Paybg.failed {
background: #ff5f5f;
}
.PayCard {
background-color: #fff;
width: 100%;
float: left;
margin-top: 40px;
border-radius: 5px;
padding: 80px 30px 25px;
text-align: center;
position: relative;
box-shadow:
0 1px 3px rgb(0 0 0 / 0.12),
0 1px 2px rgb(0 0 0 / 0.24);
}
.card__failed,
.card__success {
top: -50px;
left: 145px;
width: 100px;
height: 100px;
align-items: center;
display: flex;
}
.card__success {
position: absolute;
border-radius: 100%;
background-color: #60c878;
border: 5px solid #fff;
justify-content: center;
}
.card__success i {
color: #fff;
line-height: 100px;
font-size: 45px;
}
.card__failed {
position: absolute;
border-radius: 100%;
background-color: red;
border: 5px solid #fff;
justify-content: center;
}
.card__msg {
color: #55585b;
font-size: 18px;
font-weight: 500;
margin-bottom: 5px;
}
.card__submsg {
color: #959a9e;
font-size: 16px;
font-weight: 400;
margin-top: 0;
}
.card__body {
background-color: #f8f6f6;
border-radius: 4px;
width: 100%;
margin-top: 30px;
float: left;
padding: 30px;
}
.card__avatar {
width: 50px;
height: 50px;
border-radius: 100%;
display: inline-block;
margin-right: 10px;
position: relative;
top: 7px;
}
.card__recipient {
color: #232528;
text-align: left;
margin-bottom: 5px;
font-weight: 600;
}
.card__email {
color: #838890;
text-align: left;
margin-top: 0;
}
.card__price {
color: #232528;
font-size: 70px;
margin-top: 25px;
margin-bottom: 30px;
}
.card__price span {
font-size: 60%;
}
.card__method {
color: #d3cece;
text-align: left;
font-size: 11px;
margin-bottom: 5px;
}
.card__payment {
background-color: #fff;
border-radius: 4px;
width: 100%;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.card__credit-card {
width: 50px;
display: inline-block;
margin-right: 15px;
}
.card__card-details {
display: inline-block;
text-align: left;
}
.card__card-type {
color: #232528;
font-weight: 600;
font-size: 12px;
margin-bottom: 3px;
}
.card__card-number {
color: #838890;
font-size: 12px;
margin-top: 0;
}
.card__tags {
clear: both;
padding-top: 15px;
}
.card__tag {
background-color: #f8f6f6;
padding: 3px 5px;
border-radius: 3px;
font-size: 10px;
color: #d3cece;
}
div#hotelcardsMap {
height: 500px;
}
.cookies-concent p {
color: #000;
font-size: 12px;
}
.cookies-concent {
position: fixed;
bottom: 10px;
right: 10px;
max-width: 600px;
width: calc(100%);
z-index: 2;
background: #fff;
padding: 2rem;
box-shadow: 0 0 7px 1px rgb(0 0 0 / 20%);
}
.cookies-concent .concent-heading {
font-size: 18px;
font-weight: 700;
color: #000;
margin-bottom: 10px;
}
button.btn.btn-concent {
background: #000;
border-radius: 51px;
color: #fff;
font-weight: 600;
font-size: 14px;
}
.pure-material-radio > input:checked,
.pure-material-radio > span::after {
background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}
.modal-content .close {
position: absolute;
top: 5px;
z-index: 1;
right: 5px;
background: #000;
opacity: 1;
width: 36px;
height: 36px;
border-radius: 4px;
}
.map_pricelabel.map_htName {
width: 240px;
white-space: break-spaces;
text-align: left;
padding: 10px 10px 10px 40px;
background-position: 10px 50%;
background-size: 20px;
line-height: 1.25;
position: relative;
top: -32px;
border-radius: 8px;
}
.modal-content .close svg {
fill: #fff;
transform: scale(1.15);
}
.hotel-item .card_img img {
height: 240px;
object-fit: cover;
width: calc(100%);
border-radius: 18px;
}
.topNavDiv {
display: flex;
justify-content: flex-end;
flex: 1;
align-items: center;
}
.topNavDiv.hotellist {
min-width: 585px;
flex-shrink: 0;
}
.currencyDiv .btn-currencyPicker:after {
content: "";
border: #ffdead;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-380 276-584l20-20 184 184 184-184 20 20-204 204Z'/%3E%3C/svg%3E");
width: 24px;
height: 24px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.currencyDiv .btn-currencyPicker {
margin-right: 15px;
}
.searchbanner.innerPage {
min-height: 420px;
}
ul.searchTabs.tabs2 {
box-shadow: 0 0 10px 6px #00000017;
border: 1px solid #f0f0f0;
margin: 20px auto !important;
}
@media only screen and (min-width: 1366px) {
.header .container {
max-width: 1280px;
}
.topNavDiv.hotellist {
min-width: 570px;
flex-shrink: 0;
}
.container {
min-width: 1280px;
}
}
@media only screen and (min-width: 768px) {
.autocompleteDiv ul {
min-width: 360px;
}
}
@media only screen and (min-width: 1600px) {
ul .owlFilters:not(.owl-carousel) {
display: flex;
}
.container {
min-width: 1280px;
}
.fotorama__stage .fotorama__img {
height: 480px !important;
object-fit: cover;
top: 0 !important;
}
.fotorama__stage {
height: 480px !important;
}
}
@media only screen and (max-width: 1399px) and (min-width: 1024px) {
.searchbanner {
min-height: auto;
height: 500px;
}
}
@media screen and (min-width: 1200px) {
.Alt .searchBox {
position: relative;
top: -70px;
}
}
@media only screen and (max-width: 1400px) {
.room-card-meal,
.room-card-policy {
font-size: 12px;
font-weight: 600;
}
._reviewDOM .form-control,
.bootstrap-select > .dropdown-toggle,
.hotel-detail-box .room-availability__room-properties,
.hotelBlock .htrDetails .htDtMain .htTextlist li,
.hotelBlock .htrDetails .htDtMain .htrReview,
.htCheckinInfo td,
.htDetailText,
.htrExcludeTax,
.htrPP {
font-size: 12px;
}
.fltchkheading {
font-size: 14px;
}
.room-category-title {
font-size: 16px;
}
.room-availability__room-properties li,
.room-availability__room-type {
font-size: 13px;
}
._reviewDOM .form-control {
min-height: 40px;
}
}
@media only screen and (max-width: 1280px) {
.modify-search-widget .htcitySearch {
flex: 0 0 27%;
}
}
@media only screen and (max-width: 1199px) {
.modify-search-widget .htdateSearch.modifydiv {
flex: 0 0 17%;
}
.ht_spl_modify {
display: none;
}
}
@media only screen and (min-width: 1025px) {
.header .navbar {
display: flex;
}
.sidebarNav,
.sidebar_faresummary {
max-width: 290px;
}
}
@media only screen and (max-width: 1024px) {
.autocompleteDiv {
z-index: 99;
left: 0;
right: 0;
}
ul.searchTabs {
width: fit-content !important;
}
.innerpage .mainNav,
.topNavDiv.hotellist #modifysearch {
display: none;
}
.topNavDiv.hotellist {
min-width: initial !important;
}
.proprityTypesRow,
.touchScroll {
overflow-x: scroll;
}
.proprityTypesRow .item {
width: 214px;
flex-shrink: 0;
margin-right: 15px;
}
.proprityTypesRow {
display: flex;
flex-wrap: nowrap;
}
.discover_row.dest-carousel.touchScroll [class^="col-"] {
width: 214px !important;
max-width: initial !important;
flex: 0 0 214px;
padding-right: 0;
margin-right: 10px;
}
.dest-carousel {
flex-wrap: nowrap;
justify-content: flex-start;
}
.discover_row .col-dest {
width: 242px;
margin-right: 20px;
}
.another {
width: calc(21% - 15px) !important;
flex-shrink: 0 !important;
}
a.top-dest {
margin-bottom: 20px;
border-radius: 4px;
}
.filterTriger {
display: flex;
}
.col-lg-100 {
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
.sidebarNav {
position: fixed;
bottom: -150%;
top: initial;
left: 0;
width: 100%;
z-index: 999;
margin: 0;
transition: 0.3s linear;
}
.sidebarNav.active {
bottom: 0;
top: 0;
}
.sidebarNav .sidebarInner {
height: 100vh;
}
.modify-search-widget .htcitySearch {
flex: 0 0 32%;
}
}
@media only screen and (max-width: 768px) {
.divTxt {
margin-bottom: 40px;
}
.txtHeading {
font-size: 28px;
}
.middle-card {
margin-bottom: 20px;
}
.hotelModify_mobile {
display: block;
}
.hotelModify,
.room-card-header {
display: none;
}
.hotelmodify-mobile {
display: block !important;
margin: -20px -25px 20px;
background: #cc5b00;
color: #fff;
padding: 10px 0;
font-size: 12px;
}
.room-card {
flex-wrap: wrap;
justify-content: space-between;
}
.room-card-title {
flex: 0 0 50%;
order: 1;
font-size: 14px;
color: #000;
}
.room-category-title {
font-size: 16px;
font-weight: 700;
}
.room-card-pricing {
order: 2;
margin: 0;
flex: 0 0 43%;
}
.room-card-meal {
order: 3;
margin: 0;
}
.room-card-policy {
order: 4;
text-align: right;
}
.room-card .see-details,
.room-card-meal,
.room-card-policy {
font-size: 12px;
}
.room-card-policy .free-cancellation-day {
font-size: 11px;
}
.room-card__remaining_allotment {
font-size: 10px;
}
.room-card-container {
padding: 10px;
}
ul.amenitiesList li {
flex: 0 0 50%;
}
}
@media only screen and (max-width: 767px) {
.d-none-mobile,
.hotelImges .otherImages,
.leftBox,
.loginModal .leftPannel {
display: none;
}
.hotelImges .main-image {
padding: 0 !important;
width: 100%;
flex: 0 0 100%;
}
.hotelBlock .htrDetails {
display: block;
width: calc(100% - 240px);
}
.hotelBlock .hotelImgThumb {
width: 240px;
}
.hotelBlock .htrDetails .htDtMain,
.hotelBlock .htrDetails .htrDtPriceBox {
width: 100%;
}
.htrDtPriceBox .priceMain .htrPriceDiscount {
padding: 10px;
font-size: 10px;
margin-bottom: 5px;
}
.htrExcludeTax,
.htrPP {
font-size: 12px;
}
.htrDtPriceBox .priceMain .htrPriceAmount {
margin: 5px 0;
}
.contactForm {
padding: 20px;
}
}
@media only screen and (max-width: 600px) {
.btn.btn-apply,
.btn.btn-reset {
font-weight: 500;
font-size: 14px;
}
.hotel_filters.active .filtersFooter {
display: flex;
}
.bottom_m_100 {
margin-bottom: 100px !important;
}
.filtersFooter {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
z-index: 999999;
padding: 10px 20px;
justify-content: space-between;
box-shadow:
rgb(0 0 0 / 7%) 0 -1px 1.4px 0,
rgb(0 0 0 / 5%) 0 1.9px 4px,
rgb(0 0 0 / 5%) 0 4.5px 10px;
}
.filterBox {
height: calc(100vh - 120px);
overflow-y: scroll;
}
.filtersFooter .btn {
width: calc(50% - 10px);
}
.btn.btn-reset {
background: #fff;
border: 1px solid #000;
color: #000;
}
.btn.btn-apply {
color: #fff;
border: 1px solid #ff8c00;
background: #ff8c00;
}
.hotel_filters ul.filter {
padding-bottom: 166px;
}
a.btn.backtoflight {
display: none;
}
.hotelBlock {
display: block;
}
.hotelBlock .hotelImgThumb,
.hotelBlock .htrDetails {
width: 100%;
}
.hotelBlock .hotelImgThumb img {
height: 240px;
}
.room-category {
padding: 0;
border: 0;
}
.whitebox {
padding: 0;
}
._reviewDOM {
margin-top: 0 !important;
}
}
@media only screen and (max-width: 560px) {
.room-card-title {
flex: 0 0 100%;
margin-bottom: 8px;
}
.room-card-pricing {
flex: 0 0 100%;
order: 4;
margin-top: 15px;
}
.room-card-policy {
order: 3;
flex: 0 0 50%;
margin: 0;
}
.room-card-meal {
order: 2;
flex: 0 0 50%;
}
.room-card .see-details {
margin-top: 5px;
}
.room-card__remaining_allotment {
margin-bottom: 0;
}
.room-card-pricing .room-price {
font-weight: 700;
font-size: 16px;
}
.room-card-pricing .room-price small {
font-size: 12px;
}
.free-cancellation-day,
.room-card-nights {
font-size: 10px;
}
ul.amenitiesList li {
flex: 0 0 100%;
padding: 0;
font-size: 12px;
}
.room-card {
align-items: flex-start;
}
.room-card-button input[type="radio"] + label {
height: 40px;
line-height: 40px;
font-size: 13px;
}
.htDetailText {
font-size: 12px;
text-align: justify;
}
.gm-style .gm-style-iw-c {
max-width: initial !important;
}
}
@media only screen and (max-width: 420px) {
.hotelResults,
.sidebar_faresummary {
padding: 20px 0;
}
.hotel-review ._fltreview_top {
padding: 0 0 20px;
}
.fotorama__arr--next,
.fotorama__arr--prev {
height: 40px;
}
.hotelBlock .hotelImgThumb img {
height: 200px;
}
.hotelBlock .htrDetails .htDtMain .htrCity {
font-size: 13px;
margin-bottom: 5px;
}
.hotelBlock .htrDetails .htDtMain .htrName {
display: block;
}
.hotelBlock .htrDetails .htDtMain .htTextlist li {
font-size: 12px;
}
.htrExcludeTax,
.htrPP {
display: inline-block;
margin-left: 0;
text-transform: capitalize;
}
.hotelResults {
background: 0 0;
}
.hotelmodify-mobile {
margin: 15px -10px 0;
}
.fotorama__stage .fotorama__img {
height: 260px !important;
object-fit: cover;
top: 0 !important;
}
.fotorama__stage {
height: 260px !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
ul.searchBoxMain li.ht_input {
padding: 10px 30px !important;
}
ul.searchBoxMain li.search_Btn {
height: 62px;
padding: 10px 0 10px 10px !important;
}
.btn.btn-search {
height: 52px;
}
.hotel_filters {
padding: 10px 0 !important;
}
.results_section .hotel_cards_left {
width: 720px;
}
.results_section .hotelcardsMap {
width: calc(100% - 720px);
padding-left: 15px;
}
.ht_card_dt .ht_title {
font-size: 14px;
}
.ht_address,
.ht_facilities {
font-size: 12px;
}
.hotel_card .ht_image {
width: 220px;
position: relative;
}
.hotel_card .ht_card_dt {
width: calc(100% - 220px);
}
.hotel_card .ht_image img {
width: calc(100%);
height: 248px !important;
object-fit: cover;
}
}
@media screen and (max-width: 1199px) {
.results_section .hotelcardsMap {
position: fixed;
width: calc(100%);
padding: 40px;
left: 0;
right: 0;
display: none;
top: 0;
background: rgb(0 0 0 / 70%);
bottom: 0;
z-index: 9;
}
.hotel_cards_left {
width: calc(100%) !important;
}
.container-fluid.pr-0 {
padding: 0 20px !important;
}
.ht_results {
height: initial !important;
}
.stickyDiv {
display: flex;
z-index: 9999;
}
.stickyDiv .btn.btn-Filters {
display: none;
}
.stickyDiv .btn.btn-map {
border-radius: 20px;
}
.closeMap {
display: block;
}
li.owlFiltersBox {
width: initial !important;
}
}
@media (min-width: 1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1180px;
}
}
@media screen and (max-width: 1023px) {
ul.searchBoxMain {
flex-wrap: wrap;
max-width: 780px;
}
ul.searchBoxMain li.searchCity {
flex: 0 0 100%;
width: 100% !important;
border-radius: 8px;
margin-bottom: 20px;
}
ul.searchBoxMain .ht_input.ht_checkin {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
ul.searchBoxMain .ht_input.ht_pax {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
ul.searchBoxMain .ht_input.ht_checkin,
ul.searchBoxMain .ht_input.ht_checkout,
ul.searchBoxMain .ht_input.ht_pax {
flex: 0 0 33.33%;
width: 33.33%;
margin-bottom: 20px;
max-width: initial !important;
}
ul.searchBoxMain li.search_Btn {
width: 100%;
border-radius: 8px;
padding-left: 5px !important;
}
ul.searchBoxMain li.search_Btn .btn {
width: 100%;
}
ul.searchBoxMain li.searchCity:after {
display: none;
}
}
@media screen and (max-width: 991px) {
.closeFliters,
.stickyDiv .btn.btn-Filters {
display: block;
}
.navbar-light .navbar-toggler {
background: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
padding: 7px;
}
.hotel_filters ul.filter {
display: block;
padding-top: 50px;
position: relative;
}
.filterblock .filterheading,
header.hotels-result.fixed {
position: relative !important;
}
.hotel_filters ul.filter li .dropdown-toggle {
width: 100%;
text-align: left;
margin-bottom: 10px;
display: none;
}
.hotel_filters ul.filter li .dropdown-toggle + .dropdown-menu {
display: block !important;
position: relative;
top: initial !important;
width: 100%;
margin: 0;
bottom: initial !important;
transform: none !important;
box-shadow: none;
left: initial !important;
padding-top: 0;
padding-bottom: 10px;
}
.hotel_filters {
position: fixed;
top: 0;
right: -150%;
width: 100%;
background: #fff;
bottom: 0;
height: 100vh;
overflow-y: scroll;
z-index: 999999999;
padding: 10px 20px;
transition: 0.3s;
}
.hotel_filters.active {
right: 0;
}
.hotel-main {
padding: 40px 0;
}
.stickyDiv .btn.btn-map {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.closeFliters {
border: none;
background: 0 0;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 32px;
}
.hotel_filters .filterheading {
right: -150%;
transition: 0.3s;
}
.hotel_filters.active .filterheading {
margin: 0 !important;
text-align: center;
background: #fff;
position: fixed;
top: 0;
z-index: 99999;
right: 0;
padding: 10px;
width: calc(100%);
}
.closeFliters svg {
fill: #000 !important;
}
.hotelMap {
height: calc(100vh - 80px);
}
.container {
width: 100%;
max-width: inherit;
}
.filterblock .filterheading {
z-index: initial !important;
top: initial !important;
text-align: left !important;
padding: 0 !important;
font-size: 14px;
}
ul.ht_spl_modify li {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 10px;
font-size: 12px;
}
ul.ht_spl_modify li.spl_Dest {
width: 140px;
}
.hotelModify.alt {
top: 60px;
}
.hotels-result.fixed ~ .hotelModify.alt {
top: 50px;
}
ul.ht_spl_modify {
width: calc(100% - 20px);
margin: 0 auto;
}
.hotelModify_mobile.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 23;
}
}
@media screen and (max-width: 768px) {
.icons_ht_Red {
display: none;
}
.tabHotels .nav-pills {
flex-wrap: nowrap;
justify-content: flex-start;
overflow-y: scroll;
}
.ht_tabHotels.owl-carousel .owl-nav button.owl-prev {
left: 0;
top: 45%;
}
.ht_tabHotels.owl-carousel .owl-nav button.owl-next {
right: 0;
top: 45%;
}
}
@media screen and (max-width: 680px) {
.idealProperty {
flex-wrap: nowrap;
width: 1285px;
}
ul.searchBoxMain .ht_input.ht_checkin,
ul.searchBoxMain .ht_input.ht_checkout {
flex: 0 0 50%;
width: 50%;
}
ul.searchBoxMain .ht_input.ht_checkout:after {
display: none;
}
ul.searchBoxMain .ht_input.ht_checkout {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
ul.searchBoxMain .ht_input.ht_pax {
flex: 0 0 100%;
width: 100%;
border-radius: 8px;
}
.hotel_card {
flex-wrap: wrap;
}
.hotel_card .ht_image,
.hotel_card .ht_image img {
width: calc(100%);
min-height: 100%;
max-width: initial !important;
}
.hotel_card .ht_card_dt {
width: calc(100%);
padding: 10px 10px 8px;
display: block;
flex-direction: row;
}
.hotel_card .ht_image {
margin-bottom: 0;
}
.hotel_card .ht_card_dt .ht_dt {
width: calc(100%);
}
.hotel_card .ht_card_dt .ht_price {
width: calc(100%);
text-align: right;
}
.ht_card_dt .ht_price {
margin-top: 15px;
}
.ht_card_dt .ht_price .price_inner {
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
text-align: right;
}
.ht_card_dt .ht_price .price_inner .card_ht_price {
position: relative;
top: 5px;
max-width: 190px !important;
margin-left: auto;
}
.subcribe-heading {
margin-bottom: 20px;
}
.header .navbar {
padding: 0;
}
h1.main-heading {
font-size: 24px;
box-shadow: none;
}
ul.searchBoxMain li.ht_input {
margin-bottom: 10px !important;
}
.divheading2 {
font-size: 16px;
}
}
@media screen and (max-width: 480px) {
._popularAmenities,
._rateHawk .whitebox {
padding: 10px !important;
margin: 0 15px 20px !important;
}
.searchbanner.innerPage,
section.main {
padding: 40px 0 0;
}
.hotel-main,
.navbar-collapse,
section.main {
background: #fff;
}
.searchbanner.innerPage + .container.py-5 h1._destHeading {
margin: 0 0 20px;
}
.searchbanner.innerPage + .container.py-5 {
padding: 20px !important;
}
.searchbanner .container {
padding: 0 5px !important;
}
ul.searchTabs li a,
ul.searchTabs li input[type="radio"] + label {
font-size: 11.5px;
padding: 0;
min-width: 100px;
line-height: 1;
max-width: 120px;
}
ul.searchTabs li a svg,
ul.searchTabs li input[type="radio"] + label svg {
margin-right: 5px;
transform: scale(0.85);
}
.currencyPicker input {
position: absolute;
opacity: 1;
transform: translateY(-50%);
top: 50%;
right: 10px;
}
.currencyPickerDropdown {
max-width: initial !important;
width: 100% !important;
}
.lastminuteDeals.my-5,
ul.navbar-nav.ml-auto.mr-5 {
margin: 0 !important;
}
ul.searchTabs {
width: calc(100% - 10px);
justify-content: space-between;
}
ul.searchBoxMain {
max-width: calc(100% - 10px);
margin: 10px auto 0;
box-shadow: none !important;
}
ul.searchTabs li a {
width: 150px;
justify-content: flex-start;
}
h1.main-heading + p {
font-size: 13px !important;
}
.currencyPicker label {
width: calc(100%);
}
.hotel-detail-box {
min-width: calc(100%);
}
.loginModal .modal-dialog {
width: 100%;
max-width: calc(100%);
left: 0 !important;
right: 0 !important;
margin: 0;
border-radius: 0;
}
.loginModal .modal-content {
width: calc(100%) !important;
}
.LoginForm {
padding: 0 15px;
}
.clearfix.mt-1,
.divheading.linethrough:before,
.ht_owl.owl-carousel .owl-nav button,
.ht_spl_modify,
.searchbanner:before {
display: none;
}
.header.headerHome:not(.fixed) .btn-currencyPicker,
.header.headerHome:not(.fixed) .navbar-light .navbar-nav .nav-link {
color: #333 !important;
}
.navbar-light .navbar-nav .nav-link {
padding-left: 16px;
padding-right: 16px;
}
.proprityTypes.propritycard .cardImg img {
height: 170px;
}
.placestoStay h1 {
margin: 0 0 5px;
font-size: 20px;
font-weight: 800;
line-height: 1;
}
.placestoStay ._placescount {
font-size: 13px;
color: #616161;
line-height: 1;
}
.placestoStay {
padding: 10px 5px;
display: block;
}
.videoPlay {
height: 320px;
}
.VideoTitle {
font-size: 26px;
width: 80%;
margin: 0 auto;
}
.owl-carousel.ht_tabHotels {
padding-bottom: 0 !important;
}
.proprityTypesRow .col-6,
.top-destinations .row .col-6 {
padding: 0 5px;
}
.proprityTypes {
margin-bottom: 10px;
}
.proprityTypes .cardDetails .title {
font-size: 14px;
margin-bottom: 5px;
}
.proprityTypes .cardDetails .count,
ul.dstList2 li a,
ul.footerlinks li a {
font-size: 12px;
}
.divheading {
font-size: 20px;
font-weight: 700;
color: #0f294d;
}
h4.title {
width: 100%;
text-align: center;
font-size: 18px;
}
.lastminuteDeals_card .card_body {
min-height: auto;
}
a.lastminuteDeals_card {
margin-bottom: 0;
}
.tabHotels .nav-pills .nav-link {
margin: 0 10px 0 0;
}
.container-fluid.pr-0 {
padding: 0 10px !important;
width: 100vw;
overflow-x: hidden;
}
body {
width: 100vw;
overflow: hidden;
}
._address .txt {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: calc(100% - 10px);
font-size: 11px;
position: relative;
top: -2px;
color: #66707c;
font-weight: 400;
}
.htWishList,
.tag_freeBreakFast {
position: absolute;
}
.hotel_card {
padding: 5px !important;
}
.hotel_card .ht_image img {
height: 225px !important;
}
.ht_card_dt .ht_title {
font-size: 14px;
line-height: 1.25;
}
.star {
width: 13px;
height: 13px;
}
.reviews_ht .star_ratings {
margin-right: 10px;
}
.reviews_ht .reviews_count {
font-weight: 400;
color: #66707c;
font-size: 11px;
}
.ht_facilities {
font-size: 12px;
font-weight: 400;
color: #666;
display: none !important;
}
.ht_facilities span {
padding-right: 5px;
}
.reviews_ht {
flex-wrap: wrap;
}
.hotel-main {
padding: 10px 0;
}
.hotelModify_mobile {
padding: 15px 0 0;
}
._address svg {
width: 9px;
height: 17px;
top: -4px;
}
.aboutRow p {
font-size: 14px;
}
.pagebanner {
min-height: 200px;
}
.pagebanner h1 {
font-weight: 700;
font-size: 30px;
}
.ht_owl.owl-carousel .owl-nav button.owl-prev {
left: 0;
}
.ht_owl.owl-carousel .owl-nav button.owl-next {
right: 0;
}
.htWishList {
top: 10px;
right: 10px;
}
.card_ht_price ._price {
display: block;
}
.clsBottom span._price {
display: inline-block;
}
.proprityTypes.travelStyle .cardDetails .title {
font-size: 14px !important;
}
.searchbanner {
min-height: 540px;
}
ul.searchBoxMain li.ht_input {
padding: 6px 20px !important;
}
ul.searchBoxMain li.ht_input.search_Btn {
padding-left: 5px !important;
padding-right: 5px !important;
}
.btn.btn-search {
height: 50px;
}
ul.searchBoxMain li.search_Btn {
height: 60px;
}
ul.searchBoxMain li.ht_input .form-group .form-control {
font-size: 13px;
}
a.top-dest img {
height: 214px;
}
.discover_row .col-dest {
width: 214px;
}
.proprityTypes.hts .cardImg img {
height: 220px;
}
.morder2 {
order: 2;
}
.morder1 {
order: 1;
margin-bottom: 40px;
}
.footer {
padding: 50px 0 0 !important;
}
.middle-card .card-img img {
height: 130px !important;
object-fit: cover;
width: calc(100%);
}
.middle-card .txt_title {
font-size: 14px;
font-weight: 600;
}
.middle_banner {
padding: 30px 0;
}
.loginModal .modal-dialog {
top: 0;
transform: none !important;
}
.btn-blue-transparent,
.btn-blue-transparent:hover {
padding: 10px !important;
font-size: 12px !important;
}
ul.socialLoginbtn li a svg {
width: 16px;
height: 16px;
margin-right: 5px;
fill: #fff;
position: relative;
top: -1px;
}
.loginModal .modalClose {
position: absolute;
top: 10px;
right: 10px;
color: #000;
cursor: pointer;
z-index: 9999;
display: block;
}
}
@media screen and (max-width: 360px) {
ul.socialLoginbtn li a svg {
width: 12px;
height: 12px;
margin-right: 5px;
}
ul.socialLoginbtn li a {
padding: 8px;
font-size: 10px;
}
}
.pure-material-radio {
z-index: 0;
position: relative;
display: inline-block;
color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
font-family: var(
--pure-material-font,
"Roboto",
"Segoe UI",
BlinkMacSystemFont,
system-ui,
-apple-system
);
font-size: 16px;
line-height: 1.5;
}
.pure-material-radio > input {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
z-index: -1;
position: absolute;
left: -10px;
top: -8px;
display: block;
margin: 0;
border-radius: 50%;
width: 40px;
height: 40px;
background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
outline: 0;
opacity: 0;
transform: scale(1);
pointer-events: none;
transition:
opacity 0.3s,
transform 0.2s;
}
.pure-material-radio > span {
display: inline-block;
width: 100%;
cursor: pointer;
}
.pure-material-radio > span::before {
content: "";
display: inline-block;
box-sizing: border-box;
margin: -1px 10px 2px 0;
border: 2px solid;
border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
border-radius: 50%;
width: 20px;
height: 20px;
vertical-align: top;
transition: border-color 0.2s;
}
.pure-material-radio > span::after {
content: "";
display: block;
position: absolute;
top: -2px;
left: 0;
border-radius: 50%;
width: 10px;
height: 10px;
transform: translate(5px, 5px) scale(0);
transition: transform 0.2s;
}
.pure-material-radio > input:active + span::before,
.pure-material-radio > input:checked + span::before {
border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}
.pure-material-radio > input:checked + span::after {
transform: translate(5px, 5px) scale(1);
}
.pure-material-radio:hover > input {
opacity: 0.04;
}
.pure-material-radio > input:focus {
opacity: 0.12;
}
.pure-material-radio:hover > input:focus {
opacity: 0.16;
}
.pure-material-radio > input:active {
opacity: 1;
transform: scale(0);
transition: transform, opacity;
}
.pure-material-radio > input:disabled + span {
color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
cursor: initial;
}
.pure-material-radio > input:disabled + span::before {
border-color: currentColor;
}
.pure-material-radio > input:disabled + span::after {
background-color: currentColor;
}
@media only screen and (min-width: 1200px) {
.ht_results::-webkit-scrollbar {
width: 10px;
display: block !important;
}
.ht_results::-webkit-scrollbar-track {
background: #f1f1f1;
display: block;
}
.ht_results::-webkit-scrollbar-thumb {
background: #ff5a84;
}
.ht_results::-webkit-scrollbar-thumb:hover {
background: #ff5a84;
}
.ht_results {
overflow-y: auto;
scroll-behavior: smooth;
padding-right: 5px;
}
}
.erroricon svg {
width: 90px;
height: 90px;
fill: #ff8c00;
margin-bottom: 10px;
}
.errorHeading {
font-size: 28px;
font-weight: 600;
}
.divErrorPage {
padding: 80px 0;
text-align: center;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:visited {
background: #ff8c00 !important;
border-color: #ff8c00 !important;
}
.reseticon svg {
width: 60px;
fill: #515151;
}
.reseticon {
margin: 0 auto;
display: flex;
justify-content: center;
}
.errortext.resetheadingtext {
font-size: 21px;
font-weight: 600;
margin: 20px 0;
}
h1._destHeading {
text-align: center;
font-weight: 700;
font-size: 24px;
margin-bottom: 45px;
text-transform: capitalize;
}
._destPage h4.title {
text-align: left;
top: initial !important;
bottom: 11px;
transform: none;
right: initial;
left: 10px;
max-width: 70%;
padding: 10px 15px;
font-size: 25px;
display: inline-block;
width: fit-content;
min-width: 120px;
text-shadow: 1px 2px 6px rgb(0 0 0 / 60%);
-webkit-text-shadow: 1px 2px 6px rgb(0 0 0 / 0.6);
font-weight: 700;
line-height: 1.15;
font-family: "Roboto Condensed", sans-serif;
}
._destPage a.top-dest .overlay {
background-image: linear-gradient(transparent, rgb(0 0 0 / 60%)) !important;
position: absolute;
top: 45%;
bottom: 0;
left: 0;
right: 0;
background: 0 0;
}
._destPage h4.title small {
font-size: 12px;
font-weight: 400;
}
._destPage a.top-dest img {
height: 350px;
object-fit: cover;
}
.row._destPage > [class^="col-"] {
padding: 0 7.5px;
}
.tripadvisorReview {
display: flex;
align-items: center;
display: flex;
align-items: center;
font-weight: 500;
font-size: 12px;
color: #181818;
}
.tripadvisorReview ._tpIcon {
background-repeat: no-repeat;
display: block;
background-size: contain;
width: 100px;
height: 20px;
marigin-right: 5px;
}
.tp5 {
background: url(../images/_5Star.svg);
}
.tp4H {
background: url(../images/_4HStar.svg);
}
.tp4 {
background: url(../images/_4Star.svg);
}
.tp3H {
background: url(../images/_3HStar.svg);
}
.tp3 {
background: url(../images/_3Star.svg);
}
.tp2H {
background: url(../images/_2HStar.svg);
}
.tp2 {
background: url(../images/_2Star.svg);
}
.tp1H {
background: url(../images/_1HStar.svg);
}
.tp1 {
background: url(../images/_1Star.svg);
}
.card_ht_price ._from:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='10px' height='16px' viewBox='0 0 11 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Hotel-layout' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Room_Only_Detail_1' transform='translate(-135.000000, -4858.000000)' fill='%23ffab53' fill-rule='nonzero'%3E%3Cg id='nearby-hotel' transform='translate(130.000000, 4334.000000)'%3E%3Cg id='h1-g' transform='translate(5.000000, 136.000000)'%3E%3Cg id='hotel-grid'%3E%3Cg id='price' transform='translate(0.000000, 383.000000)'%3E%3Cg id='thunder' transform='translate(0.000000, 5.000000)'%3E%3Cpath d='M10.0143234,6.99308716 C9.91102517,6.83252576 9.73362166,6.73708716 9.54386728,6.73708716 L5.61404272,6.73708716 L5.61404272,0.561648567 C5.61404272,0.296666111 5.42877956,0.0676134793 5.16941114,0.0125959355 C4.90555149,-0.0435444154 4.64730587,0.0923152337 4.5395164,0.333718743 L0.0482883306,10.4389819 C-0.0291853536,10.6118942 -0.0123432484,10.8139994 0.0909549973,10.9723152 C0.194253243,11.1317538 0.371656752,11.2283152 0.561411138,11.2283152 L4.4912357,11.2283152 L4.4912357,17.4037538 C4.4912357,17.6687363 4.67649886,17.8977889 4.93586728,17.9528065 C4.97516552,17.9606661 5.01446377,17.9651573 5.05263921,17.9651573 C5.27046377,17.9651573 5.47369184,17.8382801 5.56576201,17.6316837 L10.0569901,7.5264205 C10.133341,7.35238541 10.1187445,7.15252576 10.0143234,6.99308716 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
position: absolute;
width: 24px;
height: 24px;
background-repeat: no-repeat;
left: -15px;
top: 0;
}
.card_ht_price {
padding-left: 15px;
position: relative;
}
span._txtHtlName {
display: block;
max-width: 240px;
overflow: hidden;
}
@media only screen and (max-width: 640px) {
.pricebtn {
width: 100% !important;
}
.hotel_card .ht_card_dt .ht_price {
display: block !important;
}
.roomCardImage {
width: calc(100%);
margin-bottom: 11px;
margin-right: 0;
}
.room-category-title {
margin-left: 5px;
}
.room-card-policy {
flex: 0 0 100% !important;
}
.row._destPage > [class^="col-"] {
padding: 0 5px;
}
.row._destPage > [class^="col-"] a.top-dest {
margin-bottom: 10px;
}
._destPage a.top-dest img {
height: 200px;
object-fit: cover;
}
ul.searchTabs.tabs2 {
display: block;
box-shadow: none;
}
ul.searchTabs.tabs2 li input[type="radio"] + label {
width: calc(100%);
min-width: initial !important;
max-width: inherit;
}
.room-category {
padding: 10px 5px !important;
}
.ht_title .tripadvisorReview {
position: absolute;
top: 0;
right: 0;
display: block;
}
.tripadvisorReview ._Count {
display: block;
margin: 5px auto 0;
font-size: 10px;
font-weight: 600;
}
span._txtHtlName {
max-width: 180px;
}
.htr_name {
display: flex;
flex-wrap: nowrap;
display: flex;
justify-content: space-between;
width: calc(100%);
align-items: flex-start;
font-size: 16px;
font-weight: 700;
}
.ht_title {
position: relative;
}
.hotel-review {
padding: 0;
}
.sidebar-bottom.fixed {
position: fixed;
bottom: 0;
z-index: 9;
left: 0;
right: 0;
padding: 1rem 2rem 2rem;
background: #fff;
}
.sidebar-bottom.fixed .htCheckinInfo {
display: none !important;
}
.hotelImges .main-image img {
width: calc(100%);
height: 220px;
}
.htr_name .tripadvisorReview {
display: block;
text-align: center;
}
._reviewDOM .whitebox {
padding: 0 20px !important;
}
ul.amenitiesList li {
display: flex;
align-items: center;
flex-wrap: wrap;
}
ul.amenitiesList i {
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='green'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
display: inline-block;
position: relative;
top: 5px;
background-size: 20px 20px;
}
ul.amenitiesList li {
background-image: none !important;
}
}
._newAmenities {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
list-style: none;
padding: 0;
margin: 0;
}
._heading {
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
}
._newAmenities li {
display: flex;
gap: 8px;
line-height: 1.25;
align-items: flex-start;
font-size: 15px;
}
._newAmenities ._icon {
display: flex;
align-items: center;
flex-shrink: 0;
}
._newAmenities ._icon svg {
display: block;
}
@media (max-width: 768px) {
._newAmenities {
grid-template-columns: 1fr;
margin-bottom: 20px;
}
}
.review-header {
display: flex;
align-items: flex-start;
gap: 20px;
}
.rating-badge:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 20px 40px 0 0;
border-color: #00b300 #fff0 #fff0 #fff0;
position: absolute;
bottom: 0;
left: 0;
transform: translateY(100%);
}
.rating-badge:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 40px 20px 0;
border-color: #fff0 #00b300 #fff0 #fff0;
position: absolute;
bottom: 0;
right: 0;
transform: translateY(100%);
}
.rating-score {
font-size: 32px;
font-weight: 700;
line-height: 1;
}
.rating-info {
flex: 1;
}
.rating-title {
font-size: 18px;
font-weight: 600;
color: #333;
margin-bottom: 4px;
}
.rating-subtitle {
color: #666;
font-size: 14px;
margin-bottom: 8px;
}
.review-availability {
color: #666;
font-size: 13px;
}
.tripadvisor-section {
display: flex;
align-items: center;
gap: 12px;
margin-top: 16px;
}
.tripadvisor-circles {
display: flex;
gap: 2px;
}
.circle {
width: 12px;
height: 12px;
border-radius: 50%;
background: #00aa6c;
}
.tripadvisor-text {
color: #666;
font-size: 13px;
}
.ratings-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px;
padding: 0 24px 24px;
}
.rating-category {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 5px;
}
.category-name {
font-size: 14px;
color: #333;
font-weight: 500;
}
.category-score {
font-size: 14px;
color: #333;
font-weight: 600;
min-width: 20px;
text-align: right;
}
.progress-bar {
width: 100%;
height: 4px;
background: #e6e6e6;
border-radius: 2px;
margin: 8px 0 10px;
overflow: hidden;
}
.progress-fill {
height: 100%;
border-radius: 2px;
transition: width 0.3s ease;
}
.progress-excellent {
background: #00b300;
}
.progress-good {
background: #7fb800;
}
.progress-average {
background: orange;
}
.progress-poor {
background: #ff6b6b;
}
@media (max-width: 768px) {
body {
padding: 12px;
}
.review-header {
flex-direction: column;
text-align: center;
padding: 20px;
gap: 16px;
}
.rating-badge {
align-self: center;
}
.ratings-grid {
grid-template-columns: 1fr;
gap: 16px;
padding: 0 20px 20px;
}
.rating-score {
font-size: 28px;
}
.rating-title {
font-size: 16px;
}
}
@media (max-width: 480px) {
.review-header {
padding: 16px;
}
.ratings-grid {
padding: 0 16px 16px;
}
.rating-category {
margin-bottom: 12px;
}
}
.rating-category:hover .progress-fill {
opacity: 0.8;
}
@keyframes fillProgress {
from {
width: 0;
}
to {
width: var(--progress-width);
}
}
.progress-fill {
animation: fillProgress 1s ease-out;
}
.reviews_container {
padding: 20px 0;
}
.reviews_header {
text-align: center;
margin-bottom: 30px;
}
.reviews_header h1 {
color: #333;
font-size: 32px;
margin-bottom: 10px;
}
.reviews_count {
color: #666;
font-size: 16px;
}
.review_card {
background-color: #fff;
border-radius: 12px;
padding: 24px;
box-shadow: 0 2px 10px rgb(0 0 0 / 0.1);
margin-bottom: 20px;
}
.review_card_header {
display: flex;
align-items: flex-start;
margin-bottom: 16px;
background: #f4f4f4;
padding: 10px;
border-radius: 5px;
}
.review_card_reviewer_info h3 {
margin: 0;
font-size: 18px;
font-weight: 600;
color: #333;
}
.review_card_date {
color: #666;
font-size: 14px;
margin-top: 4px;
}
.review_card_star_rating:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 10px 0;
border-color: #fff0 #00b300 #fff0 #fff0;
position: absolute;
bottom: 0;
right: 0;
transform: translateY(100%);
}
.review_card_star_rating:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 20px 0 0;
border-color: #00b300 #fff0 #fff0 #fff0;
position: absolute;
bottom: 0;
left: 0;
transform: translateY(100%);
}
.review_card_star {
width: 20px;
height: 20px;
background-color: #00d084;
border-radius: 50%;
}
.review_card_star.empty {
background-color: #e0e0e0;
}
.review_card_title {
font-size: 20px;
font-weight: 600;
color: #333;
margin: 20px 0 16px 0;
line-height: 1.3;
}
.review_card_content {
color: #555;
line-height: 1.6;
font-size: 16px;
}
.pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: 40px;
}
.pagination button {
padding: 10px 16px;
border: 1px solid #ddd;
background-color: #fff;
color: #333;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
transition: all 0.2s;
}
.pagination button:hover {
background-color: #f5f5f5;
}
.pagination button.active {
background-color: #00d084;
color: #fff;
border-color: #00d084;
}
.pagination button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.page_info {
color: #666;
font-size: 14px;
}
@media screen and (min-width: 1080px) {
.review_cardBody {
display: flex;
align-items: flex-start;
}
.review_cardBody ._left {
min-width: 250px;
border-right: 1px solid #ddd;
margin-right: 20px;
height: 100%;
}
.review_cardBody {
display: flex;
align-items: flex-start;
}
.review_cardBody ._left {
min-width: 250px;
border-right: 1px solid #ddd;
margin-right: 20px;
height: 100%;
}
.review_card_header {
flex-direction: row-reverse;
justify-content: flex-end;
}
.review_card_header .review_card_reviewer_info {
width: 240px;
border-right: 1px solid #ddd;
margin-right: 20px;
height: 100%;
}
}
.modal-content.PriceChangeModal {
max-width: calc(100%);
min-width: 660px !important;
}
._changedPrice {
font-size: 24px;
}
._changedPrice ._amount {
font-weight: 700;
}
._priceChangeAlert {
display: flex;
}
._priceChangeAlert ._icon svg {
width: 120px;
height: 120px;
padding: 0 10px;
}
._priceChangeAlert ._txt {
text-align: left;
}
._priceChangeAlert ._txt h5 {
font-size: 24px;
}
.modal-backdrop {
z-index: 1040 !important;
}
@media only screen and (max-width: 480px) {
.modal-content.PriceChangeModal {
max-width: calc(100%);
min-width: 340px !important;
}
}
.amenities-container {
column-count: 3;
column-gap: 2rem;
padding: 0;
}
.amenities-group {
display: inline-block;
width: 100%;
margin-bottom: 0;
background-color: #fff;
padding: 1rem 1rem 0 0.5rem;
box-sizing: border-box;
break-inside: avoid;
}
.amenities-group h3 {
font-size: 1.1rem;
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 0.5rem;
}
.amenities-group ul {
padding-left: 1rem;
margin: 0;
list-style: disc;
}
.amenities-group li {
margin-bottom: 0.3rem;
font-size: 0.95rem;
}
._amenitiesIcon {
display: inline-block;
width: 20px;
height: 20px;
background-size: cover;
}
@media (max-width: 1024px) {
.amenities-container {
column-count: 2;
}
}
@media (max-width: 600px) {
.amenities-container {
column-count: 1;
}
}
.booking-container {
overflow: hidden;
position: relative;
}
.booking-options {
display: flex;
gap: 16px;
will-change: transform;
}
.trust-header {
border-radius: 12px;
}
.trust-item {
opacity: 0;
transform: translateY(5px);
animation: fadeUp 0.4s ease forwards;
}
.trust-item:nth-child(1) {
animation-delay: 50ms;
}
.trust-item:nth-child(2) {
animation-delay: 0.18s;
}
.trust-item:nth-child(3) {
animation-delay: 0.31s;
}
@keyframes fadeUp {
to {
opacity: 1;
transform: translateY(0);
}
}
.trust-icon-wrap {
width: 48px;
height: 48px;
border-radius: 10px;
flex-shrink: 0;
border-radius: 51px;
margin-right: 11px;
}
.trust-icon-wrap.teal {
background-color: #e1f5ee;
}
.trust-icon-wrap.blue {
background-color: #e1f5ee;
}
.trust-icon-wrap.amber {
background-color: #e1f5ee;
}
.trust-label {
font-size: 14px;
white-space: nowrap;
font-weight: 500;
color: #313131;
}
.trust-divider {
width: 1px;
height: 28px;
background-color: #e5e7eb;
}
.trust-icon-wrap img {
height: 26px;
object-fit: scale-down;
}
ul.searchBoxMain li.ht_pax {
cursor: pointer;
}
ul.searchBoxMain li.ht_pax .searchDropdown {
cursor: pointer;
}
.ht_pax .form-control {
cursor: pointer;
}
@media only screen and (max-width: 1024px) {
.trust-header {
display: none;
}
}
/* =========================================================
Destination Grid – asymmetric layout (new, no conflicts)
Prefix: dg-
========================================================= */
.dg-section {
margin-bottom: 2rem;
}
.dg-grid {
display: grid;
gap: 12px;
}
/* Each row is a 4-column base; large card = span 2, small = span 1 */
.dg-row {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 12px;
}
/* Alternate row: small | small | large */
.dg-row.dg-row--reverse {
grid-template-columns: 1fr 1fr 2fr;
}
/* Card base */
.dg-card {
position: relative;
display: block;
overflow: hidden;
border-radius: 10px;
text-decoration: none;
cursor: pointer;
background: #111;
}
/* Large card taller, small card shorter */
.dg-row .dg-card {
height: 220px;
}
.dg-row .dg-card--large {
height: 220px;
}
/* Image */
.dg-card__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.35s ease;
}
.dg-card:hover .dg-card__img {
transform: scale(1.08);
}
/* Gradient overlay */
.dg-card__overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.08) 55%, transparent 100%);
border-radius: inherit;
pointer-events: none;
}
/* City label */
.dg-card__label {
position: absolute;
bottom: 14px;
left: 16px;
color: #fff;
font-size: 15px;
font-weight: 600;
line-height: 1.2;
margin: 0;
text-shadow: 0 1px 4px rgba(0,0,0,0.5);
letter-spacing: 0.01em;
}
/* ---- Responsive ---- */
/* Tablet: collapse to single 2-col grid, stack large on top */
@media only screen and (max-width: 991px) {
.dg-row,
.dg-row.dg-row--reverse {
grid-template-columns: 1fr 1fr;
}
.dg-row .dg-card--large {
grid-column: 1 / -1;
height: 200px;
}
.dg-row .dg-card {
height: 160px;
}
}
/* Mobile: single column horizontal scroll strip */
@media only screen and (max-width: 575px) {
.dg-grid {
display: flex;
flex-direction: column;
gap: 10px;
}
.dg-row,
.dg-row.dg-row--reverse {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
gap: 10px;
padding-bottom: 4px;
}
.dg-row::-webkit-scrollbar {
display: none;
}
.dg-row .dg-card,
.dg-row .dg-card--large {
flex: 0 0 70vw;
height: 160px;
scroll-snap-align: start;
grid-column: unset;
}
}