html
{
overflow-y: scroll;
}
body
{
/* background-color: #f6fbff; */
background-color: #FFFFFF;
font-family: 'Lato', sans-serif;
}
h1,h2,h3,h4,h5,h6
{
font-family: 'Spectral SC', sans-serif;
}
/* collectives */
.b247-room-facilities__item span,
.b247-section-sub__header
{
color: #00276c;
}
.b247-room-details__meta,
.b247-room-facilities
{
margin-top: 15px;
display: none;
/*overflow: hidden;*/
/*height: 0px;*/
}
.facilities-toggle-btn
{
text-align: center;
margin-top: 20px;
}
.facilities-toggle-btn a
{
/* background-color: #b5b3b3; */
background-color: #00276c;
color: #fff;
padding: 5px 17px;
/* transition: background-color 0.25s ease; */
}
.facilities-toggle-btn a:hover,.facilities-toggle-btn a:focus
{
text-decoration: none;
/* background-color: #9f9f9f; */
/* background-color: #011b4a; */
/* transition: background-color 0.25s ease; */
}
.b247-room-details__name
{
font-family: 'Spectral SC', sans-serif;
}
.b247-room-details__name,
.b247-room-details__description,
.b247-section-sub__header,
.b247-section-sub__text
{
text-align: center;
}
img
{
max-width: 100%;
}
/* Header style starts */
#header
{
box-shadow: 0 2px 12px rgba(0,0,0,0.25);
background-color: #fff;
border-top: 5px solid #00276c;
padding: 0;
margin: 0;
border-radius: unset;
}
.icon-style .fa
{
padding: 10px;
background-color: #00276c;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: #ff9f00;
color: #fff;
margin-right: 3px;
}
.prop-currency
{
float: right;
display: inline-block;
}
.top-menu-toggle
{
position: absolute;
bottom: -31px;
left: 20px;
background-color: #7491c6;
color: #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
transition: all 0.25s ease;
}
.top-menu-toggle .fa
{
color: #fff;
}
.top-menu-toggle a
{
display: inline-block;
padding: 5px 10px;
}
.rotate
{
bottom: -17px;
transform: rotate3d(5, 0, 0, 180deg);
}
.branding
{
display: inline-block;
padding: 10px 15px;
margin-bottom: 3px;
float: left;
background-color: #00276c;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.branding--logo
{
padding: 0;
background-color: transparent;
}
.branding--logo img
{
max-height : 150px;
max-width: 230px;
}
.branding--sticky
{
display: none;
border-radius: 0;
}
.branding--sticky a
{
color: #fff;
}
.hotel-name
{
margin-top: 0;
margin-bottom: 5px;
}
.hotel-name a
{
display: block;
font-size: 20px;
color: #fff;
text-align: center;
}
.hotel-name a:hover,.hotel-name a:focus
{
text-decoration: none;
}
.property_self_rating
{
display: none;
}
.prop-meta
{
display: inline-block;
margin-left: 10px;
}
.prop-meta .location
{
position: absolute;
bottom: 0;
font-family: 'Spectral SC', sans-serif;
color: #848484;
}
.prop-contact
{
float: right;
position: relative;
}
.prop-contact > span, .prop-contact > a{
margin-right: 10px;
}
.prop-contact .fa{
padding: 10px;
background-color: #00276c;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
/*color: #ff9f00;*/
color: #fff;
margin-right: 3px;
}
.my-bookings {
position: relative;
display: none;
background: #eee;
clear: both;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
width: 100%;
z-index: 2;
margin-bottom: 20px;
}
.my-bookings__main
{
/* padding: 10px 25px; */
padding: 10px;
overflow: hidden;
}
/* Display title text and input in one row ---------------- */
.content_in_one_row > label
{
display: inline-block;
width: 120px;
}
.content_in_one_row > input
{
display: inline-block;
width: calc(100% - 130px);
}
.content_in_one_row > .div_text_info
{
display: inline-block;
width: calc(100% - 130px);
color : #000;
vertical-align: top;
}
#div_confirm_cancellation label
{
color : #000;
}
@media only screen and (max-width : 767.80px)
{
#myBookingsClose.element-close
{
display : none;
}
.my-bookings__nav > a
{
text-decoration: none;
padding-top : 5px !important;
padding-bottom : 5px !important;
}
.my-bookings__nav a.current_active
{
background-color : #616161;
}
.my-bookings__nav > a > span
{
display: inline-block;
padding: 5px 10px;
}
.my-bookings__nav > a:nth-child(1) > span
{
/* background-color: #00a000; */
/* background-color: #7ad07a; */
/* background-color: #40ac40; */
background-color: #28a745!important;
color: #FFF;
}
.my-bookings__nav > a:nth-child(2) > span
{
/* background-color: #c26363; */
background-color: #dc3545!important;
color: #FFF;
}
}
@media only screen and (max-width : 399.80px)
{
.content_in_one_row > label
{
width: 80px;
}
.content_in_one_row > input
{
width: calc(100% - 90px);
}
.content_in_one_row > .div_text_info
{
width: calc(100% - 90px);
}
}
/* ---------------- Display title text and input in one row */
.my-bookings__nav{
border-bottom: 1px solid #c4c4c4;
overflow: hidden;
background-color: #b9b9b9;
display: none;
}
.my-bookings__nav a {
text-align: center;
padding: 10px 0;
color: #3a3a3a;
border-right: 1px solid rgba(0,0,0,0.1);
}
.my-bookings__nav a:last-child{
border-right: 0;
}
.my-bookings__options{
display: none;
position: absolute;
background-color: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.4);
padding: 20px 15px;
z-index: 10;
text-align: center;
left: 50%;
transform: translateX(-50%);
width: 75%;
}
.my-bookings__options:after {
content: "";
border-bottom: 10px solid #c8c4c4;
border-top: 0px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
top: -10px;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.element-close{
position: absolute;
top: -20px;
right: -15px;
}
.element-close .fa-circle{
color: #6f8bbb;
}
/*.my-bookings-trigger:hover~.my-bookings__options{
display: block;
}*/
.my-bookings__options a{
background-color: #00296f;
color: #fff;
padding: 8px 10px;
margin-right: 10px;
}
.cancel-booking{
display: none;
}
.list-currency{
list-style-type: none;
padding-left: 0;
overflow: hidden;
}
.list-currency li
{
padding: 5px 0 5px 15px;
}
.list-currency li > a, .list-currency li > a > span
{
color : #000000 !important;
}
.list-currency .selected{
background-color: #3037ff;
}
.list-currency li.selected > a, .list-currency li.selected > a > span
{
color : #FFFFFF !important;
}
.list-currency li a,.list-currency li a:focus{
text-decoration: none;
}
.list-currency li a:hover{
background-color: #e4e4e4;
}
.list-currency li:hover,.list-currency li:focus {
background-color: #e1e1e1;
}
.list-currency .selected a{
color: #fff;
}
.btn-currency-options {
padding: 7px 10px;
background-color: #a5ccc9;
display: inline-block;
border-radius: 0 0 5px 5px;
color: #fff;
}
#google_translate_element{
position: absolute;
top: 30px;
left: 0;
max-width: 200px;
background-color: white;
padding: 10px 25px;
z-index: 10;
box-shadow: 1px 1px 10px rgba(0,0,0,0.25);
}
.btn-currency-options:focus {
text-decoration: none;
}
.btn-currency-options:hover{
color: #fff;
}
.btn-membership{display: inline-block;background-color: #00276c;}
.btn-membership .fa{padding: 0;}
.btn-membership a{color: #fff;display: inline-block;padding: 9px;text-decoration: none;}
.prop-contact .show-map,
.prop-contact .my-bookings-trigger,
.prop-contact__phone
{
background-color: #00276c;
padding: 10px;
text-decoration: none;
color: #fff;
}
.prop-contact .show-map .fa{
padding: 0;
margin-right: 5px;
}
.prop-meta .fa {
background-color: #00276c;
color: #fff;
padding: 5px;
margin-right: 3px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.prop-meta--2{
float: right;
}
.location{
font-weight: bold;
text-align: center;
color: rgba(255,255,255,0.55);
font-weight: normal;
}
.prop-logo {
float: right;
background-color: #00276c;
padding: 2px 15px;
}
.map-link-sm a{
color: #fff;
text-decoration: underline;
}
/* Header style ends */
/* Map styles */
#displayMap{
display: none;
height: 500px;
}
.content--map{
display: table;
}
.prop-image--map{
margin: 7px 0 5px;
display: table-cell;
max-width: 200px;
overflow: hidden;
}
.gm-style .prop-image--map img{
max-width: 100%;
}
.body-content--map{
display: table-cell;
vertical-align: top;
padding-left: 15px;
}
/* Map styles ends*/
/* header menu */
.top-menu{
background-color: #7491c6;
display: none;
}
.to-top{
display: none;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 9999;
background-color: #333;
color: #fff;
padding: 5px 15px;
font-size: 30px;
}
.to-top:hover, .to-top:focus{
color: #fff;
text-decoration: none;
}
.top-menu.sticky{
text-align: center;
}
.sticky{
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
.top-menu__list{
position: relative;
margin-bottom: 0;
padding-left: 0;
text-align: center;
}
.top-menu__list li{
display: inline-block;
}
.top-menu__list li a{
display: inline-block;
padding: 12px 25px;
color: #fff;
}
.top-menu__list a:first-child{
padding-left: 0;
}
/* hotel details starts*/
.b247-section{
padding: 20px 0 40px;
}
.b247-section--vb .bd2s-search-box {
clear: both;
margin-top: 20px;
}
.b247-section--vb .list-group{
margin-bottom: 0;
}
.b247-section--vb table{
margin-bottom: 0;
}
.b247-section--shadow{
/*box-shadow: inset 0 15px 45px rgba(0, 0, 0, 0.15);*/
border: 1px solid #e1e1e1;
}
.b247-form--contactUs .form-control{
border-radius: 0;
}
.b247-form--contactUs .btn-cta{
margin-top: 15px;
}
.b247-section--2{
border-top: 0;
}
.b247-section__header{
font-size: 35px;
margin-bottom: 30px;
text-align: center;
font-family: 'Spectral SC', sans-serif;
font-weight: 200;
}
.b247-section__content{
font-size: 15px;
line-height: 1.75;
text-align: center;
}
.section-switch{
text-align: center;
}
.section-switch .cl-light{
color: #c4c4c4;
}
.section-switch h3{
display: inline-block;
margin-right: 10px;
}
.section-switch a{
color: #333;
text-decoration: none;
}
.inactive-state{
display: none;
}
/* hotel details ends */
/* room details */
.b247-room-details--2{
margin-bottom: 20px;
}
.b247-room-details__name{
font-size: 23px;
margin-bottom: 25px;
text-align: center;
font-weight: 400;
margin-top: 20px;
}
.b247-room-facilities__list{
overflow: hidden;
padding-left: 20px;
position: relative;
}
/*.b247-room-facilities__list:after {
height: 6px;
bottom: -15px;
left: 0;
right: 0;
position: absolute;
background-color: transparent;
box-shadow: 0 1px 31px rgba(0,0,0,0.75);
content: '';
}*/
.b247-room-facilities__item{
list-style: disc outside;
color: #333;
}
.b247-room-details--2:nth-child(2n+1) {
margin-bottom: 20px;
clear: both;
}
.facilities-container h4,
.inclusions,
ul.facilities{
padding: 10px 30px 0;
}
ul.facilities{
overflow: hidden;
list-style-position: inside;
margin-bottom: 10px;
}
/* room details ends */
/*Addons*/
.addon-highlighted{
background-color: beige;
}
.item-hide{
display: none;
}
.keyless-ext{
display: none;
}
.keyless-save{
text-decoration: none !important;
color: #fff !important;
}
.addons td.addons-total {
text-align: center;
}
.addons td.addons-subtotal,
.addons td.addons-cost,
.addons td.addons-item,
.addons td.addons-qty,
.addons td.addons-checkbox{
vertical-align: middle;
}
.addon-quantity{padding: 6px 2px;}
.addons td.addons-qty{padding: 0;}
.addons-qty{width: 20%;}
.addons-qty > a{
display: inline-block;
margin-right: 3px;
}
.addons-qty__input{
display: inline-block;
}
.addons-qty__input input{
text-align: center;
}
.modal-addon .modal-body{
overflow: hidden;
}
.modal-addon .modal-title{
text-align: center;
}
.addon-image img{
display: inline-block;
margin-right: 8px;
}
.addon-image img:last-child {
margin-right: 0;
}
/* hotel facilities */
.b247-facilities-list{
overflow: hidden;
}
.b247-facilities-list__item{
color: #ff9f00;
}
.b247-facilities-list__item span{
color: #343434;
}
.b247-section-sub{
margin-top: 20px;
margin-bottom: 40px;
}
.b247-section-sub__header {
font-size: 20px;
position: relative;
margin-bottom: 20px;
}
/*.b247-section-sub__header .border {
border-bottom: 1px solid #8e8b8b;
display: inline-block;
width: 100%;
position: absolute;
content: '';
bottom: 10px;
left: 0;
}*/
.b247-section-sub__header .fa{
margin-right: 10px;
}
.b247-section-sub__header:after {
content: url(../images/divider-2.png);
position: relative;
width: 100%;
display: block;
text-align: center;
margin-top: 15px;
}
.contact-details{
clear: both;
padding: 30px 0;
background-color: #00276c;
text-align: center;
}
.contact-details .prop-name a{
text-decoration: none;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
}
.contact-details .address {
color: #fff;
opacity: 0.35;
}
.contact-details a{
text-decoration: none;
}
.contact-details >div{
margin-bottom: 10px;
}
.contact-details .address {
color: #fff;
opacity: 0.35;
}
h3.b247-header{
padding: 0;
}
/* ==========================================================================
jquery datepicker
========================================================================== */
.ui-datepicker{
width: 700px !important;
}
.inline-datepicker .ui-datepicker{
width: 100% !important;
}
.ui-datepicker {
height: auto;
margin: 8px auto 0;
padding: 0;
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .25);
font-family: 'lato', sans-serif;
background-color: white;
}
.datepicker{
width: 100%;
border: none;
padding: 0 0 0 35px;
}
.check-date-container{
overflow: hidden;
padding: 3px 0;
}
.check-date-container .input-calendar-icon {
position: absolute;
z-index: 5;
top: 10px;
left: 8px;
color: #a8a8a8;
font-size: 20px;
padding: 0;
}
.check-date-container .input-group-addon{
border: none;
border-radius: 0;
}
.check-date-container .form-control{
box-shadow: none;
height: auto;
font-size: 13px;
top: 0;
}
.check-date-container .form-control:focus{
outline: 0;
box-shadow: none;
border: none;
}
.check-date-container .input-group-addon{
background-color: #fff;
}
.ui-datepicker-header{
}
.ui-datepicker-calendar a{
color: #333;
}
.ui-datepicker td a,
.ui-datepicker td span{
text-align: center;
padding: 11px;
font-size: 15px;
}
.ui-datepicker-calendar .ui-state-active{
background-color: #00276c;
color: #fff;
}
.ui-datepicker-days-cell-over{background-color: #00276c;}
.ui-datepicker-days-cell-over a,.ui-datepicker-days-cell-over span{color: #fff;}
.ui-datepicker-days-cell-over a:hover{color: #333;}
.ui-datepicker-unselectable{
pointer-events: none;
color: #a4a4a4;
}
.ui-datepicker .ui-icon {
text-indent: 0;
}
.inline-datepicker{
max-width: 100%;
display: none;
}
/* ==========================================================================
Datepicker styles
========================================================================== */
.check-date-container{
background-color: #e4e4e4;
border-radius: 5px;
height: auto;
cursor: pointer;
position: relative;
box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
}
.check-date-container__drop:after {
position: absolute;
content: '\25BC';
right: 12px;
top: 7px;
font-size: 16px;
}
.check-date-container__text{
position: absolute;
top: 8px;
left: 45px;
color: #999;
}
.check-date-container__icon:after {
position: absolute;
content: '\1F4C5';
font-size: 20px;
left: 10px;
top: 3px;
}
.check-date-container__head {
position: absolute;
top: 3px;
left: 45px;
color: #999;
font-size: 13px;
}
.mqflag{
content: 'web';
opacity: 0;
}
.dpMobile{
display: none;
}
/* check box styles end */
/* Search box styles */
.booking-forms-container
{
display: none;
position: relative;
height: 200px;
clear: both;
/* margin-top: 5px; */
/* padding-top: 5px; */
/* border-top: 1px solid #d1d1d1; */
}
#imgContainer{
text-align: center;
position: absolute;
width: 100%;
z-index: 2;
}
.booking-forms-container.full{
height: auto;
transition: all 0.25s ease;
}
.booking-forms-container > img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.book-now--2 {
border-top: 1px solid #f0f0f0;
padding: 10px 0;
text-align: center;
background-color: #eee;
}
.book-now--2 .btn{
border-radius: 0px;
}
.rooms-list{display: none;}
.sbx-select__header{
padding: 10px;
}
.select-duration{
padding-top: 10px;
text-align: center;
}
/* modified by Gulshan on 18/06/2024, use same color as button */
.b247-searchbox
{
/* background-color: #f0f0f0; */
background-color: #00276c;
margin: 0;
padding: 10px 0;
}
#div_header_container:not(.image_overlapped) .searchbar_bg_transparent:not(.stickit)
{
background-color: rgba(0, 39, 108, 0.4);
}
#div_header_container:not(.image_overlapped) .searchbar_bg_transparent.stickit
{
background-color: rgba(0, 39, 108, 0.7);
}
.b247-promocode
{
margin: 5px 0 5px 17px;
}
.b247-searchbox input{
margin-right: 6px; position: relative; top: 2px;
}
.b247-searchbox label{
margin-bottom: 0;
}
.b247-searchbox .b247-button .btn:hover{
box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
}
.disable-field{
pointer-events: none;
}
.b247-sbx.sticky {
position: fixed;
width: 100%;
z-index: 999;
background-color: #a6a1a1;
padding: 10px 0;
transition: top 0.25s ease;
}
.b247-room-panel
{
border: none;
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
/* margin-bottom: 40px; */
margin-bottom: 15px;
position: relative;
}
.b247-room-panel.room_has_roomtype
{
margin-top: 30px;
}
.booking-summary
{
font-family: 'Lato', sans-serif;
overflow: hidden;
margin-bottom: 0;
}
.booking-summary .list-group-item
{
padding: 5px 9px;
}
.booking-summary .list-group-item-text
{
font-size: 13px;
}
.table-inline
{
font-size: 12px;
box-shadow: 0 0 10px rgba(0,0,0,0.25);
background-color: #f0f0f0;
margin: 8px 0;
}
.section-expand
{
overflow: hidden;
}
.section-expand--web.min
{
max-height: 370px;
}
.section-expand.max{
max-height: auto;
}
.booking-summary .list-group-item-heading{
font-family: 'Lato', sans-serif;
color: #a4a4a4;
font-size: 12px;
}
.panel{position: relative;}
.section-expander{
position: absolute;
bottom: 10px;
left: 30px;
margin-left: -20px;
}
.section-expander--2{
position: absolute;
bottom: -21px;
right: 10px;
margin-left: -20px;
left: auto;
}
.section-expander--3{
left: auto;
right: 15px;
top: 5px;
}
.section-expander--center{
text-align: center;
}
.section-expander .fa-circle{
color: #d5d5d5;
}
.section-expander__icon{
color: #868585;
}
.room-thumbs{
margin: 10px 0 0 20px;
}
.room-thumbs span{
margin: 0 0 10px 10px;
max-width: 200px;
max-height: 128px;
overflow: hidden;
}
.b247-room-panel .facilities li {
display: inline-block;
width: 25%;
margin-bottom: 10px;
vertical-align: top;
}
.b247-room-panel .facilities li:before {
content: "\f0a9";
margin-right: 5px;
font-family: 'fontawesome';
}
.room-promotion{
position: absolute;
right: 10px;
left: auto;
top: 15px;
background-color: #002b72;
color: #fff;
padding: 3px 14px;
box-shadow: 0 0 10px rgb(0, 45, 117);
}
.room-promotion .fa{
color: gold;
margin-right: 5px;
}
.auto-fill{float: right;}
.b247-room-panel .roomtype
{
position: absolute;
background-color: #97a8b4;
color: #fff;
padding: 2px 10px;
top: -24px;
border-radius: 0px;
left: 0;
border-radius: 10px 10px 0px 0px;
}
.b247-room-subheader{
background: #cfcfcf;
margin: 0px;
padding: 2px 5px 0px 5px;
font: bold 1.2em Arial, Helvetica, sans-serif;
text-align: center;
color: #00276c;
display: block;
}
.b247-room-subheader .header {
margin: 0;
font-weight: bold;
}
.b247-room-panel .table{
margin-bottom: 0;
}
.b247-room-panel .final-total-payable{
/*text-align: center;*/
}
.booking-room-details--2 .b247-room-panel__row > td,
.booking-room-details--2 .total-payable-row > td
{
vertical-align: middle
}
.b247-room-panel .sub-total {
/*font-weight: bold;*/
color: #006600;
}
.b247-room-panel .addons-total--2{
text-align: center;
}
.b247-room-panel__row > td
{
max-width: 70px;
border-bottom: 1px solid #ddd;
}
.total-payable-row > td
{
max-width: 70px;
}
.room-qty
{
display: inline-block;
}
.addon-quantity {
padding: 6px;
}
.panel .panel-body{
padding: 0;
}
.b247-room-facilities__title{
margin-bottom: 10px;
display: block;
}
.panel--2 .panel-body{
padding: 15px;
line-height: 24px;
}
.rooms-list{
padding-top: 1px;
}
.booking-step-h--2 {
overflow: hidden;
margin-bottom: 15px;
}
.booking-step-h .step-txt{
display: inline-block;
padding-top: 5px;
}
#div_bookingFormsContainer_root
{
padding-top : 10px;
padding-bottom: 10px;
}
.b247-discount-code
{
display: inline-block;
float: right;
position: relative;
width: auto;
text-align: right;
background-color: #FFF;
padding: 2px 5px;
border-radius: 4px;
}
.b247-discount-code > span
{
display: inline-block;
margin-right: 5px;
}
.b247-discount-code > a
{
display: inline-block;
/* background: #f0f0f0; */
padding: 0px 4px;
border-radius: 5px;
/* box-shadow: 0px 0px 5px pink; */
border: 1px solid;
line-height: 16px;
text-decoration: none !important;
}
.b247-discount-code > a:hover
{
background-color: #337ab7 !important;
color : #FFF !important;
}
#availableRooms > h3
{
background-color: rgba(255, 255, 255, 0.85);
padding: 4px 0px 4px 8px;
margin : 15px 0px !important;
border-radius: 12px 3px 3px 10px;
}
.b247-selected-departure{
font-weight: bold;
}
#promo_code{
min-width: 300px;
}
.b247-discount-code .btn {
position: absolute;
top: 0;
right: 0px;
border-radius: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background-color: #00296f;
border-color: #002b72;
}
.b247-room-panel > .panel-heading
{
/* background-color: #b9b9b9; */
/* border-color: #d3d7da; */
background-color: #00276c;
border-color: #00276c;
color : #FFFFFF;
}
.panel-heading .booking-print
{
margin-right: 10px;
display: inline-block;
}
.panel-heading .booking-print > a
{
background-color: #264f74;
color: #FFF;
text-decoration: none;
display: inline-block;
padding: 2px 10px;
border-radius: 3px;
cursor: pointer;
}
.panel-heading .booking-print > a:hover
{
background-color: #163149;
}
.panel-heading--2
{
position: relative;
}
.room-name--2 a
{
margin-right: 20px;
font-size: 20px;
/* color: #666; */
color : #FFF;
}
.room-name--2 .room-info{
font-size: 14px;
vertical-align: text-bottom;
/* color: #002d75; */
color: #ffffff;
}
.num-rooms--2{
width: 60px;
display: inline;
width: auto;
}
.booking-room-details--2 {
margin-bottom: 0;
}
.table th {
background: #d3d7da;
}
.booking-room-details--2 .error_row{
display: none;
}
.sbx-select__header {
padding: 0;
font-size: 12px;
padding-left: 35px;
position: relative;
border-bottom: 0;
}
.b247-searchbox .b247-button .btn {
height: auto;
border-radius: 0;
width: 100%;
padding: 1px 0 0 0;
box-shadow: 0px 0px 5px rgba(0,0,0,0.55);
transition: all 0.25s ease;
}
.b247-searchbox .b247-button .btn-avlbl--1{height: 45px;}
.nights-container--1{margin-left: 36px;}
.b247-searchbox .btn-text{
font-size: 17px;
letter-spacing: 1.15px;
}
.b247-searchbox .nights-container{
display: block;
font-size: 12px;
margin-bottom: 1px;
}
.b247-searchbox__unit{padding: 0 5px;}
.b247-searchbox__unit:last-child {padding-right: 15px; }
.b247-searchbox__unit:first-child {padding-left: 15px; }
.btn-cta {
border-radius: 0;
padding: 10px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.55);
transition: all 0.25s ease;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-cta:hover{
background-color: #5cb85c;
border-color: #4cae4c;
} .b247-searchbox .b247-button .btn:hover{
box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
transition: all 0.25s ease;
}
.b247-booking-final{
text-align: center;
position: relative;
}
.app-buttons{
position: absolute;
top: 13px;
right: 10px;
}
.b247-booking-final .app-buttons a {
display: block;
margin-bottom: 5px;
padding: 0;
margin-right: 0;
}
.app-buttons img{
max-width: 135px;
}
.b247-booking-final a{
color: #fff;
margin-right: 10px;
text-decoration: none;
font-size: 14px;
padding: 10px 25px;
}
.b247-booking-final a:last-child{
margin-right: 0;
}
.btn-print .icon{
margin-right: 8px;
}
.expand-section{
text-align: center;
display: none;
display: inline-block;
margin-right: 20px;
position: relative;
top: -4px;
}
.collapse-off{
overflow: hidden;
}
.expand-section a{
border: 2px solid #999;
border-radius: 39px;
display: none;
height: 25px;
width: 25px;
text-align: center;
font-size: 20px;
line-height: 23px;
color: #666;
}
.expand-section a:after{
content: '+';
}
.expand-section.active a{
line-height: 19px;
}
.expand-section.active a:after{
content: '-';
}
.expand-section a:hover, .expand-section a:focus{
text-decoration: none;
}
/* Search box styles ends */
/* jssor styles*/
/* jssor slider loading skin spin css */
.jssorl-009-spin img {
animation-name: jssorl-009-spin;
animation-duration: 1.6s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.jssora093 {display:block;position:absolute;cursor:pointer;}
.jssora093 .c {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
.jssora093 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
.jssora093:hover {opacity:.8;}
.jssora093.jssora093dn {opacity:.6;}
.jssora093.jssora093ds {opacity:.3;pointer-events:none;}
/*.jssort101 {top: 15px!important;}*/
.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:1px solid #fefefe;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .t {object-fit:cover !important;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}
.jssort101 > div {left: 0px !important; top: 0px !important;}
.jssort101 div {width: 100% !important; overflow: visible !important;}
.jssort101 .p {width: 120px !important;}
.jssort101 .p:nth-child(2) {left: 120px !important;}
.jssort101 .t{opacity: 1;}
/* jssor style ends*/
/* Carousel styles */
.b247-photos{
position: relative;
max-height: 480px;
}
.b247-photos-carousel{
max-height: none;
margin-top: 15px;
/*box-shadow: 2px 2px 13px rgba(0,0,0,0.55);*/
}
.b247-photos .owl-dots{
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
}
.b247-photos .owl-nav > div,
.addon-image-carousel .owl-nav > div,
.property__carousel .owl-nav > div{
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0,0,0,0.15);
color: #fff;
padding: 7px 10px;
font-size: 20px;
transition: background-color 0.25s ease;
}
.b247-photos .owl-nav > div:hover,
.addon-image-carousel .owl-nav > div:hover,
.property__carousel .owl-nav > div:hover{
background-color: rgba(0,0,0,0.35);
}
.b247-photos .owl-prev,
.addon-image-carousel .owl-prev,.property__carousel .owl-prev{
left: 10px;
}
.b247-photos .owl-next,
.addon-image-carousel .owl-next,
.property__carousel .owl-next{
right: 10px;
}
.b247-photos .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.property__carousel .owl-dots .owl-dot span {
opacity: 1;
}
.b247-photos .owl-dots .owl-dot span,
.property__carousel .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #fff;
opacity: 0.45;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
}
.b247-photos .owl-dot,
.property__carousel .owl-dot{
display: inline-block;
zoom: 1;
}
.b247-photos .item{
/*height:480px; */
max-height: 480px;
background-size: cover;
background-position: center center;
width: auto;
}
/* Carousel styles ends */
/* room carousel styles*/
.room-carousel, .room-carousel--single{
max-height: 360px;
overflow: hidden;
}
/*view booking*/
.cancel-reason-container{
display: none;
}
.footer{
background-color: #33b9db;
color: #fff;
font-size: 14px;
text-align: center;
padding: 10px 0;
}
.screen{
opacity: 0.25;
pointer-events: none;
}
/*Daily room rate details*/
.rates-collapse{
display: none;
}
.expand-rates:hover,
.expand-rates:focus{
text-decoration: none;
}
/* daily room details*/
table.daily-room-details {margin:0px; padding:1px; border:solid 1px #CCCCCC; width:100%;}
.daily-room-details th {background:#CCCCCC; padding:5px;
font:1em Arial, Helvetica, sans-serif; text-align:center; color:#FFFFFF;}
.daily-room-details th.room {width:auto;}
.daily-room-details th.date {width:25%;}
.daily-room-details th.rate {width:auto;}
.daily-room-details th.extra-adult {width:auto;}
.daily-room-details th.extra-child {width:auto;}
.daily-room-details th.total {width:15%;}
.daily-room-details td {background:#F9F9F9; vertical-align:top; text-align:center; }
.daily-room-details td.room-type {padding:5px 5px 2px 5px; border-top:dashed 1px #CCCCCC; vertical-align:top; text-align:left; font-size:1em;}
.daily-room-details td.room-type span.room-count{font-weight:normal; font-size:1em; font-style:italic; color:#666666;}
.daily-room-details td.date {padding:5px 5px 2px 5px; border-top:dashed 1px #CCCCCC; vertical-align:top; font-weight:normal; font-size:1em;}
.daily-room-details td.rate {padding:5px 5px 2px 5px; border-top:dashed 1px #CCCCCC; vertical-align:top; font-weight:normal; font-size:1em;}
.daily-room-details td.extra-adult {padding:5px 5px 2px 5px; border-top:dashed 1px #CCCCCC; vertical-align:top; font-weight:normal; font-size:1em; color:#00276c;}
.daily-room-details td.extra-child {padding:5px 5px 2px 5px; border-top:dashed 1px #CCCCCC; vertical-align:top; font-weight:normal; font-size:1em; color:#00276c;}
.daily-room-details td.sub-total {background:#F5F5F5; padding:5px 5px 2px 5px; border-top:dashed 1px #CCCCCC; vertical-align:top; font-size:1em;}
.daily-room-details td.inclusions {padding:5px 5px 2px 5px; vertical-align:top; text-align:left; font-size:12px;}
.daily-room-details td.room-subtotal {background:#d5d5d5; padding:3px; font:bold 1.2em Arial, Helvetica, sans-serif; text-align:right; color:#00276c;}
.daily-room-details td.room-subtotal label {text-align:right;}
.daily-room-details td.room-subtotal-payable {text-align:center; background:#d5d5d5; padding:3px; font:bold 1.2em Arial, Helvetica, sans-serif; color:#00276c;}
.daily-room-details td.room-subtotal-payable span {font:bold 1.2em Arial, Helvetica, sans-serif;}
.daily-room-details td.final-total {background:#d6ecfc; padding:3px; border-bottom:solid 3px #00276c; text-align:right; font:bold 1.2em Arial, Helvetica, sans-serif; color:#00276c;}
.daily-room-details td.final-total label {font:bold 1.2em Arial, Helvetica, sans-serif; color:#00276c;}
.daily-room-details td.final-totalpayable {text-align:center; background:#d6ecfc; padding:3px; border-bottom:solid 3px #00276c; font:bold 1.2em Arial, Helvetica, sans-serif; color:#00276c;}
.daily-room-details td.final-totalpayable span {font:bold 1.2em Arial, Helvetica, sans-serif;}
table.addons {margin:0px; padding:1px; border:solid 1px #CCCCCC; width:100%;}
.addons th {background:#CCCCCC; padding:5px;
font:1em Arial, Helvetica, sans-serif; text-align:center; color:#FFFFFF;}
.addons th.addons-checkbox {width: 2%; }
.addons th.addons-image {width: 10%;}
.addons th.addons-item {width: 20%;}
.addons th.addons-description {width: 50%;}
.addons th.addons-qty {width:10%;}
.addons th.addons-cost {width:10%;}
.addons th.addons-total {width:4%;}
.addons td {vertical-align:top; text-align:center;}
.addons td.addons-checkbox {border-bottom:dashed 1px #CCCCCC; padding:5px 5px 0px 5px; text-align:center;}
.addons td.addon-description {text-align: left;}
.addons td.addons-item {border-bottom:dashed 1px #CCCCCC; padding:2px 5px 2px 5px; text-align:center; font-size:1em;}
.addons td.addons-qty {border-bottom:dashed 1px #CCCCCC; padding:2px 5px 2px 5px;}
.addons td.addons-cost {border-bottom:dashed 1px #CCCCCC; padding:2px 5px 2px 5px; font-size:1em;}
.addons td.addons-subtotal {background:#F5F5F5; border-bottom:dashed 1px #CCCCCC; padding:2px 5px 2px 5px; font-size:1em;}
.addons td.addons-subtotal span {font-size:1em;}
.addons td.addons-total {background:#d5d5d5; text-align:center; font:1.2em Arial, Helvetica, sans-serif; color:#00276c;}
.addons td.addons-total label {background:#d5d5d5; text-align:right; font:bold 1.2em Arial, Helvetica, sans-serif; color:#00276c;}
.addons td.addons-total-payable {background:#d5d5d5; padding:3px; text-align:center; font:bold 1.2em Arial, Helvetica, sans-serif; color:#00276c;}
.addons td.addons-total-payable span {text-align:center; font:bold 1.2em Arial, Helvetica, sans-serif; color:#00276c;}
span.currency {font-weight:normal;}
.daily-room-details td.room-subtotal {
background: #d5d5d5;
padding: 3px;
font: 1.2em 'Lato', sans-serif;
text-align: right;
color: #00276c;
}
.daily-room-details td.room-subtotal label{
font-weight: normal;
}
.daily-room-details td.final-totalpayable {
text-align: center;
background: #d6ecfc;
padding: 3px;
border-bottom: solid 3px #00276c;
font: bold 1.2em Arial, Helvetica, sans-serif;
color: #00276c;
}
/* Guest form */
.b247-guest-form .form-group .form-control{
border-radius: 0;
background-color: #eee;
border: 0;
}
.b247-guest-form label{font-weight: normal;}
.b247-guest-form .form-group {
margin-bottom: 0;
overflow: hidden;
padding: 10px 0;
border-bottom: 1px solid #eee;
}
.b247-guest-form .form-group label {
position: relative;
top: 8px;
}
.b247-guest-form .form-control-inline{
display: inline-block;
width: auto;
}
.card-expiry span{
display: inline-block;
float: left;
margin-top: 6px;
}
.b247-guest-form .help-block{
font-size: 12px;
font-style: italic;
}
.terms-agree{
text-align: center;
font-size: 12px;
color: #a4a4a4;
}
.book-terms-style{
padding-left: 25px;
display: block;
text-align: left;
color: #888888;
font-size: 15px;
}
.book-terms-style .b247-h4 {
color: #232323;
}
.icon-valid .fa-circle{
color: #3aa73a;
}
.icon-error .fa-circle{
color: #e84134;
}
/* sticky footer */
.city-footer {
/*position: static;
bottom: 0;
width: 100%;
height: 60px;*/
background-color: #00276c;
}
/*Google maps*/
.map-wrapper{
position: relative;
}
.gm-label{
background-color: red;
}
.properties-toggle{
position: absolute;
top: 50px;
left: 11px;
z-index: 2;
background-color: white;
padding: 10px;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.properties-toggle__item{
font-weight: normal;
}
.properties-toggle__item label{
font-weight: normal;
margin-bottom: 0;
}
/*Styles for loader div and spinner*/
.loader-div {
position: fixed;
top: 50%;
left: 50%;
display: none;
background-color: #fff;
border-radius: 10px;
height: 200px;
width: 500px;
transform: translate(-50%, -50%);
z-index: 2;
box-shadow: 0 0 10px rgba(0,0,0,0.16);
}
.loader-div__text{
text-align: center;
padding: 10px;
}
.b247-photos__slides{width: 720px;}
.ld-text{
display: block;
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
}
.loader-div hr{
margin: 0;
}
.spinner {
margin: 40px auto;
width: 50px;
height: 40px;
text-align: center;
font-size: 10px;
}
.spinner > div {
background-color: #00276c;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
.availability-calendar .ui-datepicker{
width: 100% !important;
text-align: center;
box-shadow: none;
/*max-height: 392px;
margin-bottom: 20px;
overflow: hidden;*/
}
.availability-calendar .ui-datepicker-group{
/*min-height: 357px;*/
box-shadow: 0 0 10px rgba(0,0,0,0.10);
margin: 10px;
display: inline-block;
float: none;
}
.availability-calendar{
width: 75%;
margin: 0px auto;
}
.availability-calendar .available{
/*background-color: #a5ca9e59;*/
position: relative;
box-shadow: 0 0 1px rgba(0,0,0,0.15);
}
.available:hover {
background-color: #e2f9e2;
}
.availability-calendar .available a{
color: #00296f;
font-weight: bold;
}
/*.availability-calendar .available:before,
.availability-calendar .available:after {
position: absolute;
color: #abaaaa;
bottom: -3px;
font-size: 12px;
}
.availability-calendar .available:after{
content: "5";
right: 10px;
}
.availability-calendar .available:before{
content: "2";
left: 10px;
}*/
.unavailable{
background-color: #ff5050;
color: #fff;
-webkit-box-shadow: none;
box-shadow: 0 0 0 1px #fff;
}
.availability-calendar{
/*height: 404px;*/
overflow: hidden;
transition: height 0.25s ease;
}
.availability-calendar .available .ui-state-active{
color: #fff;
}
.availability-calendar.expand{
/*height: auto;*/
overflow: visible;
}
.acal__toggle{
margin-top: 10px;
text-align: center;
}
.btn-cta--2{
background-color: transparent;
border-radius: 0;
}
.btn-cta--2.btn-green{
color: #4cae4c;
}
.btn-cta--2.btn-green:hover,
.btn-cta--2.btn-green:focus{
color: #fff;
}
.b247-calendar{box-shadow: 0 0 10px rgba(0,0,0,0.156);margin:20px 0;}
.b247-calendar__container
{
overflow-x: auto;
overflow-y: hidden;
}
.b247-calendar__container table{margin-bottom: 0;}
.cal-nav{position: relative;height: 50px;background-color: #00296f;}
.cal-nav__date{display: inline-block;position: relative;}
.cal-nav__cal_min
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #FFF;
font-size: 1.3em;
background: #ffffff4a;
padding-left: 10px;
padding-right: 10px;
border-radius: 3px;
display: none;
}
.cal-nav__date .fa{position: absolute; right: 7px; top: 15px; color: #fff; font-size: 22px;}
.cal-nav__date input{position: relative; z-index: 2; color: #fff;background-color: rgba(255,255,255,0.2); height: 40px; border: none;margin-top: 5px;padding:10px;}
.cal-nav__item{display: inline-block; position: absolute;}
.cal-nav__item a{transition: all 0.275s ease;display: inline-block;padding: 15px 25px;color: #ffffff;}
.cal-nav__item a:hover {color: rgba(255,255,255,0.65);}
.cal-nav__prev{left: 10px;}
.cal-nav__prev span{display: inline-block; margin-left: 5px;}
.cal-nav__next{right: 10px;}
.cal-nav__next span{display: inline-block;margin-right: 5px;font-size: 13px;position: relative;}
.date-jumper{cursor:pointer;}
.date-jumper__datepicker.ui-datepicker{width:300px !important;}
.b247-calendar .roomtype-row{background-color: #f7f7f7;}
.b247-calendar .room-sold span{color: #fff; text-transform: capitalize;}
.b247-calendar .roomtype-row .fa{margin-right: 5px;}
.room-sold{background-color: #e58179;}
.room-available{position: relative; transition: all 0.25s ease;cursor: pointer;}
.room-available:hover{background-color: #efe0e0;color:#a3a3a3;}
.room-available a:hover{text-decoration: none;background-color: #66a759;}
.b247-calendar__footer span{margin-right: 10px;}
.b247-calendar__footer .fa{margin-right: 5px;}
.fa-unavailable .fa{color: #e58179;}
.room-name{color: #446090; white-space: nowrap; max-width: 270px; background-color: #e5e9f1; overflow: hidden; text-overflow: ellipsis;}
.date-title{height : 80px; background-color: #FFF;}
.room-name{height : 37px;}
.info-panel{background-color: #555; position: absolute; top: 45px; width: 200px; left: 0; z-index: 10;display: none;}
.info-panel:before{border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #555555; content: ""; position: absolute; left: 15px; top: -5px; }
.info-panel__entry {border-bottom: 1px solid rgba(255,255,255,0.15); overflow: hidden; padding: 5px 10px;color:#fff;}
.info-panel__entry span:first-child{float: left;}
.info-panel__entry span:last-child{float: right;}
.b247-calendar__footer{text-align: center; background-color: #9d9d9d; color: #fff; padding: 5px 0;}
.prop-question {margin: 15px 0 30px;}
.prop-question__heading {font-weight: bold; border-bottom: 1px solid #eaeaea; padding-bottom: 8px; margin-bottom: 12px;}
.prop-answers__unit { font-weight: normal; margin-right: 15px;}
.prop-answers__unit input{ vertical-align: text-bottom; margin-right: 5px;}
.booking-dates-edit{display: inline-block; font-size: 12px; padding: 2px 6px; background-color: #d3d7da; color: #607796; margin-left: 10px;}
.booking-dates-edit:hover{text-decoration: none;}
.booking-dates-edit .fa{margin-right: 5px;}
.stickit{
position: fixed;
z-index:3;
width: 100%
}
#search_box.stickit.force_no_stick
{
position: unset !important;
}
.b247-searchbox.stickit
{
top: 40px;
}
/* add by Gulshan on 18/06/2024 */
.b247-searchbox.stickit.has_div_sticky_logo_mini
{
top: 70px;
}
.top-menu.stickit
{
top: 65px;
}
.branding--sticky.stickit
{
display: inline-block;
left: 0;
top: 0;
}
.prop-contact.stickit
{
right: 0;
width: auto;
z-index: 4;
}
.b247-photos-carousel
{
/*margin-top: 139px !important;*/
}
.b247-photos-carousel [id^="propImage"]
{
object-fit : cover;
}
.info-container{position: fixed; bottom: 0; background-color: #fff; width: 100%; left: 0; padding: 10px 20px; box-shadow: 0 0 10px rgba(0,0,0,0.35); }
.info-container__item:nth-child(1){float: left; }
.info-container__item:nth-child(2){float: right; padding-top: 6px; color: #333; font-size: 16px; }
/* reviews */
.b247-reviews-main{
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.b247-reviews-main > div {
flex-grow: 1;
}
.b247-reviews-main__rating{
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
.b247-reviews-main__meta{
padding: 30px;
border: 3px solid #c6c6c6;
position: relative;
}
.b247-reviews-main__scoretext{
left: 0;
top: -9px;
}
.b247-reviews-main__count{
left: 0;
bottom: -9px;
}
.b247-reviews-main__badge{
position: absolute;
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 0;
z-index: 2;
}
.b247-reviews-main__badge span{
background-color: #757575;
padding: 0 5px;
color: #fff;
border-radius: 5px;
box-shadow: 0 0 6px rgba(0,0,0,0.35);
}
.b247-reviews-main__scoretext span{
background-color: #5cb85c;
}
.b247-reviews-main__score{
font-size: 50px;
}
.b247-reviews-main__rating .fa{
font-size: 40px;
color: #e5c207;
}
.b247-reviews__item{
margin-bottom: 15px;
}
.b247-review__comment{
font-style: italic;
}
.b247-rating__badge{
background-color: rgba(255,255,255,0.3);
color: white;
font-size: 10px;
letter-spacing: 2px;
box-shadow: 0 0 10px #104310;
margin-right: 8px;
padding: 0 0 0 5px;
text-transform: uppercase;
}
.b247-rating__badge span{
margin-left: 5px;
padding: 0 5px;
}
.b247-review__guest{
font-style: normal;
}
.b247-review__ratings{
display: none;
}
.b247-reviews__multi{
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.b247-reviews__cta{
text-align: center;
}
/*Media queries*/
@media screen and (max-width: 1200px){
.b247-calendar__container{overflow-x: auto;}
.b247-calendar__container{overflow-y: hidden;}
}
@media screen and (min-width: 992px){
.check-date-container {
border-radius: 0;
background-color: #fff;
padding: 5px 0;
}
.check-date-container--city{
width: 90%;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.branding--logo{
background-color: transparent !important;
}
.prop-contact{
float: left;
}
.check-date-container {
border-radius: 0;
background-color: #fff;
}
.csb-container{
width: 100%;
}
.check-date-container__icon:after{
display: none;
}
.check-date-container__icon:after{
left: 3px;
}
.check-date-container__drop:after{
right: 3px;
}
.check-date-container__head,
.check-date-container__text{
left: 10px;
}
.select-duration {
text-align: center;
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 767px){
.section-expand--mobile.min{
max-height: 170px
}
.check-date-container .form-control{height: 34px;}
.b247-searchbox__unit{padding-left: 15px; padding-right: 15px;}
.branding{
display: block;
text-align: center;
margin-bottom: 10px;
padding: 5px 0;
float: none;
}
.branding--logo{
padding: 0;
background-color: transparent !important;
}
.branding--sticky{display: none;}
.hotel-name{
margin: 0;
}
.top-menu{
display: block;
}
.b247-room-panel .facilities li{
width: 50%;
}
.top-menu-toggle{
display: none;
}
.hotel-name{float: none;width: 79%;margin-left: 11%;text-align: center}
.hotel-name a{font-size: 17px;}
.prop-contact span{float:left;}
#mt-booking-media{float:left;margin-top:5px;padding-left: 0px;}
.prop-contact #prop-contact-phone-media{margin-top:5px;padding: 1px 10px 1px 1px; margin-left: 0px!important;min-width:150px;text-align: left;}
.prop-contact .my-bookings-trigger {padding : 2px 10px;min-width: 150px;margin-bottom: 5px;text-align: left;}
.prop-contact span:nth-child(1) a{padding: 7px;}
.prop-contact span:nth-child(1),.prop-contact #prop-contact-phone-media{margin-left:5px;}
.prop-contact{float: left !important;width: 80%;margin-left: 12%;}
.prop-contact #languageOptions i{padding: 11px;}
.map-link-sm{
position: absolute;
/* bottom: 104px; */
top : 13px;
background-color: #00296f;
padding: 3px 10px;
/* border-bottom-left-radius: 3px; */
/* border-bottom-right-radius: 3px; */
border-radius: 3px;
left: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.45);
}
.prop-meta{
display: none;
}
.prop-contact{
display: block;
float: none;
text-align: center;
color: #fff;
}
.my-bookings__nav{
display: block;
}
.my-bookings .tab-content>.tab-pane{
padding: 15px;
}
.element-close{
top: -18px;
right: -3px;
}
.jssort101{
display: none !important;
}
.room-thumbs{
display: none;
}
.b247-photos__slides,
.b247-photos__slides div,
.b247-photos__slides img{
width: 960px;
}
/*.b247-top-photos-container{
height:245px;
}*/
#arrowRight {
right: -110px !important;
left: auto !important;
}
#languageOptions{color: #6f8bbb !important;}
.prop-contact span, .prop-contact a{
color: #ffffff;
}
.prop-contact .fa{
background-color: #718bb8;
margin-right: 5px;
font-size: 10px;
padding: 7px;
border-radius: 5px 5px 0 0;
}
.b247-room-panel{
margin-bottom: 50px;
}
.panel-body{
padding: 0;
}
.mqflag{
content: 'mobile';
opacity: 1;
}
.check-date-container{
margin: 5px 0;
}
.b247-searchbox{
margin: 1px;
padding: 0 0 5px;
}
.b247-section{
padding: 0 0 10px;
}
.b247-searchbox .row{
margin-right: 0;
margin-left: 0;
}
.b247-searchbox .b247-button{
margin-top: 0;
}
.b247-sbx .container {
padding: 0;
}
.sbx-select__header
{
text-align: center;
float: none;
display: block;
}
.check-date-container__head,
.check-date-container__text{
left: 50%;
transform: translateX(-50%);
}
.datepicker-inline,
.datepicker table{
width: 100%;
}
.content--map .first-heading{
margin-top: 0;
font-size: 20px;
}
#header{
background-color: #00276c;
border-top: 0;
}
.inactive-state{
display: block;
}
.location{
display: none;
}
.prop-logo{
float: left;
padding: 0;
}
.navbar-toggle{
margin-top: 13px;
z-index: 10;
margin-bottom: 0;
position: absolute;
padding: 3px 8px;
top : 0;
/* bottom: 104px; */
right: 0;
background-color: #00296f;
color: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.45);
}
.btn-currency-options{
padding: 1px 7px;
border-radius: 5px 5px 0px 0px;
color: #fff;
}
.top-menu__list li a{
padding: 12px 0;
}
.room-name--2 a{
display: block;
margin-bottom: 10px;
margin-right: 0;
text-align: center;
}
.room-qty{
display: block;
text-align: center;
}
.top-menu__list li{
display: block;
}
.booking-step-h--2{
text-align: center;
margin-bottom: 40px;
}
.step-txt{
display: none;
}
.b247-discount-code{
float: none;
}
.ui-datepicker td a,
.ui-datepicker td span{
text-align: center;
padding: 10px;
}
.b247-booking-final h3{
text-align: left;
}
.b247-booking-final .btn {
width: 230px;
margin-bottom: 10px;
}
.app-button{
top: 50%;
transform: translateY(-50%);
}
.availability-calendar{width: 100%;}
.availability-calendar .available:before{left: 5px;}
.availability-calendar .available:after{right: 5px;}
.availability-calendar .available:before,
.availability-calendar .available:after{
font-size: 11px;
}
.loader-div{
width: 320px;
}
.room-name{color: #446090; white-space: normal;}
.room-name span{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 125px; display: block;}
.room-promotion{top:-25px;right: 0; box-shadow: none;}
.check-date-container--1{width: 100%;text-align: center;}
.check-date-container--1 .fa-calendar{display: none;}
.nights-container--1{margin-left: 0;}
}
.nights-container > #nights
{
background: #f3e97a;
color: #000;
display: inline-block;
line-height: 1;
padding: 1px 4px;
border-radius: 10px;
}
@media screen and (max-width: 480px)
{
html{
height:100%;
min-height:100%;
}
body{
min-height:100%;
}
.addons-scroll{
overflow-y: auto;
}
.branding--logo img{
max-width: 200px;
max-height: 60px;
}
.b247-photos .item{
height:240px;
}
.cal-nav__date{display: none;}
.cal-nav__cal_min {display: block;}
/*.cal-nav__date .fa{left: 50%; transform: translateX(-50%);}*/
/*.cal-nav__item a{padding: 15px 0;}*/
.room-name--2 a{
font-size: 15px;
}
#header .container{
padding: 0;
}
.b247-section__header{
margin-top: 0;
margin-bottom: 20px;
font-size: 25px;
}
.b247-section{
padding: 20px 0;
}
.rooms-container select.form-control{
padding: 0px;
}
.addon-quantity {
padding: 6px 0;
}
.addons-qty > a{
display: block;
margin-right: 0;
}
}
.pac-container{z-index:999999 !important;}
.error_n{color:red;}
.pac-container{z-index:999999 !important;}
.addon .addon-image img,.addons .addon-image img{transition: transform .2s;}
.addon .addon-image img:hover,.addons .addon-image1 img:hover{transform: scale(4.5);cursor:pointer;}
#addonShowcase .addons-scroll table tr th{background: #6a6767;}
.td_cal_date_style
{
background-color: #efefef;
}
.tbody-td-style{background:#5c81a2;color:#ffffff;}
.div_sticky_logo_mini
{
display: inline-block;
}
.div_sticky_logo_mini > img
{
height: 50px;
max-width: 200px;
}
/* Full View Slider CSS */
#prop_main_slider_fullview .owl-prev
{
position: absolute;
color: #FFF;
top: 50%;
left: 0;
font-size: 2em;
transform: translate(10px, -50%);
}
#prop_main_slider_fullview .owl-next
{
position: absolute;
color: #FFF;
top: 50%;
right: 0;
font-size: 2em;
transform: translate(-10px, -50%);
}
#prop_main_slider_fullview .owl-nav
{
transition : all ease-in-out 500ms;
opacity: 0;
}
#prop_main_slider_fullview:hover .owl-nav
{
opacity : 1;
}
#prop_main_slider_fullview .owl-item > .item > img
{
object-fit : cover;
}
.searchbox_bring_to_front:not(.stickit)
{
/* position : absolute;
z-index : 3;
width: 100%; */
}
.rooms_list_background_image_style
{
background-size: cover;
background-position-x: 50%;
background-position-y: 50%;
/* background-attachment: fixed; */
margin-top: 15px;
box-shadow: 0px 0px 15px #000;
}
/* @media only screen and (max-width : 767.80px)
{
.div_header_desktop
{
display:none;
}
} */
@media only screen and (min-width : 768px)
{
#div_header_container
{
position: fixed;
width: 100%;
z-index: 10;
top: 0;
left: 0;
box-shadow: 0px 0px 10px #000;
}
#div_header_container.full_row .location
{
display: none;
}
#div_header_container.full_row .branding:not(.branding--sticky)
{
padding: 6px;
/* border-radius: unset; */
}
#div_header_container.full_row .branding.branding--logo
{
padding : 0px;
}
#div_header_container.full_row .branding.branding--logo img
{
max-height: 75px;
max-width: 150px;
}
#div_header_container.full_row .branding:not(.branding--sticky) .hotel-name
{
margin-bottom: 0px;
}
#div_header_container.full_row .branding:not(.branding--sticky) .property_self_rating
{
display: none;
}
#div_header_container.div_fullscreen_cover_style:not(.image_overlapped) #header
{
background-color: rgba(255, 255, 255, 0.5);
border-color: rgba(0, 39, 108, 0.5);
}
}
.div_header_mobi_content_container
{
padding: 5px;
}
.div_logo_style
{
float: left;
max-width : 30%;
}
.div_logo_style img
{
width: 100%;
max-width: 225px;
max-height : 125px;
}
@media only screen and (max-width : 991.80px)
{
.div_logo_style img
{
max-width: 150px;
max-height : 100px;
}
}
.div_nav_button_container_mobi
{
float : right;
text-align: right;
}
.div_nav_button_container_mobi_child
{
}
.div_nav_button_container_mobi_child > span
{
display: inline-block;
margin-left : 7px;
margin-bottom: 7px;
}
@media only screen and (min-width:768px)
{
#span_toggle_menu_mobi
{
display: none;
}
}
.div_nav_button_container_mobi_child > span > a
{
background-color: #00276c;
color: #fff;
padding: 7px 8px;
line-height: 10px;
border-radius: 3px;
display: inline-block;
min-width: 28px;
text-align: center;
text-decoration: none !important;
font-size : 1.1em;
}
.div_nav_button_container_mobi_child > span > a > span
{
margin-left: 5px;
}
@media only screen and (max-width:991.80px)
{
.div_nav_button_container_mobi_child > span > a > span
{
display: none;
}
}
.close > span
{
color: #000 !important;
}
#google_translate_element_mobi
{
background-color: #FFF;
padding: 4px 10px;
margin-top: 5px;
border-radius: 3px;
}
#google_translate_element_mobi > div
{
}
/* room image slide show */
.room-thumbs > span > img
{
cursor: pointer;
}
#div_room_image_slideshow_container_main
{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-color: rgba(0,0,0,0.7);
}
#div_room_image_slideshow_container_main > div
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/* height: 50px; */
/* width: 50px; */
background-color: #FFF;
max-height: 95%;
width: 95%;
max-width: 900px;
border-radius: 0px 0px 7px 7px;
}
#div_room_image_slideshow_container_main:not(.slideshow)
{
display: none;
}
#div_room_image_slideshow_slider_container
{
position: relative;
}
#div_room_image_slideshow_slider .owl-prev
{
position: absolute;
color: #FFF;
top: 50%;
left: 0;
font-size: 2em;
transform: translate(10px, -50%);
}
#div_room_image_slideshow_slider .owl-next
{
position: absolute;
color: #FFF;
top: 50%;
right: 0;
font-size: 2em;
transform: translate(-10px, -50%);
}
#div_room_image_slideshow_room_name
{
position: absolute;
bottom: 10px;
left: 10px;
z-index: 1;
background-color: rgba(0, 0, 0, 0.5);
color: #FFF;
display: inline-block;
max-width: calc(100% - 20px);
font-size: 1.2em;
padding: 5px 10px;
border-radius: 5px;
}
#div_room_image_slideshow_container_cancel
{
position: absolute;
top: 0;
right: 0;
z-index: 1;
transform: translate(50%, -50%);
font-size: 1.5em;
border-radius: 50%;
border: none;
background-color: red;
color: #FFF;
line-height: 0px;
padding: 3px 6px 4px;
}
#div_room_image_slideshow_container_main .div_mini
{
text-align: center;
padding: 5px;
display: flex;
column-gap : 10px;
justify-content: center;
overflow-y: hidden;
overflow-x: auto;
}
#div_room_image_slideshow_container_main .div_mini > div
{
display: inline-block;
/* flex-basis: 50px; */
flex : none;
cursor: pointer;
}
#div_room_image_slideshow_container_main .div_mini > div.active_image
{
position: relative;
}
#div_room_image_slideshow_container_main .div_mini > div.active_image::after
{
content : '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
width : 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
}
#div_room_image_slideshow_container_main .div_mini > div > img
{
height : 50px;
width : 50px;
object-fit: contain;
}
/* For Background image display, dark text not display correct, so adding white transparent bg color */
/* #accordion .container
{
background-color: rgba(255,255,255,0.5);
} */