html{
overflow-y: scroll;
}
body{
background-color: #f6fbff;
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;
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;
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;
}
.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;
}
.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;
overflow: hidden;
}
.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;
}
.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{
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;
}
.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 td.addons-item{
font-weight: bold;
}
.addons-qty{width: 20%;}
.addons-qty > a{
display: inline-block;
margin-right: 3px;
}
.addons-qty__input{
display: inline-block;
width: 55px;
}
.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: #eae6e6;
text-align: center;
}
.contact-details a{
font-weight: bold;
text-decoration: none;
}
.contact-details >div{
margin-bottom: 10px;
}
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: 7px 30px;
}
.check-date-container{
overflow: hidden;
}
.check-date-container .input-calendar-icon{
position: absolute;
z-index: 5;
top: 5px;
left: -4px;
}
.check-date-container .input-group-addon{
border: none;
border-radius: 0;
}
.check-date-container .form-control{
}
.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: 35px;
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;
}
.b247-searchbox {
background-color: #f0f0f0;
margin: 0;
padding: 5px 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;
position: relative;
}
.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;
}
.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;
}
.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{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;
}
.room-qty{
display: inline-block;
}
.addon-quantity {
padding: 6px 8px;
}
.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;
}
.b247-discount-code{
display: inline-block;
float: right;
position: relative;
width: 300px;
text-align: right;
}
.b247-selected-departure{
font-weight: bold;
}
#promo_code{
width: 100%;
}
.b247-discount-code .btn {
position: absolute;
top: 2px;
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: #d3d7da;
border-color: #d3d7da;
}
.room-name--2 a{
margin-right: 20px;
font-size: 20px;
color: #666;
}
.room-name--2 .room-info{
font-size: 14px;
vertical-align: text-bottom;
color: #002d75;
}
.num-rooms--2{
width: 60px;
display: inline;
width: auto;
}
.booking-room-details--2 {
margin-bottom: 0;
}
.table th {
background: #b9b9b9;
}
.booking-room-details--2 .error_row{
display: none;
}
.sbx-select__header {
padding: 8px;
display: inline-block;
float: left;
}
.b247-searchbox .b247-button .btn {
height: 35px;
border-radius: 0;
width: 100%;
padding: 7px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.55);
transition: all 0.25s ease;
}
.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 .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:bold 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-weight:bold; 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-weight:bold; 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:bold 1em Arial, Helvetica, sans-serif; text-align:center; color:#FFFFFF;}
.addons th.addons-checkbox {width:15px;}
.addons th.addons-item {width:auto;}
.addons th.addons-qty {width:60px;}
.addons th.addons-cost {width:auto;}
.addons th.addons-total {width:30%;}
.addons td {vertical-align:top; text-align:center;}
.addons td.addons-checkbox {border-bottom:dashed 1px #CCCCCC; padding:5px 5px 0px 5px; text-align:left;}
.addons td.addons-item {border-bottom:dashed 1px #CCCCCC; padding:2px 5px 2px 5px; text-align:center; font-weight:bold; 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-weight:bold; font-size:1em;}
.addons td.addons-subtotal {background:#F5F5F5; border-bottom:dashed 1px #CCCCCC; padding:2px 5px 2px 5px; font-weight:bold; font-size:1em;}
.addons td.addons-subtotal span {font-weight:bold; font-size:1em;}
.addons td.addons-total {background:#d5d5d5; padding:3px; text-align:center; font:bold 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;}
#booking_avg_cost {color:#00276c;}
span.currency {font-weight:normal;}
.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.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 .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 table{margin-bottom: 0;}
.cal-nav{position: relative;height: 50px;background-color: #00296f;}
.cal-nav__date{display: inline-block;position: relative;}
.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 .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;}
.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;}
/*Media queries*/
@media screen and (max-width: 1200px){
.b247-calendar__container{overflow-y: auto;}
}
@media screen and (min-width: 992px){
.check-date-container {
position: absolute;
width: 64%;
right: 25px;
border-radius: 0;
background-color: #fff;
}
.check-date-container--city{
width: 90%;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.check-date-container {
position: absolute;
width: 90%;
height: 45px;
right: 15px;
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){
.branding{
display: block;
text-align: center;
margin-bottom: 10px;
}
.hotel-name{
margin: 10px 0 20px;
}
.top-menu{
display: block;
}
.b247-room-panel .facilities li{
width: 50%;
}
.top-menu-toggle{
display: none;
}
.map-link-sm{
position: absolute;
bottom: -15px;
background-color: #00296f;
padding: 3px 10px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
left: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.25);
}
.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;
}
.prop-contact span, .prop-contact a{
color: #6f8bbb;
}
.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: 15px 0;
}
.b247-searchbox{
margin: 1px;
padding: 15px 0;
}
.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;
}
.branding{
padding: 8px 0 0 0;
float: none;
}
.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;
bottom: -15px;
right: 0;
background-color: #00296f;
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;
}
.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;}
}
@media screen and (max-width: 480px){
html{
height:100%;
min-height:100%;
}
body{
min-height:100%;
}
.addons-scroll{
overflow-y: auto;
}
.b247-photos .item{
height:240px;
}
.cal-nav__date{display: none;}
/*.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;
}
}
@media screen and (max-width: 360px){
.navbar-toggle{
/*float: none;*/
/*margin: 0;*/
}
}