.nearby-section .room-left {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}
.nearby-slider-top .nearby-section {
    margin-bottom: 10px;
}
.nearby-section .nearby-content strong {
    display: block;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.3px;
    color: #3c3c3c;
    min-height: 46px;
    margin-bottom: 6px;
    font-weight: 400;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.nearby-section .nearby-content strong a {
    color: inherit;
}
.nearby-section .nearby-content .btn {
    height: 32px;
    border-radius: 3px;
    position: absolute;
    z-index: 1;
    right: 8px;
    bottom: 15px;
    font-size: 16px;
    padding: 9px;
}
.hotel-percent,.new-property-text {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    border-radius: 4px 0 4px 0;
    background: #00b96e;
    border: solid 1px rgba(0, 185, 110, 0.6);
    color: #fff;
    text-align: center;
    width: 54px;
    margin-right: 5px;
    min-height: 26px;
    margin-bottom: 9px;
    font-weight: 400;
}
.hotel-review a,.hotel-review span {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #00b96e;
}
.hotel-cut-price {
    font-size: 14px;
    line-height: 26px;
    min-height: 26px;
    letter-spacing: 0.3px;
    text-align: left;
    color: #3c3c3c;
    opacity: 0.3;
    display: block;
    text-decoration: line-through;
}
.hotel-price {
    display: block;
    font-size: 22px;
    line-height: 26px;
    min-height: 26px;
    letter-spacing: 0.2px;
    color: #3c3c3c;
}
.save-rupees {
    display: block;
    font-size: 12px;
    line-height: 1;
    color: #00b96e;
    margin-bottom: 5px;
}
.wrap-price .hotel-cut-price {
    display: inline-block;
    padding-right: 2px;
}
.wrap-price .save-rupees {
    display: inline-block;
}
.breadcrumb {
    position: relative;
    z-index: 1;
}
.breadcrumb ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}
.breadcrumb ul li {
    font-size: 10px;
    line-height: 11px;
    letter-spacing: 0.2px;
    font-weight: 400;
    color: #4a4a4a;
    white-space: nowrap;
    position: relative;
    padding-right: 13px;
}
.breadcrumb ul li:last-child a {
    pointer-events: none;
}
.breadcrumb ul li a {
    display: block;
    position: relative;
    font-weight: 400;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #9b9b9b;
}
.breadcrumb ul li:after {
    content:'>';
    font-size:12px;
    color:#9b9b9b;
    right: 4px;
    top: 1px;
    padding:0 0 0px;
    position:absolute;
}
.breadcrumb ul li:last-child:after {
    display: none;
}
.breadcrumb ul li a:hover {
    color: #1b82ec;
}
.room-left {
    width: 74px;
    height: 21px;
    border-radius: 2px;
    background-color: #f52141;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    display: block;
}
.property-map {
    min-height: 156px;
}
.search-form-sticky {
    position: relative;
    left: 0;
    max-width: none;
    top: 0;
    z-index: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.search-form-sticky .search-form-collapsed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    max-width: 100%;
    background: none;
    padding: 0;
}
.search-form-sticky .search-form-collapsed form {
    background: #1e254a;
    padding: 24px 26px 20px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.search-form-sticky .search-section .search-form {
    display: none;
}
.search-form-sticky .search-section .input-daterange {
    float: left;
    width: 52%;
    margin-right: 15px;
}
.search-form-sticky .search-section .select-dates {
    float: left;
    width: 48%;
    margin-bottom: 0;
}
.search-form-sticky .search-section .select-dates + .select-dates {
    margin-left: 3.5%;
}
.search-form-sticky .custom-select {
    float: left;
    width: 25%;
    margin-right: 17px;
    margin-bottom: 0;
}
.search-form-sticky .btn {
    float: left;
    width: auto;
    margin-top: -4px;
}
.search-form-sticky.city-banner-form .search-section strong,.search-form-sticky.city-banner-form .search-section .destination .search-form-wrapper-sticky .search-section strong,.search-form-wrapper-sticky .search-section .destination {
    display: none;
}
 @media all and (max-width: 1032px) {
    .breadcrumb {
        padding-left: 10px;
    }
}
.detail-header {
    z-index: 3;
    -webkit-backface-visibility: visible;
    background: #ffffff;
}
.btn-disabled {
    opacity: 0.5 !important;
    filter: alpha(opacity=50) !important;
    pointer-events: none !important;
}
 .hide-item {
    display: none !important;
}
 .row-gutter {
    margin-left: -8px;
    margin-right: -8px;
}
 .row-gutter .item-gutter {
     padding-left: 8px;
     padding-right: 8px;
}
 .flex-cls {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .col {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%;
}
 .col-3 {
     -ms-flex: 0 0 33.3333%;
     flex: 0 0 33.3333%;
     max-width: 33.3333%;
}
 .col-6 {
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
}
 .align-items-top {
     -ms-flex-align: start!important;
     align-items: flex-start!important;
}
 .align-items-center {
     -ms-flex-align: center!important;
     align-items: center!important;
}
 .justify-content-start {
     -ms-flex-pack: start!important;
     justify-content: flex-start!important;
}
 .justify-content-center {
     -ms-flex-pack: center!important;
     justify-content: center!important;
}
 .justify-content-end {
     -ms-flex-pack: end!important;
     justify-content: flex-end!important;
}
 .justify-content-around {
     -ms-flex-pack: distribute!important;
     justify-content: space-around!important;
}
 .justify-content-between {
     -ms-flex-pack: justify!important;
     justify-content: space-between!important;
}
 .inner-header {
     padding: 26px 0;
}
 .inner-header .header-right a {
     color: #1e254a;
     font-size: 14px;
     font-weight: 500;
}
 .refer-friend {
     float: left;
     margin-right: 24px;
     margin-top: 10px;
}
 .refer-friend a {
     float: left;
}
 .refer-friend .bell-icon {
     width:18px;
     height: 20px;
}
 .inner-header .refer-friend .bell-icon {
     fill:#1e254a;
     stroke:#1e254a;
}
 .refer-friend .bell-wrap {
     float: left;
     margin-right: 28px;
     position: relative;
     margin-top: -3px;
}
 .refer-friend .notification {
     height: 10px;
     width: 10px;
     font-size: 8px;
     display: block;
     text-align: center;
     color: #1e254a;
     background: #fddc2c;
     position: absolute;
     right: -4px;
     bottom: 2px;
     z-index:1;
     border-radius: 50%;
}
 .inner-header .signup-section {
     float: right;
     background-color: rgba(216, 216, 216, 0);
     border: solid 1px #1e254a;
     width:140px;
     height: 36px;
     padding: 11px 17px 9px;
     border-radius: 4px;
}
 .signup-section li {
     float: left;
     width: 50%;
}
 .signup-section li + li {
     text-align: right;
     position: relative;
}
 .signup-section li + li:before {
     width: 1px;
     height: 14px;
     position: absolute;
     background: #1e254a;
     opacity: 0.4;
     border-radius: 50%;
     top: 0;
     left: 4px;
     content: "";
     z-index: 1;
}
 .signup-section li a {
     line-height: 1;
     display: block;
}
 .pdp-page {
     background-color: #ffffff;
     padding-top: 14px;
}
 .gallery-wrap .breadcrumb {
     margin-bottom: 14px;
}
.gallery-wrap .col-left {
    -ms-flex: 0 0 58.8%;
    flex: 0 0 58.8%;
    max-width: 58.8%;
}
.gallery-wrap .col-right {
    -ms-flex: 0 0 41.2%;
    flex: 0 0 41.2%;
    max-width: 41.2%;
}
 .gallery-wrap .hotel-title {
     padding-top: 14px;
     overflow: hidden;
}
 .gallery-wrap .hotel-title.landing-by-source {
     padding-top: 39px;
}
.booking-sec .room-info .col-left {
    margin-bottom: -8px;
    min-height: 68px;
}
 .hotel-title h1, .hotel-title h2 {
     margin-bottom: 2px;
     font-size: 20px;
     font-weight: bold;
     line-height: 24px;
     color: #3c3c3c;
}
.hotel-title h1 {
    float: left;
}
 .hotel-title h1 + .tag-name, .hotel-title h2 .tag-name {
     padding: 3px 11px;
     margin-left: 8px;
     border-radius: 14px;
     background-color: #f7fafa;
     border: solid 1px #bbbbbb;
     font-size: 10px;
     font-weight: normal;
     line-height: 16px;
     letter-spacing: normal;
     color: #4a4a4a;
     display: inline-block;
     vertical-align: top;
}
 .hotel-title + .hotel-location {
     font-size: 12px;
     line-height: 24px;
     color: #000000;
     letter-spacing: 0;
     font-weight: 400;
     margin-bottom: 10px;
}
 .hotel-title + .hotel-location .location_icon {
     margin-right: 0px;
     width: 14px;
     height: 14px;
     display: inline-block;
     position: relative;
     top: 3px;
     left: -3px;
     fill: #3c3c3c;
}
 .gallery-wrap {
     margin-bottom: 23px;
}
 .gallery-box .flexslider {
     margin: 0 0 10px;
     border: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none;
     overflow: hidden;
}
.gallery-box .gallery-row {
    min-height: 357px;
}
 .gallery-box {
     position: relative;
     min-height: 426px;
}
 .gallery-box img {
     max-width: 100%;
     display: block;
     cursor: pointer;
}
 .gallery-box .gallery-row li .image-caption, .gallery-box .gallery-row .gallery-slide-count {
     border-radius: 0px 4px 0 0px;
     background-color: rgba(0, 0, 0, 0.5);
     font-size: 11px;
     font-weight: normal;
     line-height: 18px;
     color: #ffffff;
     position: absolute;
     z-index: 1;
     bottom: 0;
     left: 0;
     padding: 0px 8px;
}
 .gallery-box .gallery-row .gallery-slide-count {
     border-radius: 4px 0 0 0;
     right: 0;
     left: auto;
}
 .gallery-box ul.slides li, .gallery-thumb .thumb-right .all-img {
     position: relative;
     overflow: hidden;
}
 .gallery-box .gallery-row ul.slides li {
     background: url(https://pimg.fabhotels.com/propertyimages/mainImage.png) no-repeat center center;
     background-size: cover;
     height: 357px;
     -webkit-backface-visibility: visible;
}
.gallery-box .gallery-row ul.slides li img {
     object-fit: cover;
     height: 100% !important;
}
 .sold-out .gallery-box .flexslider li img {
     -webkit-filter: grayscale(1);
     -moz-filter: grayscale(1);
     filter: grayscale(1);
}
 .gallery-box .flex-direction-nav a {
     font-size: 0;
     margin-top: -22px;
     height: 50px;
     width: 36px;
     opacity: 1;
     z-index: 1;
}
 .gallery-box .flex-direction-nav .flex-nav-prev a:before {
     transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     left: 20px;
}
 .gallery-box .flex-direction-nav a:before {
     content: '';
     border-left: 2px solid #fff;
     border-bottom: 2px solid #fff;
     height: 30px;
     width: 30px;
     transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
     -webkit-transform: rotate(-135deg);
     transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     position: relative;
     top: 10px;
     left: -20px;
     box-shadow: 0px 0px 6px 0px rgb(39, 15, 15, 0.6);
     -moz-box-shadow: 0px 0px 6px 0px rgb(39, 15, 15, 0.6);
     -webkit-box-shadow: 0px 0px 6px 0px rgb(39, 15, 15, 0.6);
}
 .gallery-box .flex-direction-nav a:hover {
     opacity: 0.6 !important;
}
.gallery-box .flex-direction-nav a:hover:before {
    box-shadow: none;
}
 .gallery-box .flex-direction-nav .flex-nav-prev a {
     left: 5px;
}
 .gallery-box .flex-direction-nav .flex-nav-next a {
     right: 5px;
}
 .gallery-box .flexslider:hover .flex-direction-nav .flex-next {
     opacity: 1;
     right: 5px;
}
 .gallery-box .flexslider:hover .flex-direction-nav .flex-prev {
     opacity: 1;
     left: 5px;
}
.gallery-box .flex-direction-nav .flex-nav-prev, .gallery-box .flex-direction-nav .flex-nav-next {
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    height: 50px;
    width: 40px;
    left: 0px;
}
 .gallery-box .flex-direction-nav .flex-nav-next {
    left: auto;
    right: 0px;
}
 .room-info-tag, .nearby-room-info-tag {
     position: absolute;
     left: 20px;
     top: 20px;
     z-index: 1;
     background-color: #ffffff;
     display: inline-block;
     padding: 2px 5px;
     font-size: 12px;
     font-weight: bold;
     line-height: 20px;
     letter-spacing: 0.3px;
     color: #f52141;
     min-width: 80px;
     text-align: center;
     border-radius: 2px;
}
 .gallery-thumb .thumb-img-wrap {
     float: left;
     width: calc(100% - 102px);
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     margin: 0;
}
 .gallery-thumb .thumb-img-wrap ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .gallery-thumb .thumb-img-wrap ul li {
     float: left;
     height: 57px;
     margin-left: 0;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     overflow: hidden;
     cursor: pointer;
    -webkit-backface-visibility: visible;
}
 .gallery-thumb .thumb-img-wrap ul li img {
    object-fit: cover;
    height: 100%;
}
 .gallery-thumb .thumb-img-wrap ul li::before {
     content: '';
     display: block;
     background-color: rgba(38, 38, 38, 0.52);
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 1;
     transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
}
 .gallery-thumb .thumb-img-wrap ul li:hover::before, .gallery-thumb .thumb-img-wrap ul li.flex-active-slide:before {
     background-color: rgba(38, 38, 38, 0);
}
 .gallery-thumb .thumb-img-wrap img, .gallery-thumb .thumb-right .all-img img {
     max-width: 92px;
}
 .gallery-thumb .thumb-right {
     float: right;
     width: 92px;
     height: 57px;
}
 .gallery-thumb .thumb-right .all-img {
     cursor: pointer;
     position: relative;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     overflow: hidden;
    height: 100%;
}
 .gallery-thumb .thumb-right .all-img img {
     object-fit: cover;
    height: 100%;
}
 .gallery-thumb .thumb-right .all-img .text {
     width: 100%;
     padding: 7px;
     position: absolute;
     z-index: 1;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-size: 14px;
     font-weight: 700;
     font-style: normal;
     font-stretch: normal;
     line-height: 20px;
     letter-spacing: 0.6px;
     text-align: center;
     color: #ffffff;
}
 .gallery-thumb .thumb-right .all-img:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.70);
     z-index: 0;
}
 .table-div {
     display: table;
     width: 100%;
     height: 100%;
}
 .table-div .table-cell {
     display: table-cell;
     vertical-align: middle;
}
.gl-filter-list.table-div .table-cell {
    display: block;
}
 .open-hotel-gl {
     overflow: hidden;
}
 .hotel-gl-popup,.hotel-room-gl-popup {
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100vw;
     height: 100vh;
     background: rgba(0, 0, 0, 0.95);
     overflow: hidden;
     z-index: -10;
     visibility: hidden;
     opacity: 0;
     transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
}
 .hotel-gl-popup.gl-popup-open, .hotel-room-gl-popup.room-gl-popup-open {
     z-index: 10;
     visibility: visible;
     opacity: 1;
}
 .gl-popup-close,.room-gl-popup-close {
     position: fixed;
     top: 30px;
     right: 30px;
     z-index: 10;
     width: 33px;
     height: 33px;
     overflow: hidden;
     cursor: pointer;
}
 .gl-popup-close .icon,.room-gl-popup-close .icon {
     width: 33px;
     height: 33px;
     stroke: #fff;
}
 .hotel-gl-wrap, .hotel-room-gl-wrap {
     width: 80%;
     max-width: 1032px;
     position: relative;
     z-index: 2;
     margin: 70px auto 30px;
     height: calc(100% - 100px);
     transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
}
.hotel-gl-popup-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
 .popup-gl-slider, .popup-gl-thumb,.room-popup-gl-slider, .room-popup-gl-thumb {
     margin: 0;
     background: transparent;
     border: none;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
}
 .popup-gl-thumb .slides li, .room-popup-gl-thumb .slides li {
     height: 57px;
    position: relative;
    -webkit-backface-visibility: visible;
}
 .popup-gl-thumb .slides li::before,.room-popup-gl-thumb .slides li::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     background-color: rgba(38, 38, 38, 0.52);
}
.popup-gl-thumb .slides li.flex-active-slide::before,.popup-gl-thumb .slides li:hover::before,.room-popup-gl-thumb .slides li.flex-active-slide::before,.room-popup-gl-thumb .slides li:hover::before {
     opacity: 0;
     filter: alpha(opacity=0);
}
.popup-gl-slider-wrap .popup-gl-slider.flexslider .flex-viewport:empty,.popup-gl-thumb.flexslider .flex-viewport:empty, .hotel-room-gl-popup .flexslider .flex-viewport:empty {
     height: auto;
}
.popup-gl-slider-wrap .flex-direction-nav .flex-disabled, .popup-gl-thumb-wrap .flex-direction-nav .flex-disabled, .gallery-row .flex-direction-nav .flex-disabled {
    display: block;
    opacity: 0.5 !important;
    filter: alpha(opacity=50);
    cursor: default;
    z-index: 1;
    pointer-events: none;
}
 .popup-gl-slider-wrap,.room-gl-slider-holder {
     height: calc(100% - 137px);
}
.gl-slider-holder {
     float: left;
     width: calc(100% - 320px);
     height: 100%;
}
.gl-slider-holder.gl-slider-full {
     width: 100%;
}
 .popup-gl-slide-text {
     padding-left: 60px;
     float: left;
     width: 320px;
     height: 100%;
     position: relative;
     overflow: hidden;
}
.popup-gl-slider-wrap .popup-gl-slider.flexslider, .room-popup-gl-slider.flexslider {
     position: relative;
     height: 100%;
}
.popup-gl-slider-wrap .popup-gl-slider.flexslider .flex-viewport, .room-popup-gl-slider.flexslider .flex-viewport {
     overflow: hidden;
}
.popup-gl-slider-wrap .popup-gl-slider.flexslider .flex-viewport, .popup-gl-slider-wrap .popup-gl-slider.flexslider .flex-viewport ul, .popup-gl-slider-wrap .popup-gl-slider.flexslider .flex-viewport ul li, .room-popup-gl-slider.flexslider .flex-viewport, .room-popup-gl-slider.flexslider .flex-viewport ul, .room-popup-gl-slider.flexslider .flex-viewport ul li {
     height: 100%;
}
.popup-gl-slider-wrap .flexslider .slides img, .room-popup-gl-slider.flexslider .flex-viewport ul li img {
     max-width: 100%;
     max-height: 100%;
     width: auto;
     height: auto;
     margin: 0 auto;
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     object-fit: contain;
}
.popup-gl-thumb .slides li img {
     height: 100%;
     object-fit: cover;
}
.gl-filter-list-wrap {
    margin: 44px 0 10px;
    text-align: left;
    line-height: 0;
    height: 26px;
    white-space: nowrap;
    position: relative;
}
 .gl-filter-list.table-div {
    display: block;
    width: calc(100% - 50px);
    overflow: hidden
}
.popup-gl-slide-count {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    line-height: 26px;
    border-bottom: solid 2px #999999;
    display: block;
    width: 50px;
    text-align: right;
    color: #999999;
}
.gl-filter-list-wrap .popup-gl-current-slide {
    color: #fff;
}
 .gl-filter-list ul {
     display: block;
     margin: 0;
     padding: 0;
}
 .gl-filter-list ul::after {
     content: '';
     border-bottom: solid 2px #999999;
     display: block;
}
 .gl-filter-list ul li {
     display: inline-block;
    margin-bottom: -2px;
    padding: 0 18px 6px;
    position: relative;
}
.gl-filter-list ul li span {
     font-size: 12px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 20px;
     color: #999999;
     display: block;
     cursor: pointer;
}
.gl-filter-list ul li.active span {
     color: #ffffff;
     font-weight : bold;
}
.hotel-room-gl-popup .gl-filter-list ul li span {
    cursor: default;
}
.gl-filter-list ul li.active a {
     color: #fff;
     font-weight: bold;
}
.gl-filter-list ul li.active:after {
     content: '';
     display: block;
     background: #ffffff;
     height: 2px;
     width: 100%;
     border-radius: 10px;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     position: absolute;
     left: 0;
     bottom: 0;
}
 .popup-gl-slide-text h5 {
     margin: 0 0 20px;
     font-size: 18px;
     font-weight: bold;
     line-height: 24px;
     color: #fff;
}
 .popup-gl-slide-text .services-list ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .popup-gl-slide-text .services-list ul li:before {
     content: '';
     position: absolute;
     top: 3px;
     left: 0;
     border: solid 1px #fff;
     display: block;
     width: 17px;
     height: 17px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
}
 .popup-gl-slide-text .services-list ul li:after {
     content: '';
     position: absolute;
     top: 8px;
     left: 4px;
     border-left: solid 1px #fff;
     border-bottom: solid 1px #fff;
     display: block;
     width: 10px;
     height: 5px;
     -moz-transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 .popup-gl-slide-text .services-list ul li {
     margin-bottom: 5px;
     padding-left: 30px;
     position: relative;
     font-size: 12px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 24px;
     letter-spacing: 0.5px;
     color: #fff;
}
.hotel-gl-popup .flex-direction-nav a:focus, .hotel-room-gl-popup .flex-direction-nav a:focus {
    outline: none;
}
.hotel-gl-popup .flex-direction-nav a, .hotel-room-gl-popup .flex-direction-nav a {
    font-size: 0;
    margin-top: -22px;
    height: 45px;
    width: 30px;
    opacity: 1;
}
.hotel-gl-popup .flex-direction-nav a:before, .hotel-room-gl-popup .flex-direction-nav a::before {
    content: '';
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    height: 30px;
    width: 30px;
    transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    position: relative;
    top: 7px;
    left: -8px;
}
.hotel-gl-popup .popup-gl-thumb .flex-direction-nav a, .hotel-room-gl-popup .room-popup-gl-thumb .flex-direction-nav a {
    margin-top: -15px;
    width: 15px;
    height: 30px;
    border-radius: 4px;
    background-color: #dfe3e8;
}
.hotel-gl-popup .popup-gl-thumb .flex-direction-nav a:before, .hotel-room-gl-popup .room-popup-gl-thumb .flex-direction-nav a::before {
    content: '';
    height: 9px;
    width: 9px;
    border-left: 1px solid #555;
    border-bottom: 1px solid #555;
    top: 11px;
    left: -5px;
}
.hotel-gl-popup .popup-gl-thumb .flex-direction-nav a.flex-prev:before, .hotel-room-gl-popup .room-popup-gl-thumb .flex-direction-nav a.flex-prev:before {
    left: 5px;
}
.hotel-gl-popup .flex-direction-nav .flex-nav-prev a:before, .hotel-room-gl-popup .flex-direction-nav .flex-nav-prev a:before {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    left: 7px;
}
.hotel-gl-popup .flex-direction-nav .flex-nav-prev a, .hotel-room-gl-popup .flex-direction-nav .flex-nav-prev a {
    left: -40px;
}
.hotel-gl-popup .flex-direction-nav .flex-nav-next a, .hotel-room-gl-popup .flex-direction-nav .flex-nav-next a {
    right: -40px;
}
.hotel-gl-popup .flexslider:hover .flex-direction-nav .flex-next, .hotel-room-gl-popup .flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: -40px;
}
.hotel-gl-popup .flexslider:hover .flex-direction-nav .flex-prev, .hotel-room-gl-popup .flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: -40px;
}
.hotel-gl-popup .popup-gl-thumb .flex-direction-nav .flex-nav-prev a, .hotel-room-gl-popup .room-popup-gl-thumb .flex-direction-nav .flex-nav-prev a {
    left: -10px;
}
.hotel-gl-popup .popup-gl-thumb .flex-direction-nav .flex-nav-next a, .hotel-room-gl-popup .room-popup-gl-thumb .flex-direction-nav .flex-nav-next a {
    right: -10px;
}
.hotel-gl-popup .popup-gl-thumb.flexslider:hover .flex-direction-nav .flex-next, .hotel-room-gl-popup .room-popup-gl-thumb.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: -10px;
}
.hotel-gl-popup .popup-gl-thumb.flexslider:hover .flex-direction-nav .flex-prev, .hotel-room-gl-popup .room-popup-gl-thumb.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: -10px;
}
.flex-direction-nav .flex-disabled {
    pointer-events: none;
}
.gl-scroll {
    padding-right: 6px;
    overflow-y: auto;
    height: 100%;
}
.gl-scroll::-webkit-scrollbar {
    width: 5px;
}
.gl-scroll::-webkit-scrollbar-track {
    border-radius:10px;
}
.gl-scroll::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:grey;
}
 .show-all-hotel {
    margin-bottom: 6px;
}
 .show-all-hotel .show-all-btn {
     position: relative;
     font-size: 12px;
     font-weight: bold;
     line-height: 16px;
     letter-spacing: normal;
     color: #379aff;
     cursor: pointer;
}
 .show-all-hotel .show-all-btn:after {
     margin-left: 5px;
     content: '';
     display: inline-block;
     border-left: 7px solid #379aff;
     border-top: 5px solid transparent;
     border-bottom: 5px solid transparent;
     border-right: 5px solid transparent;
}
 .hotel-detail-box {
     position: relative;
     padding: 17px 15px 15px;
     border-radius: 4px;
     background-color: #ffffff;
     border: solid 1px #bbbbbb;
}
 .source-link {
     padding: 8px 5px;
     position: absolute;
     top: -33px;
     right: 25px;
     border-radius: 4px;
     background-color: #f7fafa;
     border: solid 1px #bbbbbb;
     font-size: 12px;
     font-weight: normal;
     line-height: 22px;
     letter-spacing: normal;
     color: #6f6f6f;
     min-width: 155px;
}
.source-link span {
    text-align: center;
    width: 100%;
}
 .source-link svg {
     margin-left: 5px;
     width: 61px;
     height: 22px;
     vertical-align: bottom;
}
.source-link svg.ta_logo {
    width: 100px;
}
 .hotel-detail-box .review-area {
     border-bottom: solid 1px #dfdfdf;
     padding-bottom: 15px;
     margin-bottom: 16px;
}
 .hotel-detail-box .review-area .sold-out-text {
     display: none;
     font-size: 20px;
     font-weight: bold;
     line-height: 36px;
     letter-spacing: normal;
     text-align: center;
     color: rgba(91, 91, 95, 0.4);
     text-transform: uppercase;
}
 .sold-out .hotel-detail-box .review-area .sold-out-text, .sold-out .change-date-wrap {
     display: block;
}
.sold-out .hotel-detail-box .review-area .sold-out-text {
     text-align: right;
     padding-right: 10px;
}
 .hotel-detail-box .review-area ul {
     list-style: none;
     margin: 0;
     padding: 0 0 0 20px;
}
 .hotel-detail-box .review-area ul li {
     margin-bottom: 5px;
     padding-left: 20px;
     font-size: 12px;
     font-weight: normal;
     line-height: 16px;
     letter-spacing: normal;
     color: #4a4a4a;
     display: block;
}
 .hotel-detail-box .review-area ul li:last-child {
     margin-bottom: 0;
}
 .hotel-detail-box .review-area ul li .tick {
     margin: 1px 0 0 -20px;
     display: block;
     float: left;
     width: 14px;
     height: 14px;
}
 .rating .col:first-child {
     max-width: 53px;
}
 .rating .rating-value {
     vertical-align: top;
     padding: 8px 8px 6px 7px;
     border-radius: 4px 0 4px 0;
     margin-right: 6px;
     display: inline-block;
     color: #fff;
     font-size: 16px;
     font-weight: 500;
     font-style: normal;
     line-height: 22px;
     letter-spacing: 0.4px;
     background-color: #1e254a;
     text-transform: uppercase;
     min-width: 44px;
     text-align: center;
}
 .rating .rating-text {
     margin-bottom: 3px;
     display: block;
     font-size: 14px;
     font-weight: bold;
     line-height: 18px;
     color: #1e254a;
}
 .rating .rating-review {
     display: block;
     font-size: 12px;
     font-weight: normal;
     line-height: 16px;
     color: #4a90e2;
     cursor: pointer;
}
 .hotel-benefits {
     margin-bottom: 14px;
}
.restaurant_location {
    cursor: pointer;
}
 .hotel-benefits .heading {
     margin-bottom: 10px;
     font-size: 14px;
     font-weight: bold;
     line-height: 20px;
     letter-spacing: normal;
     color: #3c3c3c;
     display: block;
}
 .hotel-benefits ul {
     list-style: none;
     margin: 0;
     padding: 0 0 10px;
     min-height: 42px;
}
 .hotel-benefits ul li {
     margin-bottom: 10px;
     padding-left: 26px;
     font-size: 12px;
     font-weight: normal;
     line-height: 18px;
     letter-spacing: normal;
     color: #3c3c3c;
     position: relative;
}
 .hotel-benefits ul li a {
     font-weight: bold;
     color: #4a90e2;
}
 .hotel-benefits ul li .icon {
     fill: #3c3c3c;
     width: 20px;
     height: 20px;
     float: left;
     margin-left: -26px;
     margin-top: -2px;
}
 .hotel-benefits .free-benefits .text {
     margin-right: 5px;
     padding: 7px 8px;
     font-size: 12px;
     font-weight: normal;
     line-height: 18px;
     text-align: center;
     display: block;
     color: #3c3c3c;
     border-radius: 18px;
     background-color: #f7fafa;
     border: solid 1px rgba(187, 187, 187, 0.5);
}
.alert-ico {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.alert-ico svg {
    width: 100%;
    height: 100%;
}
.alert-ico .distance-vary-alert {
    display: none;
    position: absolute;
    width: 100%;
    right: -4px;
    top: -25px;
    background: #424349;
    color: #dadbe1;
    line-height: 24px;
    border-radius: 4px;
    padding: 0 7px;
}
.alert-ico:hover .distance-vary-alert {
    display: block;
}
.hotel-benefits .free-benefits .text:last-child {
    margin-right: 0;
}
 .hotel-benefits .free-benefits .text .tick {
     margin-right: 2px;
     margin-bottom: -2px;
     width: 14px;
     height: 14px;
}
 .booking-sec {
     margin-left: -15px;
     margin-right: -15px;
     margin-bottom: 15px;
     padding: 13px 15px;
     background-color: #f5f7fc;
     min-height: 192px;
}
 .search-section {
     padding: 0;
     background: none;
     border-radius: 0;
     box-shadow: none;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     justify-content: space-between;
}
 .search-section form {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     justify-content: space-between;
}
 .search-section .input-daterange {
     -ms-flex: 0 0 68.5%;
     flex: 0 0 68.5%;
     max-width: 68.5%;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     border-radius: 4px;
     background-color: #ffffff;
     border: solid 0.5px #bdbdbd;
     overflow: hidden;
}
 .search-section .custom-select {
     -ms-flex: 0 0 30%;
     flex: 0 0 30%;
     max-width: 30%;
}
 .search-section .select-box {
     border: solid 0.5px #bdbdbd;
     overflow: hidden;
}
 .search-section .select-dates {
     -ms-flex: 0 0 53%;
     flex: 0 0 53%;
     max-width: 53%;
     margin-bottom: 0;
}
 .search-section .select-dates + .select-dates {
     -ms-flex: 0 0 47%;
     flex: 0 0 47%;
     max-width: 47%;
}
 .search-section .select-dates input {
     line-height: 26px;
     letter-spacing: 0.3px;
     color: #1e254a;
     height: 43px;
}
 .search-section input::placeholder {
     color: #1e254a;
     opacity: 1;
}
 .search-section input:-ms-input-placeholder {
     color: #1e254a;
}
 .search-section input::-ms-input-placeholder {
     color: #1e254a;
}
 .select-box .guests-selected {
     font-size: 12px;
     line-height: 14px;
     letter-spacing: 0.4px;
     padding-left: 21px;
}
 .select-box span.person-icon-wrap {
     position: absolute;
     top: 12px;
     z-index: 1;
     height: 16px;
     width: 16px;
     border-radius: 50%;
     background: #1e254a;
     left: 8px;
}
 .select-box .person-icon {
     height: 16px;
     width: 16px;
     margin-left: -9px;
     margin-top: 0;
}
.search-section .select-dates .checkInBox {
    padding: 14px 10px 2px 34px;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    opacity: 1;
    letter-spacing: 0.4px;
    width: 100%;
}
.search-section .select-dates .checkOutBox {
    padding: 14px 10px 2px 18px;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    opacity: 1;
    letter-spacing: 0.4px;
    width: 100%;
}
.search-section .select-dates .checkInBox.date-selected,.search-section .select-dates .checkOutBox.date-selected {
    padding-top: 6px;
    color: #000;
    font-weight: 700;
    padding-bottom: 0;
}
 .search-section .select-dates .wrap-select-dates {
     box-shadow: none;
     border-radius: 0;
     background: #fff;
     height: 43px;
     position: static;
}
 .search-section .select-dates .wrap-select-dates .calendar-arrow {
     position: absolute;
     width: 1px;
     height: 40px;
     background: #bdbdbd;
     left: 0;
     top: 2px;
     display: block;
}
.search-section .calendar-arrow .calendar-icon-wrap {
     position: absolute;
     left: -7px;
     top: 13px;
     width: 14px;
     height: 14px;
     border: 1px solid #bdbdbd;
     border-radius: 50%;
     text-align: center;
     background: #fff;
}
 .search-section .calendar-arrow .icon {
     height: 8px;
     width: 10px;
     stroke-width: 0.1px;
     position: absolute;
     left: 0;
     top: 1px;
}
 span.searchCheckInDayBox {
     padding: 0 0 3px 35px;
     font-size: 12px;
     line-height: 14px;
     color: #000;
     letter-spacing: 0.4px;
     display: block;
     opacity: 0.4;
}
 span.searchCheckOutDayBox {
     padding: 0 0 3px 16px;
     font-size: 12px;
     line-height: 14px;
     color: #000;
     letter-spacing: 0.4px;
     display: block;
     opacity: 0.4;
}
span.checkInDayBox {
    padding: 0 0 3px 35px;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    letter-spacing: 0.4px;
    display: block;
    opacity: 0.4;
}
span.checkOutDayBox {
    padding: 0 0 3px 16px;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    letter-spacing: 0.4px;
    display: block;
    opacity: 0.4;
}
 .select-box .icon.arrow-icon {
     width: 13px;
     height: 14px;
     margin-top: 4px;
}
 .search-section .select-dates .icon.calendar-icon {
     top: 13px;
}
 .select-box span.guests-selected {
     color: #000;
}
 .select-dropdown-wrap span {
     padding: 8px 21px;
     font-size: 12px;
}
 .booking-sec .room-info {
     margin-bottom: 10px;
}
 .booking-sec .room-info .room-name {
     font-size: 14px;
     font-weight: bold;
     line-height: 20px;
     letter-spacing: normal;
     color: #4a4a4a;
     display: block;
}
 .booking-sec .room-info .text {
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: normal;
     margin-bottom: 5px;
     color: rgba(60, 60, 60, 0.36);
     display: block;
}
 .booking-sec .room-info span span {
     font-size: 10px;
     font-weight: normal;
     line-height: 12px;
     color: #b2b2b2;
}
 .booking-sec .col-right {
     text-align: right;
     line-height: 0;
     padding-left: 10px;
}
 .booking-sec .room-info .par-day-price {
     font-size: 20px;
     font-weight: bold;
     line-height: 28px;
     letter-spacing: normal;
     color: #3c3c3c;
     display: block;
}
 .booking-sec .room-info .par-day-price small {
     font-size: 12px;
     font-weight: normal;
     color: #9c9c9c;
}
 .booking-sec .room-info .total-wrap .total {
     font-size: 10px;
     font-weight: normal;
     line-height: 18px;
     color: #9c9c9c;
     display: inline-block;
}
 .booking-sec .room-info .total-wrap .price {
     font-size: 12px;
     font-weight: bold;
     line-height: 18px;
     letter-spacing: normal;
     color: #3c3c3c;
     display: inline-block;
}
.member-login {
    font-size: 12px;
    padding-bottom: 5px;
    text-align: right;
}
.member-login .login{
    color: #0191ff;
    cursor: pointer;
}
 .booking-btn-area .change-room {
     font-size: 12px;
     font-weight: bold;
     line-height: 16px;
     letter-spacing: normal;
     color: #379aff;
     cursor: pointer;
}
 .booking-btn-area .btn {
     padding: 10px;
     border-radius: 4px;
     font-size: 14px;
     font-weight: bold;
     line-height: 20px;
     letter-spacing: normal;
     color: #1e254a;
     text-transform: capitalize;
     min-width: 130px;
     display: inline-block;
}
 .date-less-area .text {
     margin-bottom: 40px;
     font-size: 12px;
     font-weight: normal;
     line-height: 20px;
     letter-spacing: normal;
     color: #ff0202;
}
 .date-less-area .booking-btn-area {
     text-align: right;
     line-height: 0;
}
 .date-less-area .btn.check-availability {
     min-width: 194px;
}
 .change-date-wrap {
     display: none;
}
.booking-sec .col-right.normal-landing-price .par-day-price {
    display: none;
}
.booking-sec .col-right.normal-landing-price .total-wrap .total {
    display: block;
}
.booking-sec .col-right.normal-landing-price .total-wrap .price {
    font-size: 20px;
    font-weight: 700;
    display: block;
    line-height: 28px;
}
.date-less-area.select-room {
    padding-top: 70px;
}
 .hotel-detail-box .amenities-icon {
     text-align: center;
     font-size: 10px;
     font-weight: normal;
     line-height: 16px;
     color: #3c3c3c;
}
 .hotel-detail-box .amenities-icon .icon-wrap {
     width: 20px;
     height: 20px;
     margin: 0 auto 8px;
     position: relative;
}
 .hotel-detail-box .amenities-icon svg {
     margin-bottom: 3px;
     width: 25px;
     height: 25px;
}
 .hotel-detail-box .amenities-icon .tooltip {
     left: -10px;
     right: auto;
     bottom: calc(100% + 5px);
     border-radius: 2px;
     background-color: rgba(0, 0, 0, 0.6);
     z-index: 2;
     display: none;
     transition: all 0.4s;
     -webkit-transition: all 0.4s;
     -ms-transition: all 0.4s;
     -o-transition: all 0.4s;
     -moz-transition: all 0.4s;
     font-size: 10px;
     font-weight: 400;
     line-height: 16px;
     letter-spacing: normal;
     color: #ffffff;
     min-width: auto;
     padding: 2px 4px;
}
 .hotel-detail-box .amenities-icon .tooltip:before {
     position: absolute;
     left: 16px;
     top: 100%;
     height: 0;
     width: 0;
     border-left: 3px solid transparent;
     border-bottom: 3px solid transparent;
     border-right: 3px solid transparent;
     border-top: 5px solid rgba(0, 0, 0, 0.6);
     content: " ";
     z-index: 1;
}
.hotel-detail-box .amenities-icon .tooltip:after {
    display: none;
}
.hotel-detail-box .amenities-icon .col:first-child .tooltip {
    left: -10px;
}
.hotel-detail-box .amenities-icon .col:first-child .tooltip:before {
    left: 16px;
}
.hotel-detail-box .amenities-icon .col:nth-child(2) .tooltip {
    left: -85px;
}
.hotel-detail-box .amenities-icon .col:nth-child(2) .tooltip:before {
    left: 95px;
}
.hotel-detail-box .amenities-icon .col:nth-child(3) .tooltip {
    left: -70px;
}
.hotel-detail-box .amenities-icon .col:nth-child(3) .tooltip:before {
    left: 77px;
}
.hotel-detail-box .amenities-icon .col:last-child .tooltip {
    left: auto;
    right: -30px;
}
.hotel-detail-box .amenities-icon .col:last-child .tooltip:before {
    left: auto;
    right:37px;
}
 .hotel-detail-box .amenities-icon .col {
     cursor: pointer;
     white-space: nowrap;
     padding: 0 15px;
     -ms-flex-preferred-size: initial;
     flex-basis: initial;
     -ms-flex-positive: initial;
     flex-grow: initial;
}
.hotel-detail-box .amenities-icon .col:first-child {
    padding-left: 0;
}
.hotel-detail-box .amenities-icon .col:last-child {
    padding-right: 0;
}
 .hotel-detail-box .amenities-icon .col:hover .icon-wrap .tooltip {
     display: block;
     visibility: visible;
     opacity: 1;
}
 .gl-btn-sticky {
     height: calc(100% - 120px);
}
 .gl-room-info-wrap h5 {
     margin-bottom: 20px;
}
 .room-info-list.with-icon li {
     padding-left: 24px;
}
 .room-info-list.with-icon li sup {
     font-size: 8px;
     line-height: 14px;
}
.gl-btn-sticky .gl-book-btn {
     position: absolute;
     bottom: 0;
     line-height: 0;
}
.gl-btn-sticky.btn-sticky-remove .gl-book-btn {
     position: relative;
     bottom: auto;
}
.btn-sticky-remove.gl-btn-sticky {
     height: 100%;
}
 .sold-out-message {
     display: flex;
     height: 80px;
     border-radius: 4px;
     background-color: rgba(241,83,19,.06);
     border: solid 1px rgba(241,83,19,.3);
     margin-top: 20px;
     margin-bottom: 30px;
     padding: 19px 30px 19px;
}
 .just-missed {
     margin-left: 15px;
     margin-right: 75px;
}
 .just-missed .just-missed-title {
     font-size: 16px;
     font-weight: 700;
     line-height: 20px;
     letter-spacing: 0.3px;
     color: #3c3c3c;
     display: block;
}
 .just-missed-date {
     padding-top: 4px;
}
 .just-missed-date span {
     font-size: 14px;
     line-height: 16px;
     letter-spacing: 0.3px;
     color: #1e254a;
     display: block;
}
 .just-missed-date span strong {
     font-weight: 700;
}
 .just-missed-date p {
     font-size: 14px;
     line-height: 16px;
     letter-spacing: 0;
     color: #14ac2d;
     margin-bottom: 0;
}
 .just-missed-date p a {
     font-size: 12px;
     font-weight: 700;
     line-height: 14px;
     letter-spacing: 0;
     color: #4a90e2;
}
 .sold-out-message .icon {
     width: 50px;
     height: 50px;
     margin-top: -6px;
}
.block-title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    color: #3c3c3c;
    line-height: 24px;
    text-transform: initial;
    display: block;
    margin-bottom: 15px;
}
 .metro-icon,.train-icon {
     width: 12px;
     height: 12px;
}
 .hotel-creater-wrapper {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-bottom: 20px;
}
 .caretaker-container{
     width: 49%;
}
 .caretaker-wrap {
     border-radius: 4px;
     background-color: #ffffff;
     border: solid 1px #e4e4e4;
     display: flex;
     padding: 48px 31px;
}
 .caretaker-pic {
     display: block;
     width: 80px;
     height: 80px;
     overflow: hidden;
     border-radius: 50%;
     margin-right: 18px;
}
 .caretaker-pic img {
    height: 80px;
     display: block;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     position: relative;
     left: 50%;
     transform: translateX(-50%);
}
 .caretaker-msg {
     width: calc(100% - 100px);
}
 .caretaker-container strong {
     width: 100%;
     display: block;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 0.1px;
     color: #4a4a4a;
     margin-bottom: 8px;
}
 .caretaker-container p {
     font-size: 12px;
     line-height: 19px;
     letter-spacing: 0.1px;
     color: rgba(74, 74, 74, 0.67);
}
 .room-description-card {
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border: solid 1px #bbbbbb;
     overflow: hidden;
     position: relative;
     margin-bottom: 20px;
}
 .left-section {
    background-color: #fff;
    padding: 20px 37px;
    min-height: 200px;
    -ms-flex: 0 0 76%;
    flex: 0 0 76%;
    max-width: 76%;
}
 .left-section h3, .left-section .room-type {
     margin-bottom: 15px;
     font-size: 16px;
     font-weight: bold;
     line-height: 20px;
     letter-spacing: 0.2px;
     color: #3c3c3c;
}
 .left-section .col-left {
     -ms-flex: 0 0 24.7%;
     flex: 0 0 24.7%;
     max-width: 24.7%;
}
 .left-section .col-middle {
     -ms-flex: 0 0 32.3%;
     flex: 0 0 32.3%;
     max-width: 32.3%;
}
 .left-section .col-right {
     -ms-flex: 0 0 43%;
     flex: 0 0 43%;
     max-width: 43%;
}
 .left-section .gl-open-icon {
     position: absolute;
     right: -8px;
     bottom: -8px;
     z-index: 1;
     border-radius: 50%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     display: block;
     width: 22px;
     height: 22px;
}
 .left-section .gl-open-icon svg {
     width: 22px;
     height: 22px;
}
 .room-pic {
     height: 102px;
     position: relative;
     cursor: pointer;
     background: url(https://pimg.fabhotels.com/propertyimages/mainImage.png) no-repeat center center;
     background-size: cover;
}
 .room-pic .room-info-tag {
    display: none;
    top: 8px;
    left: 8px;
}
 .room-pic img{
     width: 100%;
     height: 100%;
     object-fit: cover;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
}
 .room-description-detail {
     position: relative;
     padding-left: 30px;
}
 .room-description-detail ul{
     margin-top: -5px;
     width: 100%;
     display: block;
}
 .room-description-detail ul li{
     font-size: 12px;
     font-weight: 400;
     line-height: 30px;
     text-align: left;
     color: #4a4a4a;
}
 .room-description-detail ul li .icon {
     width: 14px;
     height: 14px;
     margin-bottom: -2px;
     margin-right: 10px;
     fill: #4a4a4a;
}
 .right-section {
     background-color: #f6f8fa;
     text-align: right;
     min-height: 215px;
     -ms-flex: 0 0 24%;
     flex: 0 0 24%;
     max-width: 24%;
}
 .right-section .content-box {
     padding: 20px 37px;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 1;
     background-color: #f6f8fa;
     width: 24%;
}
 .right-section .content-box .box-inner {
     text-align: right;
}
 .right-section .content-box .sold-text {
     display: none;
     width: 100%;
     font-size: 20px;
     font-weight: bold;
     line-height: 24px;
     letter-spacing: 1px;
     text-align: center;
     color: #1e254a;
     opacity: 0.4;
}
 .room-description-card .guest-detail-wrap {
     transform: translateX(0px);
     -moz-transform: translateX(0px);
     -webkit-transform: translateX(0px);
     height: 100%;
     width: 372px;
     background-color: #f6f8fa;
     position: relative;
     z-index: 1;
     -moz-transition: all 400ms ease-in-out;
     -webkit-transition: all 400ms ease-in-out;
     -o-transition: all 400ms ease-in-out;
     -ms-transition: all 400ms ease-in-out;
     transition: all 400ms ease-in-out;
}
 .room-description-card .guest-detail-wrap::after {
     content: '';
     display: block;
     width: 2px;
     top: 20px;
     left: 370px;
     bottom: 20px;
     background: rgba(151, 151, 151, 0.45);
     z-index: 1;
     position: absolute;
}
 .select-room.show-add-room-area .right-section .guest-detail-wrap {
     transform: translateX(-372px);
     -moz-transform: translateX(-372px);
     -webkit-transform: translateX(-372px);
}
 .guest-detail-wrap .inner-wrap {
     padding: 20px 38px;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
     text-align: left;
}
 .room-detail{
     margin-bottom: 20px;
     text-align: left;
     line-height: 0;
}
 .room-detail-wrap .room-detail:last-child {
     margin-bottom: 15px;
}
 .room-detail .room-no {
     min-width: 56px;
     font-size: 14px;
     font-weight: 400;
     line-height: 30px;
     display: block;
     color:#4a4a4a;
     float: left;
}
 .bminus,.bplus {
     padding: 2px;
     width: 30px;
     height: 30px;
     text-align: center;
     border-radius: 50%;
     font-size: 16px;
     font-weight: 400;
     line-height: 28px;
     display: block;
     color: #379aff;
     cursor: pointer;
     background-color: #ffffff;
     box-shadow: 0 1px 0 1px rgba(212, 212, 212, 0.5);
     float: left;
}
 .bminus.minus-disable, .bplus.plus-disable {
     opacity: 0.4;
     filter: alpha(opacity=40);
     pointer-events: none;
     color: #c7c7c7;
}
 .add-room{
     display: block;
     padding-left: 33px;
     float: left;
}
 .add-room .guest-val {
     padding: 0 24px;
     font-size: 14px;
     font-weight: bold;
     line-height: 30px;
     letter-spacing: 0.2px;
     color: #3c3c3c;
     display: block;
     float: left;
     min-width:107px;
}
 .add-room input[type="text"]{
     text-align: center;
     display: inline-block;
     border: none;
     background: none;
     font-size: 14px;
     font-weight: bold;
     line-height: 30px;
     letter-spacing: 0.2px;
     color: #3c3c3c;
     vertical-align: middle;
     -webkit-text-fill-color: #3c3c3c;
     width: 10px;
}
 .remove-link {
     line-height: 18px;
     text-align: left;
     display: block;
     padding: 6px 0 0 20px;
     float: left;
}
 .remove-link svg {
     width: 18px;
     height: 18px;
     fill: #3c3c3c;
}
 .remove-link.disable {
     opacity: 0.4;
     pointer-events: none;
}
 .add-link{
     text-align: left;
     display: inline-block;
}
 .add-link a {
     display: inline-block;
     font-size: 12px;
     font-weight: 700;
     line-height: 16px;
     text-align: left;
     color: #379aff;
}
 .add-link a.add-room-btn-disable {
     color: #cbcbcb;
     pointer-events: none;
}
 .error-msg-cls {
     display: none;
     margin-left: -20px;
     margin-right: -20px;
     margin-top: 14px;
     padding: 5px 20px;
     font-size: 12px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 16px;
     text-align: left;
     letter-spacing: normal;
     color: #aa3e3e;
     background-color: #fae6e6;
     max-width: 340px;
}
 .error-msg-cls strong {
     font-weight: 700;
}
 .content-box .discount-wrap {
     display: block;
     margin-bottom: 3px;
}
 .room-description-card .room-cut-price {
     margin-right: 4px;
     font-size: 12px;
     font-weight: 400;
     line-height: 20px;
     letter-spacing: 0.3px;
     color: rgba(60, 60, 60, 0.35);
     display: inline-block;
     text-decoration: line-through;
}
 .room-description-card .hotel-discount {
     font-size: 12px;
     font-weight: 700;
     line-height: 20px;
     letter-spacing: 0.3px;
     color: #00b96e;
     display: inline-block;
}
 .room-description-card .hotel-price {
     margin-bottom: 3px;
     font-size: 20px;
     font-weight: 700;
     line-height: 28px;
     color: #1e254a;
     display: block;
}
 .room-description-card .per-night-charge {
     margin-bottom: 15px;
     font-size: 12px;
     font-weight: normal;
     line-height: 20px;
     color: #9b9b9b;
     display: block;
}
 .credit-points {
     margin-top: 10px;
     display: block;
     font-size: 12px;
     font-weight: normal;
     line-height: 20px;
     letter-spacing: 0.1px;
     color: #12193d;
     white-space: nowrap;
}
 .credit-points svg {
     position: relative;
     top: 3px;
     width: 16px;
     height: 16px;
     margin-right: 3px;
}
.bonus {
    font-size: 12px;
}
.bonus svg {
    left: -8px;
    width: 13px;
    height: 13px;
    position: static;
    margin-right: 6px;
}
 .room-booked {
     font-size: 16px;
     font-weight: bold;
     font-style: normal;
     text-transform: capitalize;
     line-height: 20px;
     color: #1e254a;
     min-width: 155px;
     width: auto;
     display: inline-block;
     outline: 0;
     border-radius: 4px;
     padding: 10px 22px;
}
 .btn.remove-booked-room {
     background: transparent;
     border: solid 1px rgba(151, 151, 151, 0.4);
     color: #858585;
     font-size: 12px;
     font-weight: 400;
}
 .btn.remove-booked-room svg {
     margin-right: 5px;
     width: 13px;
     height: 13px;
     position: relative;
     top: 2px;
}
 .btn.remove-booked-room:hover {
     background: rgba(151, 151, 151, 0.10);
}
 .check-availability .right-section .discount-wrap, .check-availability .right-section .hotel-price, .check-availability .right-section .per-night-charge, .check-availability .right-section .credit-points,.check-availability .right-section .bonus, .check-availability .right-section .select-room-btn,.check-availability .right-section .remove-booked-room,.select-room .right-section .check-availability-btn,.select-room .right-section .remove-booked-room,.select-room.show-add-room-area .right-section .select-room-btn,.sold-out-card .right-section .content-box .box-inner{
     display: none;
}
 .select-room.show-add-room-area .right-section .remove-booked-room, .sold-out-card .right-section .content-box .sold-text, .sold-out-card .room-pic .room-info-tag {
     display: inline-block;
}
 .sold-out-card .room-pic img {
     -webkit-filter: grayscale(1);
     -moz-filter: grayscale(1);
     filter: grayscale(1);
}
 .pos-absolute {
     position: absolute;
     bottom: 0;
     width: 100%;
}
 .check-availability .right-section .content-box.flex-cls {
     -ms-flex-pack: center!important;
     justify-content: center!important;
}
 .recommeded-room {
     margin-bottom: 20px;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     overflow: hidden;
     border: solid 2px #f5a623;
}
 .recommeded-room .info-text {
     padding: 14px 35px;
     font-size: 14px;
     font-weight: normal;
     line-height: 24px;
     letter-spacing: normal;
     color: #1e254a;
     background-color: #fce5c0;
     position: relative;
}
 .recommeded-room .room-description-card {
     margin-bottom: 0;
     border: none;
     border-bottom: solid 1px #bbbbbb;
     border-radius: 0px;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
}
 .recommeded-room .room-description-card:last-child {
     border-bottom: none;
}
.recommeded-room .info-text .member-login{
    font-size: 16px;
    background: #f6fbc5;
    border-radius: 4px;
    padding: 7px 17px;
    position: absolute;
    top: 7px;
    right: 5px;
}
 .all-amenities {
     overflow: hidden;
     margin-bottom: 20px;
}
 .room-features {
     overflow: hidden;
     border-radius: 4px;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     background-color: #ffffff;
     border: solid 1px #e4e4e4;
     padding: 30px 37px 0 37px;
}
 .room-features ul {
     overflow: hidden;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .room-features li {
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
     padding-bottom: 25px;
}
 .amenities-icon svg, .amenities-icon img {
     width: 24px;
     height: 24px;
     line-height: 0;
     vertical-align: top;
}
 .room-features li span {
     display: inline-block;
     width: auto;
     vertical-align: middle;
     margin-right: 10px;
}
 .room-features li span.text {
     font-size: 14px;
     line-height: 27px;
     letter-spacing: 0;
     color: #3c3c3c;
}
 .more-data-control {
     overflow: hidden;
}
 .prefer-hotel {
     overflow: hidden;
     padding-top: 5px;
     margin-bottom: 20px;
}
 .prefer-hotel p {
     font-size: 14px;
     line-height: 21px;
     letter-spacing: 0;
     text-align: left;
     color: #3c3c3c;
     margin-bottom: 13px;
}
.prefer-hotel .prefer-hotel-wrap strong {
    display: block;
    margin-bottom: 7px;
}
 .prefer-hotel ul {
     padding-left: 17px;
     margin-bottom: 23px;
}
 .prefer-hotel ul li {
     font-size: 14px;
     line-height: 22px;
     letter-spacing: 0;
     text-align: left;
     color: #3c3c3c;
     position: relative;
}
 .prefer-hotel ul li::before {
     content: "";
     width: 4px;
     height: 4px;
     border-radius: 50%;
     background-color: #4a4a4a;
     position: absolute;
     left: -15px;
     top: 8px;
}
.prefer-hotel ul:last-child,.prefer-hotel p:last-child{
    margin-bottom: 5px;
}
 .prefer-hotel-wrap {
     margin-bottom: 3px;
}
 .prefer-hotel-wrap.hide_data {
     height: 115px;
     overflow: hidden;
     position: relative;
}
.prefer-hotel-wrap.hide_data:after {
    content: "";
    background: hsla(0,0%,100%,0);
    background: -webkit-linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
    background: -moz-linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
    background: -o-linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
    background: -ms-linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
    height: 60px;
    width: 100%;
    position: absolute;
    pointer-events: none;
    z-index: 1;
    bottom: 0px;
    left: 0;
}
 .prefer-hotel-data-wrapper {
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     background-color: #ffffff;
     border: solid 1px #e4e4e4;
     padding: 30px 37px 10px;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
}
.distance-vary-alert {
    font-size: 12px;
    color: #75767c;
    line-height: 30px;
}
 .view-more,.view-less {
     font-size: 14px;
     line-height: 30px;
     font-weight: 400;
     letter-spacing: 0px;
     text-align: right;
     color: #379aff;
     float: right;
     cursor: pointer;
}
.faq-container .view-more {
    margin-top: -25px;
}
.faq-container ul {
    margin-bottom: 0px;
}
 .view-less {
    display: none;
}
.answer-order + * {
    display: inline-block;
    vertical-align: top;
}
.review-main-section {
    margin-bottom: 21px;
}
.review-main-wrapper {
     border-radius: 5px;
     background-color: #ffffff;
     border: solid 1px #e4e4e4;
}
.rating-top-section {
     margin-bottom: 10px;
}
.rating-top-section .block-title {
     float: left;
     padding-bottom: 0;
     padding-top: 5px;
     margin-bottom: 0;
}
.review-top-wrapper {
     padding: 25px 37px;
     background-color: rgba(240, 242, 250, 0.67);
}
.review-top-wrapper .rating {
     -ms-flex: 0 0 18%;
     flex: 0 0 18%;
     max-width: 18%;
     margin-right: 1%;
     border-right: 1px solid #eae6e6;
     padding-top: 9px;
     padding-bottom: 9px;
     padding-right: 10px;
}
.review-top-wrapper .rating + .free-benefits + .col {
    -ms-flex: 0 0 18.5%;
    flex: 0 0 18.5%;
    max-width: 18.5%;
}
.review-top-wrapper .rating .rating-value {
     font-size: 20px;
     line-height: 28px;
     font-weight: 700;
     min-width: 58px;
     text-align: center;
}
.review-top-wrapper .rating .col:first-child {
     max-width: 72px;
}
.review-top-wrapper .rating .rating-review {
     font-size: 14px;
}
.review-top-wrapper .rating .rating-text {
     margin-bottom: 8px;
}
.review-top-wrapper .rating .rating-review {
     cursor: default;
     color: #9b9b9b;
}
.review-top-wrapper .review-area {
     align-items: center;
}
.review-top-wrapper .free-benefits {
     border-right: 1px solid #eae6e6;
     padding-right: 1%;
     padding-top: 12px;
     padding-bottom: 12px;
     -ms-flex: 0 0 62.5%;
     flex: 0 0 62.5%;
     max-width: 62.5%;
     text-align: center;
}
.review-top-wrapper .free-benefits .text {
     margin-right: 4px;
     padding: 8px 10px;
     font-size: 12px;
     font-weight: normal;
     line-height: 18px;
     height: 35px;
     text-align: center;
     display: inline-block;
     color: #3c3c3c;
     border-radius: 18px;
     background-color: #f7fafa;
     border: solid 1px rgba(187, 187, 187, 0.5);
}
.review-top-wrapper .free-benefits .text .tick {
     margin-right: 2px;
     margin-bottom: -2px;
     width: 14px;
     height: 14px;
}
.review-top-wrapper ul {
     margin: 0;
     padding: 0 0 0 10px;
}
.review-top-wrapper ul li {
     padding-left: 20px;
     font-size: 12px;
     font-weight: normal;
     line-height: 16px;
     letter-spacing: normal;
     color: #4a4a4a;
     display: block;
}
.review-top-wrapper ul li + li {
     margin-top: 5px;
}
.review-top-wrapper ul li .tick {
     margin: 1px 0 0 -20px;
     display: block;
     float: left;
     width: 14px;
     height: 14px;
}
 .custom-select-box-wrap .text {
     font-size: 12px;
     line-height: 34px;
     letter-spacing: 0.1px;
     color: #3c3c3c;
     margin-right: 13px;
}
 .custom-select-box {
     float: right;
     width: 220px;
}
 .custom-select-box select {
     padding: 10px 30px 10px 15px;
     margin: 0;
     height: 44px;
     border-radius: 4px;
     background-color: #ffffff;
     border: 1px solid #c8c7c3;
     color:#379aff;
     outline:none;
     display: inline-block;
     -webkit-appearance:none;
     -moz-appearance:none;
     appearance:none;
     cursor:pointer;
     width: 100%;
}
 .custom-dropdown-box .custom-dropdown-text {
     position: relative;
     padding: 10px 30px 10px 13px;
     height: 34px;
     border-radius: 4px;
     background-color: #ffffff;
     border: solid 1px #c8c7c3;
     font-size: 12px;
     line-height: 14px;
     letter-spacing: 0.1px;
     color:#3c3c3c;
     cursor:pointer;
}
 .custom-select-box label {
     position:relative;
}
 .custom-select-box label:after, .custom-dropdown-box .custom-dropdown-text:after {
     content:'';
     color:#3c3c3c;
     -webkit-transform:rotate(-45deg);
     -moz-transform:rotate(-45deg);
     -ms-transform:rotate(-45deg);
     transform:rotate(-45deg);
     font-size: 14px;
     right: 10px;
     top: 0;
     padding:0 0 0;
     position:absolute;
     pointer-events:none;
     border-left: 1px solid #3c3c3c;
     border-bottom: 1px solid #3c3c3c;
     width: 9px;
     height: 9px;
}
 .custom-select-box label:before, .custom-dropdown-box .custom-dropdown-text:before {
     content:'';
     right:6px;
     top:0;
     position:absolute;
     pointer-events:none;
     display:block;
}
 .custom-dropdown-box .custom-dropdown-text:after {
     top: 10px;
}
 .custom-dropdown-box .custom-dropdown-text .text {
     float: left;
     display: block;
}
 .custom-dropdown-box .custom-dropdown-val {
     max-width: 118px;
     display: inline-block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     float: left;
     font-weight: 700;
}
 .custom-select-box-wrap {
     float: right;
     white-space: nowrap;
     display: flex;
}
 .custom-dropdown-box {
     position: relative;
     min-width: 150px;
}
 .custom-dropdown-box .custom-dropdown-list {
     display: none;
     position: absolute;
     z-index: 2;
     width: 100%;
     left: 0;
     top: 100%;
     -moz-border-radius: 0 0 4px 4px;
     -webkit-border-radius: 0 0 4px 4px;
     border-radius: 0 0 4px 4px;
     background-color: #ffffff;
     box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.15);
     overflow: hidden;
}
 .custom-dropdown-box .custom-dropdown-list li {
     padding: 10px 15px;
     font-size: 12px;
     font-weight: normal;
     line-height: 20px;
     letter-spacing: normal;
     text-align: left;
     color: rgba(0, 0, 0, 0.8);
     cursor: pointer;
}
 .custom-dropdown-box .custom-dropdown-list li.active, .custom-dropdown-box .custom-dropdown-list li:hover {
     background-color: rgba(0, 0, 0, 0.05);
}
.customer-review {
     clear: both;
     width: 100%;
     margin-bottom: 0;
     border: none;
     padding: 30px 37px 66px 37px;
}
.custom-select-box {
     margin-top: 10px;
}
.pagination {
     padding-top: 32px;
     text-align: center;
}
.review-container-wrap {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
.review-container {
    border-radius: 4px;
    background-color: #fff;
    padding: 15px 24px;
    min-height: 148px;
    margin-bottom: 14px;
    border:1px solid #eee;
}
.customer-review-wrap {
     position: relative;
}
.customer-review-wrap ul {
     margin-left: -7px;
     margin-right: -7px;
}
.customer-review-wrap ul li {
     padding-left: 7px;
     padding-right: 7px;
}
.customer-review-wrap.video-review-added {
     padding-left: 33.33%;
}
.customer-review-wrap.video-review-added .col-3:first-child {
     position: absolute;
     top: 0;
     left: -7px;
     -ms-flex: 0 0 33.3333%;
     flex: 0 0 33.3333%;
     max-width: 33.3333%;
}
.customer-review-wrap.video-review-added .col-3 {
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
}
.review-top {
     display: block;
     border-bottom: 1px solid #eee;
     margin-bottom: 10px;
     padding-bottom: 5px;
}
.review-top .review-point {
     font-size: 12px;
     font-weight: bold;
     line-height: 26px;
     letter-spacing: 0.3px;
     text-align: center;
     color: #1e254a;
}
.review-top .review-avg {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.1px;
    color: #1e254a;
    border-left: 1px solid rgba(151, 151, 151, 0.44);
    padding-left: 8px;
    margin-left: 8px;
    font-weight: 700;
    text-transform: uppercase;
}
.review-middle {
     opacity: 0;
     font-size: 12px;
     line-height: 16px;
     letter-spacing: 0.2px;
     color: #3c3c3c;
     margin-bottom: 4px;
}
.review-middle .review-full-text {
    display: none;
}
.review-middle .read-more-btn {
     color: #379aff;
     cursor: pointer;
}
.review-bottom {
     font-size: 12px;
     line-height: 22px;
     letter-spacing: 0.2px;
     color: #9b9b9b;
}
 .hotel-policy {
     margin-bottom: 30px;
}
 .hotel-policy-top {
     padding: 32px 37px 20px 37px;
}
 .hotel-policy-top ul {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .hotel-policy-top ul li {
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
     margin-bottom: 26px;
     padding-right: 15px;
}
 .hotel-policy-top ul li span {
     font-size: 12px;
     line-height: 14px;
     letter-spacing: 0.2px;
     color: #9c9c9c;
     display: block;
     margin-bottom: 4px;
}
 .hotel-policy-top ul li strong {
     font-size: 14px;
     font-weight: 400;
     line-height: 19px;
     letter-spacing: normal;
     color: #3c3c3c;
     display: block;
}
 .hotel-policy-bottom {
     display: flex;
     padding: 28px 37px;
     background-color: rgba(240,242,250,0.67);
}
 .hotel-policy-bottom strong {
     font-size: 14px;
     font-weight: 400;
     line-height: 16px;
     letter-spacing: 0.3px;
     color: #4a4a4a;
     display: block;
     margin-bottom: 11px;
}
 .hotel-policy-bottom ul {
     margin-bottom: 25px;
}
 .hotel-policy-bottom ul li {
     position: relative;
     font-size: 12px;
     line-height: 14px;
     letter-spacing: 0.3px;
     color: #4a4a4a;
     padding-left: 15px;
     margin-bottom: 6px;
}
 .hotel-policy-bottom ul li:before {
     height: 4px;
     width: 4px;
     position: absolute;
     left: 0;
     top: 4px;
     background: #4a4a4a;
     content: "";
     display: block;
     border-radius: 50%;
}
 .hotel-policy-bottom ul li b {
     color: #3c3c3c;
}
 .hotel-policy-bottom-left {
     width: 50%;
     padding-right: 40px;
}
 .hotel-policy-bottom-right {
     width: 50%;
     padding-right: 0;
}
 .hotel-policy-bottom .hotel-policy-bottom-right ul {
     margin-bottom: 30px;
}
 .hotel-policy-wrap {
     position: relative;
     border-radius: 4px;
     background-color: #ffffff;
     border: solid 1px #e4e4e4;
}
 .hotel-policy-wrap .more-data-control {
     position: absolute;
     bottom: 10px;
     right: 16px;
}
.customer-review .pdp-pagination {
     text-align: center;
     padding-top: 30px;
     line-height: 0;
}
.customer-review .pdp-pagination .pdp-prev-arrow, .customer-review .pdp-pagination .pdp-next-arrow {
    width: 30px;
    height: 30px;
    border: solid 1px #979797;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    position: relative;
    font-size: 0;
    padding: 5px;
}
.customer-review .pdp-review-pagination {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.customer-review .pdp-pagination li {
    padding: 0 8px;
    margin: 5px 0;
    border-left: 1px solid rgba(151, 151, 151, 0.44);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #3c3c3c;
    display: inline-block;
    float: left;
    cursor: pointer;
    width:50px;
}
.customer-review .pdp-pagination li:nth-child(2) {
    border-left: none;
}
.customer-review .pdp-pagination li.page-selected {
    color: #4a90e2;
    pointer-events: none;
}
.customer-review .pdp-pagination .pdp-prev-arrow:before, .customer-review .pdp-pagination .pdp-next-arrow:before {
    content: '';
    border-left: 2px solid #979797;
    border-bottom: 2px solid #979797;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 8px;
    left: 10px;
}
.customer-review .pdp-pagination .pdp-prev-arrow {
    margin: 0 25px 0 0;
}
.customer-review .pdp-pagination .pdp-next-arrow {
    margin: 0 0 0 25px;
}
.customer-review .pdp-pagination .pdp-next-arrow:before {
    transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    left: 6px;
}
.customer-review .pdp-pagination .pdp-prev-arrow.disabled, .customer-review .pdp-pagination .pdp-next-arrow.disabled {
    opacity: 0.6;
    pointer-events: none;
}
.faq-block {
     margin-top: 20px;
     margin-bottom: 23px;
}
.faq-container {
     border-radius: 4px;
     background-color: #ffffff;
     border: solid 1px #e4e4e4;
     padding: 31px 37px 10px;
}
 .faq-block-listing .faq-question {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: #ebebeb;
     text-align: center;
     font-size: 14px;
     line-height: 40px;
     letter-spacing: 0.1px;
     color: #4a4a4a;
     margin-right: 18px;
}
 .faq-block-listing .faq-answer {
     width: 100%;
     padding-bottom: 34px;
}
 .faq-block-listing .faq-answer strong {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #4a4a4a;
    display: block;
    letter-spacing: 0;
    margin-bottom: 7px;
}
 .faq-block-listing .faq-answer p {
     font-size: 14px;
    line-height: 22px;
    color: #3c3c3c;
    letter-spacing: 0;
    margin-bottom: 10px;
}
.faq-block-listing h3 {
    font-size: 20px;
    line-height: 24px;
    color: #1e254a;
    margin-bottom: 20px;
    letter-spacing: 0.2px;
    font-weight: 700;
}
.faq-block-listing h4 {
    font-size: 16px;
    line-height: 20px;
    color: #1e254a;
    margin-bottom: 20px;
    letter-spacing: 0.2px;
    font-weight: 700;
}
.faq-block-listing table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}
.faq-block-listing td,.faq-block-listing th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    font-size: 12px;
    color: #6a6b6c;
    letter-spacing: 0.2px;
}
.faq-block-listing li .faq-answer ul {
    list-style: disc;
    padding-left: 20px;
    font-size: 20px;
    margin-bottom: 10px;
}
.faq-block-listing li .faq-answer ul li {
    font-size: 12px;
    line-height: 22px;
    color: #6a6b6c;
    letter-spacing: 0.2px;
    margin-bottom: 0;
    padding-bottom: 0;
}
 .room-detail-inner:after, .room-detail-inner:before, .add-room:after, .add-room:before {
     content: '';
     display: block;
}
 .room-detail-inner:after, .add-room:after {
     clear: both;
}
.pdp-content {
    padding-top: 30px;
}
 .main-bar {
     min-height: 50px;
     box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14);
}
 .room-booking-detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    -ms-flex-align: center;
     height: 0;
     width: 0;
     overflow: hidden;
     white-space: nowrap;
     position: relative;
     line-height: 0;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
.room-booking-detail-wrap {
    width: 220px;
    position: absolute;
    left: 0;
}
 .main-bar.fixed-bar .room-booking-detail {
     height: auto;
     width: calc(24% - 20px);
     margin: 0 20px 0 0;
}
 .room-booking-detail .room-booked-date {
     margin-right: 10px;
     font-size: 14px;
     line-height: 17px;
     letter-spacing: 0.3px;
     text-align: left;
     color: #3c3c3c;
}
 .room-booking-detail .room-booked-date .days {
     display: block;
     font-size: 11px;
     font-weight: normal;
     line-height: 17px;
}
 .room-booking-detail .change-detail {
     padding: 8px 10px;
     font-size: 12px;
     height: 34px;
     line-height: normal;
     text-align: left;
     color: #3c3c3c;
     border-radius: 3px;
     border: solid 1px #bdbdbd;
     cursor: pointer;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}
.room-booking-detail .change-detail:hover {
    background: #fddc2c;
    border-color: transparent;
    color: #1e254a;
}
 .change-booking-dates-wrapper {
     height: 50px;
     width: 0;
     opacity: 0;
     position: absolute;
     top: 0;
     z-index: -1;
     max-width: 1032px;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
.change-booking-detail-inner {
    width: 566px;
    position: absolute;
}
 .change-booking-dates-wrapper .update-booking-dates {
     font-size: 12px;
     line-height: 20px;
     letter-spacing: 0.3px;
     text-align: left;
     color: #3c3c3c;
     min-height: 40px;
     padding: 5px 0;
     width: 495px;
     margin-right: 25px;
     float: left;
}
 .change-booking-dates-wrapper .change-dates-cancel-btn {
     margin: 15px 0;
     font-size: 14px;
     line-height: 16px;
     height:16px;
     letter-spacing: 0.7px;
     color: #4a4a4a;
     cursor: pointer;
     border-bottom: 1px solid #4a4a4a;
     display: block;
     float: left;
}
.update-booking-dates .search-section {
    margin-bottom: 0;
    -ms-flex: 0 0 74.5%;
    flex: 0 0 100%;
    max-width: 100%;
    white-space: nowrap;
}
.update-booking-dates .custom-select .wrap-select-box {
     padding: 10px 6px 9px 8px;
}
.update-booking-dates .search-section .select-dates .wrap-select-dates {
     height:39px;
}
 .search-section .select-dates .searchCheckInBox {
     padding: 12px 10px 2px 34px;
     font-size: 12px;
     line-height: 16px;
     color: #000;
     opacity: 0.4;
     letter-spacing: 0.4px;
     width: 100%;
}
 .search-section .select-dates .searchCheckOutBox {
     padding: 12px 10px 2px 18px;
     font-size: 12px;
     line-height: 16px;
     color: #000;
     opacity: 0.4;
     letter-spacing: 0.4px;
     width: 100%;
}
 .search-section .select-dates .searchCheckInBox.date-selected, .search-section .select-dates .searchCheckOutBox.date-selected {
     padding-top: 4px;
     padding-bottom: 0;
     opacity: 1;
     color: #000;
     font-weight: 700;
}
.update-booking-dates .btn-wrap {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.update-booking-dates .btn-wrap .btn {
    padding: 10px 22px;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
}
.update-booking-dates .btn-wrap .btn:focus {
    outline: none;
}
.update-booking-dates .search-section .select-dates .icon.calendar-icon {
    top: 11px;
}
.update-booking-dates .search-section .select-dates input {
    height: 39px;
}
.update-booking-dates .search-section .input-daterange {
    -ms-flex: 0 0 53.3%;
    flex: 0 0 53.3%;
    max-width: 53.3%;
}
.update-booking-dates .search-section .custom-select {
    -ms-flex: 0 0 22.5%;
    flex: 0 0 22.5%;
    max-width: 22.5%;
}
.update-booking-dates .select-box .icon.arrow-icon {
    width: 11px;
    height: 14px;
    margin-top: 3px;
    margin-right: 5px;
}
.update-booking-dates.search-section .calendar-arrow .calendar-icon-wrap {
    top: 11px;
}
.main-bar-wrapper {
    display: flex;
}
.main-bar ul {
    display: flex;
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
 .main-bar ul li {
    margin-right: 33px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.main-bar ul li:last-child {
    margin-right: 0;
}
.main-bar ul li a {
     font-size: 12px;
     font-weight: 700;
     line-height: 20px;
     letter-spacing: 0.3px;
     text-align: center;
     color: #3c3c3c;
     padding: 15px 33px;
     display: block;
     position: relative;
     text-transform: uppercase;
     white-space: nowrap;
}
 .main-bar ul li a.active,.main-bar ul li a:hover {
    color: #379aff;
}
 .main-bar ul li a:after {
     content: "";
     width: 100%;
     height: 4px;
     bottom: 0;
     left: 0;
     background: #379aff;
     position: absolute;
     display: none;
}
 .main-bar ul li a.active:after, .main-bar ul li a:hover:after {
     display: block;
}
.fixed-bar {
     position: fixed;
     top:0;
     left:0;
     width: 100%;
     z-index: 2;
     background: #fff;
     -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
     -o-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
     -o-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: shaketop;
     -moz-animation-name: shaketop;
     -o-animation-name: shaketop;
     animation-name: shaketop;
}
 .fixed-bar.main-bar ul li {
     margin-right: 18px;
}
 .fixed-bar.main-bar ul li a {
    font-size: 12px;
    padding-left: 18px;
    padding-right: 18px;
}
 .fixed-bar.main-bar ul {
    width: 76%;
}
.infobar-conatiner {
    background-color: rgba(0, 0, 0, 0.9);
    padding: 17px 0 18px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transform: translateY(110%);
    -moz-transform: translateY(110%);
    -webkit-transform: translateY(110%);
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.infobar-conatiner.infobar-conatiner-show {
    z-index: 3;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
}
 .info-content {
     text-align: center;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .info-content strong {
     font-size: 14px;
     line-height: 18px;
     letter-spacing: 0;
     color: #cacaca;
     display: block;
     margin-bottom: 5px;
     text-align: left;
     padding-top: 4px;
}
 .info-content .left-info {
     -ms-flex: 0 0 66.5%;
     flex: 0 0 66.5%;
     max-width: 66.5%;
}
 .info-content ul {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .info-content ul li {
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0;
     color: #ffffff;
     position: relative;
}
 .info-content ul li + li {
     padding-left: 50px;
}
 .info-content ul li + li:before {
     content: '';
     display: block;
     position: absolute;
     height: 4px;
     width: 4px;
     background: #d8d8d8;
     border-radius: 50%;
     left: 24px;
     top: 10px;
}
 .infobar-conatiner .room-info-tooltip {
     display: none;
     padding: 10px 15px;
     position: absolute;
     background-color: rgba(255, 255, 255, 0.91);
     border: solid 1px #cecece;
     min-width: 200px;
     bottom: calc(100% + 10px);
     text-align: left;
}
 .infobar-conatiner .room-info-tooltip::after {
     content: '';
     display: block;
     border-top: 10px solid rgba(255, 255, 255, 0.91);
     position: absolute;
     top: 100%;
     left: 30px;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-bottom: 0 solid transparent;
}
.infobar-conatiner .room-info-tooltip::before {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 20px;
}
 .infobar-conatiner .room-info-tooltip .info {
     font-size: 12px;
     font-weight: normal;
     line-height: 18px;
     letter-spacing: 0.2px;
     color: #9b9b9b;
}
 .infobar-conatiner .room-info-tooltip p {
     margin-bottom: 0;
     font-size: 14px;
     font-weight: normal;
     line-height: 23px;
     letter-spacing: 0.2px;
     color: #3c3c3c;
}
 .trivago-auto-fit .left-info ul li .text {
     max-width: 408px;
     display: block;
     white-space: nowrap;
     overflow: hidden;
}
 .trivago-auto-fit .left-info ul li:hover .room-info-tooltip {
     display: block;
}
 .trivago-auto-fit .proceed-pay-wrapper .price-tooltip {
     display: none;
}
 .proceed-pay-wrapper {
     position: relative;
     -ms-flex: 0 0 33.5%;
     flex: 0 0 33.5%;
     max-width: 33.5%;
     text-align: right;
}
 .info-content .proceed-pay-wrap {
    text-transform: none;
     border-radius: 3px;
     background-color: #fddc2c;
     font-size: 16px;
     font-weight: 700;
     line-height: 22px;
     color: #1e254a;
     text-align: center;
     padding: 14px 35px 13px;
     margin-top: 0;
     vertical-align: middle;
     border:0;
     box-shadow: none;
     display: inline-block;
     min-width: 270px;
     height: 50px;
}
 .info-content .proceed-pay-wrap small {
     position: relative;
     line-height: 22px;
     margin-left: 6px;
     margin-right: 6px;
     color: #989eba;
     font-size: 18px;
}
 .info-content .proceed-pay-wrap .gst-extra {
     font-size: 12px;
     text-transform: initial;
}
 .proceed-pay-wrapper .price-tooltip {
     width: 189px;
     height: 50px;
     background-color: #454646;
     font-size: 12px;
     line-height: 17px;
     letter-spacing: normal;
     color: #b9b7b7;
     position: absolute;
     left: -205px;
     display: block;
     border-radius: 4px;
     padding: 8px 16px;
     text-align: left;
     z-index: 1;
}
 .proceed-pay-wrapper .price-tooltip:before {
     border-left: 12px solid #454646;
     border-top: 12px solid transparent;
     border-bottom: 12px solid transparent;
     content: "";
     position: absolute;
     right: -12px;
     top: 12px;
}
 .info-content .proceed-pay-wrap .proceed-pay {
     width: 100%;
     display: block;
}
 .cloud,.rainy, .sunny {
     margin: 6px auto;
     width: 40px;
     height: 40px;
     display: block;
     text-align: center;
}
.weather-forecast {
     width: 49%;
}
 .weather-slider {
     padding: 35px 29px;
     margin: 0 auto;
     border-radius: 4px;
     border: solid 1px #e4e4e4
}
 .weather-slider ul {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .weather-forecast li {
     -ms-flex: 0 0 20%;
     flex: 0 0 20%;
     max-width: 20%;
}
 .weather-forecast li:last-child {
     border-right: 0;
}
 .weather-forecast li span {
     font-size: 12px;
     line-height: 14px;
     color: #9c9c9c;
     display: block;
     width: 100%;
     text-align: center;
     vertical-align: top;
}
 .weather-forecast li strong {
     display: block;
     width: 100%;
     font-size: 14px;
     font-weight: 400;
     line-height: 16px;
     color: #3c3c3c;
     text-align: center;
     vertical-align: top;
}
 .weather-forecast li small {
     font-size: 10px;
     font-weight: 400;
     line-height: 24px;
     color: #9c9c9c;
     display: block;
     width: 100%;
     text-align: center;
     vertical-align: top;
}
.hotel-info-wrapper {
    display: none;
}
.hotel-info-wrapper .title-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hotel-info-wrapper .title-weather {
    width: 49%;
    margin-right: 2%;
}
.hotel-info-wrapper .title-caretaker {
    width: 49%;
}
 .weather-gift-wrap {
     margin-bottom: 20px;
}
 .weather-gift-wrap .weather-forecast {
     margin-right: 2%;
     margin-left: 0;
     padding: 35px 29px;
     border-radius: 4px;
     border: solid 1px #e4e4e4;
}
 .weather-gift-wrap .weather-forecast .weather-slider {
     padding: 0;
     margin: 0;
     border-radius: 0;
     border: none;
}
 .weather-gift-wrap .gift-container {
     padding: 20px 38px;
     border-radius: 4px;
     min-height:178px;
     width: 49%;
     background-image: linear-gradient(107deg, rgba(214, 161, 161, 0.45), rgba(163, 166, 186, 0.45));
}
 .weather-gift-wrap .gift-container .caretaker-wrap {
     border-radius: 0;
     background-color: transparent;
     border: none;
     display: block;
     padding: 0;
}
 .weather-gift-wrap .gift-container .left-icon {
     max-width: 76px;
}
 .weather-gift-wrap .gift-container .left-icon svg {
     stroke: #5f5f5f;
     width: 46px;
     height: 46px;
     display: block;
}
 .weather-gift-wrap .gift-container .right-btn {
     max-width: 122px;
}
 .weather-gift-wrap .gift-container .right-btn .refer-btn {
     padding: 9px 12px;
     border-radius: 4px;
     background-color: #f7434c;
     font-size: 12px;
     font-weight: bold;
     line-height: 20px;
     letter-spacing: 0.2px;
     text-align: center;
     color: #ffffff;
     display: block;
     cursor: pointer;
}
 .weather-gift-wrap .gift-container .mid-text {
     padding-right: 15px;
}
 .weather-gift-wrap .gift-container .mid-text .gift-voucher {
     font-size: 16px;
     font-weight: bold;
     line-height: 24px;
     letter-spacing: normal;
     color: #4a4a4a;
}
 .weather-gift-wrap .gift-container .mid-text p {
     margin-bottom: 0;
     font-size: 14px;
     font-weight: normal;
     line-height: 24px;
     letter-spacing: 0.4px;
     color: #4a4a4a;
}
 .hotel-list-slider {
     margin-bottom: 30px;
     border: none;
     background: transparent;
}
.hotel-list-slider .flex-viewport {
    margin: 0 -10px;
}
.hotel-list-slider .slides li {
    text-align: center;
}
.hotel-list-slider .slides li a {
    display: inline-block;
    width: calc(100% - 20px);
    height: 100%;
    position: relative;
    text-align: left;
    transition: all 0.4s;
    border: solid 1px transparent;
}
.nearby-top-slider .flexslider {
    min-height:292px;
}
 .hotel-list-slider .item-box {
     padding-top: 12px;
}
 .hotel-list-slider .item-box .hotel-img {
     position: relative;
     margin-bottom: 8px;
     height: 160px;
     background: url(https://pimg.fabhotels.com/propertyimages/mainImage.png) no-repeat center center;
     background-size: cover;
}
 .hotel-list-slider .item-box .hotel-img .rating-value {
     border-radius: 4px 0 4px 0;
     margin-right: 6px;
     display: inline-block;
     color: #fff;
     font-size: 16px;
     font-weight: 700;
     font-style: normal;
     line-height: 30px;
     letter-spacing: 0.4px;
     background-color: #1e254a;
     text-transform: uppercase;
     position: absolute;
     right: -12px;
     top: -12px;
     z-index: 1;
     width: 44px;
     height: 30px;
     text-align: center;
}
 .hotel-list-slider .item-box .hotel-img img {
     height: 100%;
     width: 100%;
     display: block;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     color:transparent;
     object-fit: cover;
}
 .hotel-list-slider .item-box h5 {
     font-size: 16px;
     font-weight: 700;
     line-height: 23px;
     letter-spacing: 0.3px;
     color: #1e254a;
     margin-bottom: 5px;
     transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
}
.hotel-list-slider .item-box h5:hover {
    color: #3d80db;
}
 .hotel-list-slider .item-box .location {
     padding: 0;
     margin-bottom: 8px;
     font-size: 12px;
     font-weight: normal;
     line-height: 19px;
     letter-spacing: 0.3px;
     color: #4a4a4a;
}
 .hotel-list-slider .item-box .location .location-icon {
     margin-right: 0;
     width: 14px;
     height: 14px;
     display: inline-block;
     position: relative;
     top: 3px;
     left: -3px;
     fill: #3c3c3c;
}
 .hotel-list-slider .item-box .nearby-location {
     padding: 0;
     margin-bottom: 14px;
     font-size: 12px;
     font-weight: normal;
     line-height: 19px;
     letter-spacing: 0.3px;
     color: #4a4a4a;
}
 .hotel-list-slider .item-box .price-sec {
     min-width: 106px;
     height: 37px;
     border-radius: 4px;
     background-color: #eff2fa;
     display: inline-block;
     text-align: center;
     padding-top: 6px;
}
 .hotel-list-slider .item-box .price-sec .price {
     color: #313131;
     font-size: 18px;
     line-height: 26px;
     letter-spacing: 0.4px;
     font-weight: 700;
}
 .hotel-list-slider .item-box .price-sec .per-day {
     color: #313131;
     font-size: 10px;
     line-height: 26px;
     letter-spacing: 0.4px;
     font-weight: 700;
}
.hotel-list-slider .item-box .show-price-btn {
    font-size: 14px;
    line-height: 20px;
    color: #379aff;
    text-align: center;
    display: block;
    text-transform: capitalize;
    width: 100%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #c8c7c3;
    max-width: 146px;
    padding: 7px 10px;
    transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    cursor: pointer;
    font-weight: 700;
}
 .hotel-list-slider .flex-direction-nav a {
     border-radius: 4px;
     background-color: #dfe3e8;
     opacity: 1;
     width: 26px;
     height: 45px;
     font-size: 0;
     top: 30%;
     z-index: 1;
}
 .hotel-list-slider .flex-direction-nav a:before {
     content: '';
     display: block;
     width: 14px;
     height: 14px;
     border-left: 2px solid #555555;
     border-bottom: 2px solid #555555;
     transform: rotate(-135deg);
     margin: 15px 2px;
}
 .hotel-list-slider .flex-direction-nav a.flex-next {
     right: -15px !important;
}
 .hotel-list-slider .flex-direction-nav a.flex-prev {
     left: -15px !important;
}
 .hotel-list-slider .flex-direction-nav a.flex-prev:before {
     transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     margin: 15px 9px;
}
 .gray-bg {
     background-color: #f0f3f7;
}
 .nearby-hotel .heading {
     margin: 0 0 20px;
     font-size: 20px;
     font-weight: 500;
     font-style: normal;
     font-stretch: normal;
     line-height: 30px;
     letter-spacing: 0.5px;
     color: #1e254a;
}
 .nearby-hotel .bed-icon {
     stroke: #f52141;
     width: 45px;
     height: 30px;
     float: left;
     margin-left: -70px;
}
 .share-icon-div {
     position: absolute;
     top: 16px;
     right: 16px;
     z-index: 1;
}
 .share-icon {
     width: 20px;
     height: 20px;
     display: block;
     stroke: #ffffff;
}
 .error-msg-div {
     margin-bottom: 20px;
     padding: 25px 16px 25px 90px;
     font-size: 20px;
     font-weight: 500;
     font-style: normal;
     font-stretch: normal;
     line-height: 30px;
     letter-spacing: 0.3px;
     color: #f52141;
     border-radius: 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     background-color: #ffffff;
}
 .error-msg-div:before, .error-msg-div:after {
     content: '';
     display: block;
     height: 0;
}
.error-msg-div:after {
     clear: both;
}
 .message-section {
     height: 70px;
     border-radius: 4px;
     padding: 15px;
     display: flex;
     position: relative;
     overflow: hidden;
     margin-bottom: 25px;
     z-index: 1;
}
 .message-section:before {
     content: '';
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
     height: 100%;
     width: 100%;
}
 .guest-message:before {
     background-image: linear-gradient(93deg, #d39d9d, #a4aacf);
     opacity: 0.4;
}
 .message-section .icon {
     width: 40px;
     height: 40px;
     margin-right: 10px;
     stroke-width: 2px;
     position: relative;
     z-index: 2;
     top: 0px;
     fill: rgba(60, 60, 60, 1);
}
 .message-section-desc {
     position: relative;
     z-index: 2;
}
 .message-section strong {
     font-size: 16px;
     line-height: 19px;
     letter-spacing: normal;
     color: #3c3c3c;
     margin-bottom: 5px;
     display: block;
     font-weight: 700;
}
 .message-section p {
     font-size: 14px;
     line-height: 16px;
     letter-spacing: normal;
     color: #3c3c3c;
     margin-bottom: 0;
}
 .upcoming-stay:before {
     opacity: 0.27;
     background-image: linear-gradient(93deg, #e89015, #bc3232);
}
 .looking-section:before {
     opacity: 0.45;
     background-image: linear-gradient(93deg, #a1d1d6, #7d819a);
}
 .looking-section .icon {
     width: 32px;
     height: 32px
}
 .fabhotels-signin {
     padding-left: 19px;
     margin-bottom: 26px;
}
 .fabhotels-signin:before {
     opacity: 0.35;
     background-image: linear-gradient(93deg, #9fd2fe, #685656);
}
 .fabhotels-signin .icon {
     fill: #3c3c3c;
     stroke: none;
     height: 37px;
     width: 37px;
     top: 2px;
}
 .fabhotels-signin .signin-btn {
     position: absolute;
     top: 10px;
     right: 16px;
     height: 50px;
     border-radius: 4px;
     border: solid 1px #1e254a;
     font-size: 16px;
     line-height: 24px;
     padding-top: 12px;
     background: transparent;
     width: 163px;
     text-transform: initial;
     font-weight: 700;
     z-index: 2;
     transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}
.fabhotels-signin .signin-btn:hover {
    background: #1e254a;
    color: #fff;
}
.location-wrapper {
     margin-bottom: 20px;
}
 .location-wrap {
     border-radius: 4px;
     background-color: #fff;
     border: solid 1px #e4e4e4;
     padding: 28px 37px 0 37px;
}
.property-map {
    min-height: 334px;
}
 .location-wrap .hotel-title {
     font-size: 14px;
     font-weight: 700;
     line-height: 16px;
     letter-spacing: 0;
     color: #3c3c3c;
     display: block;
     margin-bottom: 3px;
}
 .location-wrap span {
     font-size: 12px;
     line-height: 18px;
     letter-spacing: 0;
     color: #3c3c3c;
     display: block;
     margin-bottom: 26px;
}
 .location-wrap span strong {
     font-weight: 700;
}
.more-popular-localities {
    background: #eef2f5;
    padding-bottom: 45px;
}
.popular-localities {
    padding-top: 20px;
}
.more-popular-localities-title {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 31px;
    letter-spacing: 0.4px;
    color: #1e254a;
    margin-bottom: 27px;
}
.location-link-list {
    margin: 0;
    padding: 0;
    display: flex;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 13px;
    margin-bottom: 20px;
}
.location-link-list li {
    margin-right: 50px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #898989;
}
.location-link-list li.active {
    color: #3c3c3c;
}
.location-link-list li:after {
    content: "";
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #5d5d5d;
    display: none;
}
.location-link-list li.active:after {
    display: block;
}
.location-content-wrap {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    min-height: 130px;
}
.location-content{
    display: none;
}
.location-content li {
    width: 25%;
    float: left;
    margin-bottom: 12px;
}
.location-content li.landmark{
    width: 33.33%;
}
.location-content li.city {
    width: 20%;
}
.location-content li.thematic {
    width: 33.33%;
}
.location-content li a{
    line-height: 1.5;
    color: #4a4a4a;
    font-size: 12px;
}
.location-content.active {
    display: block;
}
@-webkit-keyframes loading_animation {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes loading_animation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@media screen and (max-height:700px) {
    .hotel-gl-wrap {
        margin: 30px auto 15px;
        height: calc(100% - 45px);
    }
}
.search-section-wrap.search-section-wrap-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    display: none;
    background: #ffffff;
    height: 50px;
    padding: 5px 0;
}
.search-section-wrap-fixed .search-section {
    width: 390px;
    float: left;
    margin-bottom: 0;
}
.btn-wrap {
    display: none;
}
.search-section-wrap-fixed .btn-wrap {
    margin-left: 15px;
    float: left;
    width: 100px;
    display: block;
}
.search-section-wrap-fixed .btn-wrap .btn {
    padding: 10px 22px;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    width: 100%;
    outline: none;
}
.change-dates-cancel-btn {
    display: none;
}
.search-section-wrap-fixed .change-dates-cancel-btn {
    float: left;
    margin: 10px 0 15px 25px;
    font-size: 14px;
    line-height: 16px;
    height: 16px;
    letter-spacing: 0.7px;
    color: #4a4a4a;
    cursor: pointer;
    border-bottom: 1px solid #4a4a4a;
    display: block;
}
.search-section-wrap-fixed .search-section .select-dates .wrap-select-dates,.search-section-wrap-fixed .search-section .select-dates input {
    height: 39px;
}
.search-section-wrap-fixed .custom-select .wrap-select-box {
    padding: 9px 11px 9px 11px;
}
.search-section-wrap-fixed .search-section .select-dates .checkInBox,.search-section-wrap-fixed .search-section .select-dates .checkOutBox {
    padding-top: 12px;
}
.search-section-wrap-fixed .search-section .select-dates .icon.calendar-icon {
    top: 11px;
}
.search-section-wrap-fixed .search-section .select-dates .checkInBox.date-selected, .search-section-wrap-fixed .search-section .select-dates .checkOutBox.date-selected {
     padding-top: 4px;
}
 .loader-progressbar {
    z-index: 2;
}
.external-source-links .sold-out-message, .external-source-links .nearby-top-slider .flexslider {
     margin-bottom: 54px;
}
.external-source-links .pdp-main-banner-wrap {
     width: 100%;
     margin-top: -24px;
     float: left;
}
.external-source-links .nearby-top-slider {
    margin-top: -24px;
}
.external-source-links .nearby-top-slider:empty {
    display: none;
}
.not-available-icon {
    display:none;
}
.sold-out-message.not-available-msg {
    background-color: #FDF6D2;
     border: solid 1px rgba(255, 236, 5, 0.34901960784313724);
}
.sold-out-message.not-available-msg .sold-out-icon {
    display:none;
}
.sold-out-message.not-available-msg .not-available-icon {
    display:inline-block;
}
.pac-container {
    width: 351px !important;
    z-index: 10 !important;
}
.hotel-address {
    margin-bottom: 15px;
    padding: 10px 20px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #f0f2fa;
    border: solid 1px #d5ddff;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: normal;
    color: #202d61;
    line-height: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.hotel-address .hotel-title {
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
}
.hotel-address svg {
    width: 34px;
    height: 34px;
    float: left;
    margin: 0px 10px 0 0;
}
.map-container {
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #dbdbdb;
}
.map-holder {
    height: 334px;
    overflow: hidden;
}
.map-holder .map {
    width: calc(100% - 408px);
    position:relative;
}
.map-holder .map iframe {
    width: 100%;
    height: 334px;
}
.map-holder .map-search {
    width: 408px;
}
.map-search-form {
    background-color: #379aff;
    height: 182px;
    width: 100%;
}
.map-search-form .input-field:last-child:after {
    content: "";
    background: hsla(0,0%,100%,0);
    background: -webkit-linear-gradient(180deg,hsla(0,0%,100%,0),#379aff);
    background: -moz-linear-gradient(180deg,hsla(0,0%,100%,0),#379aff);
    background: -o-linear-gradient(180deg,hsla(0,0%,100%,0),#379aff);
    background: -ms-linear-gradient(180deg,hsla(0,0%,100%,0),#379aff);
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#379aff);
    height: 45px;
    width: 25px;
    position: absolute;
    pointer-events: none;
    z-index: 0;
    bottom: -9px;
    right: 10px;
    transform: rotate(-90deg);
}
.transition-cls {
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.map-search-form .map-direction-wrap {
    width: 100%;
    padding: 22px 38px;
}
.map-search-form .map-direction-wrap input[type="text"], .map-search-form .map-direction-wrap input[type="search"] {
    width: 100%;
    border: none;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: normal;
    color: #ffffff;
    background: transparent;
    -webkit-appearance: none;
}
.map-search-form .map-direction-wrap input.search-input{
    border-bottom: solid 1px #85b0fa;
    font-weight: 400;
}
.map-search-form .map-direction-wrap .input-field {
    padding-left: 15px;
    position: relative;
}
.map-search-form .map-direction-wrap .clear-input-val {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 22px;
    top: 1px;
    right: 0;
    cursor: pointer;
    display: none;
    background-color: #379aff;
}
.map-search-form .map-direction-wrap .clear-input-val::after, .map-search-form .map-direction-wrap .clear-input-val::before {
    content: '';
    display: block;
    width: 14px;
    height: 2px;
    background: #fff;
    position: absolute;
    transform: rotate(45deg);
    top: 10px;
    left: 5px;
}
.map-search-form .map-direction-wrap .clear-input-val::before {
     transform: rotate(-45deg);
    left: 5px;
}
.map-search-form .map-direction-wrap .input-field:first-child {
    margin-bottom: 17px;
}
.map-search-form .input-field svg {
    width: 14px;
    height: 14px;
    margin: 5px 0 0 -26px;
    float: left;
}
.map-search-form .input-field .circle {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    display: block;
    margin: 7px 0 0 -25px;
    float: left;
    position: relative;
}
.map-search-form .input-field .circle::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 22px;
    display: block;
    border-left: 2px dotted #ffffff;
    top: 12px;
    left: 2px;
}
.map-search-form .direction-dst, .map-search-form .error-msg {
    padding: 12px 0 0 15px;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: normal;
    color: #ffffff;
}
.map-search-form .direction-dst svg {
     width: 14px;
    height: 12px;
    margin-right: 8px;
}
.map-search-form ::-webkit-input-placeholder {
     color: #cad1ff;
}
.map-search-form:-ms-input-placeholder {
    color: #cad1ff;
}
.map-search-form:-moz-placeholder {
    color: #cad1ff;
}
.direction-wrap {
    height: 50px;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    width: 100%;
    padding: 5px 22px;
    background-image: linear-gradient(to bottom, rgba(81, 179, 235, 0.3), rgba(40, 124, 210, 0.3));
}
.direction-wrap .back-direction {
    width: 14px;
    height: 14px;
    display: block;
    transform: rotate(180deg);
}
.direction-wrap .direction-icon {
    width: 20px;
    height: 20px;
    margin: 10px 14px 10px 0;
}
.direction-wrap .direction-icon svg {
    width: 30px;
    height: 30px;
    fill: #379aff;
}
.map-search-slider.flexslider .flex-direction-nav .flex-next:focus, .map-search-slider.flexslider .flex-direction-nav .flex-prev:focus {
    outline: none;
}
.explore-nearby {
    width: 100%;
    padding: 23px 37px;
    background: #fff;
}
.explore-nearby .m-title {
    padding-left: 13px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: normal;
    color: #4a4a4a;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 332px;
    overflow: hidden;
}
.map-search-slider {
    margin: 0;
    background: #fff;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.map-search-slider ul li {
    text-align: center;
    cursor: pointer;
}
.map-search-slider .tag-icon {
     padding-left: 5px;
    padding-right: 5px;
    display: block;
}
.map-search-slider .tag-icon svg {
    width: 43px;
    height: 43px;
    display: block;
    margin: 0 auto 5px;
}
.map-search-slider .tag-name {
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    color: #666666;
}
.map-search-slider li:hover .tag-name {
    font-weight: 700;
}
.map-search-slider:hover .flex-direction-nav .flex-next, .map-search-slider.flexslider .flex-direction-nav .flex-next {
    opacity: 1;
    right: -25px;
    margin: -15px 0 0;
    width: 30px;
    height: 30px;
    font-size: 0;
}
.map-search-slider:hover .flex-direction-nav .flex-prev, .map-search-slider.flexslider .flex-direction-nav .flex-prev {
    opacity: 1;
    left: -20px;
    margin: -15px 0 0;
    width: 30px;
    height: 30px;
    font-size: 0;
}
.map-search-slider .flex-direction-nav a.flex-prev:before {
    content: '';
    display: block;
    border-left: 2px solid #3c3c3c;
    border-bottom: 2px solid #3c3c3c;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    margin: 9px 11px;
}
.map-search-slider .flex-direction-nav a.flex-next:before {
    content: '';
    display: block;
    border-left: 2px solid #3c3c3c;
    border-bottom: 2px solid #3c3c3c;
    width: 12px;
    height: 12px;
    transform: rotate(-135deg);
    margin: 9px 6px;
}
.near-station-divider {
    border: none;
    margin: 0;
    border-top: 1px solid #e2e2e2;
}
.near-station-list {
    padding: 13px 37px;
    background-color: #f0f2fa;
}
.near-station-list ul {
    width: 100%;
}
.near-station-list ul li {
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #202d61;
    min-width: 230px;
    padding-right: 20px;
}
 .near-station-list ul li:last-child {
     padding-right: 0;
}
.near-station-list ul li svg {
    margin-right: 10px;
    float: left;
    width: 20px;
    height: 20px;
}
.search-result-list {
    padding: 12px 37px 8px;
    background-color: #ffffff;
}
.search-result-list .col-3 {
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 27%;
}
.search-result-list .col-3 + .col-3 {
    margin-left: 9%;
}
.search-result-list .title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: normal;
    color: #4a4a4a;
}
.search-result-list ul li, .nearby-search-data ul li {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: #3c3c3c;
}
.hide-search-data li + li + li + li + li {
    display: none;
}
.search-result-list ul li .text, .nearby-search-data ul li .text {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}
.search-result-list ul li .km, .nearby-search-data ul li .km {
     -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    text-align: right;
    padding-left: 20px;
}
.search-result-list .more-data-control {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.nearby-search-data {
    width: 100%;
    float: left;
    padding: 15px 0 15px;
    max-height: 239px;
    overflow: hidden;
    display: none;
}
.nearby-search-data-list {
    padding: 0 28px;
    overflow: hidden;
    overflow-y: auto;
    max-height: 210px;
}
.nearby-search-data ul li {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 18px;
    margin-bottom: 14px;
    color: #666666;
}
.nearby-search-data ul li a {
    width: 100%;
    display: block;
    color: #666666;
}
.nearby-search-data ul li a .km {
    position: absolute;
    right: 0;
}
.nearby-search-data ul li:last-child {
    margin-bottom: 0;
}
.nearby-search-data ul li .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nearby-search-data ul li svg {
    float: left;
    width: 16px;
    height: 16px;
    margin-left: -30px;
    margin-right: 14px;
}
.nearby-search-data-list::-webkit-scrollbar {
    width: 5px;
}
.nearby-search-data-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px 3px #efefef;
    border-radius: 10px;
}
.nearby-search-data-list::-webkit-scrollbar-thumb {
    background-color: #d4d4d4;
    outline: 1px solid #efefef;
    border-radius: 10px;
}
.nearby-search-data ul li:hover .text, .nearby-search-data ul li:hover .km, .map-search-slider ul li:hover .tag-name {
    color: #3c3c3c;
}
.nearby-search-data ul li.active .text, .nearby-search-data ul li.active .km, .map-search-slider ul li.current-active .tag-name {
    color: #3c3c3c;
     font-weight: bold;
}
.open-nearby-direction .map-search-form {
    width: 70px;
    height: 95px;
    padding: 0;
    float: left;
    box-shadow: 0 1px 5px 0 rgba(58, 58, 58, 0.13);
}
.open-nearby-direction .map-search-form .direction-wrap {
    height: 95px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    width: 100%;
    padding: 20px 8px;
    cursor: pointer;
    -ms-flex-pack: initial !important;
    justify-content: initial !important;
}
.open-nearby-direction .direction-wrap .direction-icon {
    width: 30px;
    height: 30px;
    margin: 0 0 7px 12px;
}
.open-nearby-direction .map-search-form .map-direction-wrap, .open-nearby-direction .explore-nearby .m-title {
    display: none;
}
.open-nearby-direction .nearby-search-data {
    display: block;
}
.open-nearby-direction .explore-nearby {
    height: 95px;
    padding: 13.5px 20px;
    width: calc(100% - 70px);
    float: left;
    background-color: #ffffff;
    box-shadow: 0 1px 5px 0 rgba(58, 58, 58, 0.13);
    position: relative;
    margin-left: 70px;
    margin-top: -95px;
}
.open-nearby-direction .explore-nearby .slides li {
    max-width: 73.5px;
}
.open-nearby-direction .map-search-slider:hover .flex-direction-nav .flex-next, .open-nearby-direction .map-search-slider.flexslider .flex-direction-nav .flex-next {
    right: -20px;
}
.distance-marker {
    position: relative;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.63);
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #379aff;
    padding: 5px 10px;
}
.marker-inner {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
#map-info-marker::before, #map-info-marker::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -7px;
}
#map-info-marker::before {
    z-index: 1;
}
#map-info-marker::after {
    border-top-color: rgba(0, 0, 0, 0.2);
    top: 101%;
}
#map-info-marker img {
    width: 58px;
    height: 52px;
    float: left;
}
#map-info-marker .map-address {
    font-size: 12px;
    font-weight: normal;
    padding: 8px 10px;
    font-style: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #1e254a;
    display: block;
    width: calc(100% - 58px);
    margin:0;
}
#map-info-marker .map-address.map-address-nearby {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
#map-info-marker .destination-address{
    font-weight: 700;
    line-height: 20px;
    display: block;
    margin-bottom: 3px;
}
#map-info-marker {
    max-width: 210px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 0 6px 0 rgba(0,0,0, 0.4);
}
#map-info-marker .map-hotle-img {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 70px;
    overflow: hidden;
}
#map-info-marker .map-hotle-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
    min-height: 70px;
}
#map-info-marker .map-address .h-title {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: normal;
    color: #4a4a4a;
    display: block;
}
#map-info-marker .map-address .h-address {
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #3c3c3c;
    display: block;
}
#map-info-marker .distance {
    font-size: 12px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: normal;
    color: #3c3c3c;
}
.gm-style .gm-style-iw-c {
    background: transparent;
    padding: 0;
}
.gm-ui-hover-effect {
    display: none !important;
}
.gm-style .gm-style-iw-d {
    overflow: auto !important;
}
.main-heading-gift-wrapper {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}
.reffer-friend-section .flex-box {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
#map-info-marker .distance strong {
    font-weight: 700;
    font-size: 14px;
    color: #379aff;
}
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > div {
    top: 15px !important;
}
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > div > div {
    width: 30px !important;
    height: 52px !important;
}
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > div > div > div {
    width: 20px !important;
}
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > div > div > button {
    width: 30px !important;
    height: 26px !important;
}
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > div > div > button > img:first-child {
    height: 10px!important;
    width: 10px!important;
}
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > div > div > button > img:nth-child(2),.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > div > div > button > img:nth-child(3) {
    height: 13px!important;
    width: 13px!important;
}
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > div > div > button + button > img:nth-child(1) {
    height: 10px!important;
    width: 10px!important;
    margin: 9px 9px 7px !important;
}
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > div > div > button + button > img:nth-child(2), .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > div > div > button + button > img:nth-child(3) {
    height: 13px!important;
    width: 13px!important;
    margin: 9px 9px 7px !important;
}
.fab-stay-coupan {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    background: rgba(0,0,0,0.80);
    text-align: center;
    padding: 16px 0 14px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
}
.fab-stay-coupan p {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}
.fab-stay-coupan p strong {
    font-weight: 700;
}
.fab-stay-coupan .pre-applied-icon-white {
    height: 25px;
    width:25px;
    vertical-align: bottom;
    margin-right: 16px;
    fill:#fff;
}
.fab-stay-coupan .cross-icon {
    height: 16px;
    width:16px;
    position: absolute;
    right:0;
    top:1px;
    cursor: pointer;
}
.fab-stay-coupan .cross-icon .icon{
    height: 13px;
    width:13px
}
.deals-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 17px 17px 17px;
    border-radius: 4px;
    align-items: center;
    justify-content: space-between;
    margin-bottom:25px;
}
.deal-text {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.deal-text p {
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    color: #ffffff;
    margin: 0;
}
.deal-text p span.subheading-text {
    font-size: 14px;
    font-weight: 400;
}
.deal-code {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: right;
}
.deal-code span {
    font-size: 12px;
    line-height: 25px;
    letter-spacing: normal;
    color: #ffffff;
    display: inline-block;
}
.deal-code strong {
    border-radius: 4px;
    background: rgba(0,0,0,0.33);
    height: 25px;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    width: 110px;
    margin-left: 5px;
    vertical-align: middle;
}
.cashback-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 9px 17px 9px;
    border-radius: 2px;
    align-items: center;
    justify-content: space-between;
    margin-bottom:25px;
}
.cashback-text {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.cashback-text p {
    font-size: 14px;
    font-weight: 700;
    line-height: 31px;
    color: #4a4a4a;
    margin: 0;
    display: inline-block;
    height: 31px;
    vertical-align: top;
}
.cashback-text p span.subheading-text {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}
.cashback-text .icon {
    fill:#202c60;
    height: 31px;
    width: 31px;
    display: inline-block;
    margin-right: 9px;
}
.cashback-img {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    text-align: right;
}
.cashback-img img {
    max-width: 130px;
    max-height: 35px
}
.image-wrapper {
    height: 90px;
    margin-bottom: 25px;
}
.image-wrapper img {
    max-height: 100%;
    width: 100%;
    object-fit: contain;
}
.presuasion-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 11px 17px 9px;
    border-radius: 2px;
    align-items: center;
    justify-content: space-between;
    margin-bottom:25px;
}
.persuasion-text p {
     font-size: 16px;
    font-weight: 700;
    line-height: 38px;
    color: #4a4a4a;
    margin: 0;
    display: inline-block;
    height: 38px;
    vertical-align: text-bottom;
    padding-left: 10px;
}
.persuasion-text p .subheading-text {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
}
.persuasion-text .check {
    height: 34px;
    width: 34px;
    display: inline-block;
    background: #00b96e;
    border-radius: 50%;
    margin-right: 5px;
    position: relative;
}
.persuasion-text .check:before{
    left: 13px;
    top: 8px;
    width: 9px;
    height: 15px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    content: '';
    position: absolute;
    display: block;
}
.app-download-banner {
    align-items: center;
}
.app-download-banner:before {
    display: none;
}
.app-download-banner .app-download-banner-desc {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
}
.app-download-banner-desc p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: normal;
    color: #4a4a4a;
}
.app-download-banner-desc p .subheading-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #4a4a4a;
}
.app-download-banner-desc p .heading-text {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}
.get-sms-link-app {
    line-height: 35px;
    display: inline-block;
    border-radius: 2px;
}
.my-account-dropdown:before {
    border-bottom: 10px solid rgba(155,155,155,0.16);
    top: -11px;
}
.my-account-dropdown:after {
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: '';
    height: 0;
    top: -10px;
    right:20px;
    width: 0;
    z-index: 1;
    position: absolute;
}
.ep-cp-section {
    margin-bottom: 20px;
    border-radius: 2px;
    border: solid 1px #4a90e2;
    background-color: #ffffff;
    padding: 16px 37px 15px 105px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    justify-content: space-between;
    align-items: center;
    transition: 2s ease-in-out height;
    -moz-transition: 2s ease-in-out height;
    -ms-transition: 2s ease-in-out height;
}
.ep-cp-section:not(.disabled) {
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-name: bounceIn;
}
.ep-cp-section.disabled {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    filter: grayscale(1);
    pointer-events: none;
}
@-webkit-keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.ep-ep-icon {
    height: 40px;
    border-radius: 50%;
    background: #202c60;
    display: block;
    padding-top: 6px;
    padding-left: 6px;
    width: 40px;
    left: 39px;
    top: 17px;
    position: absolute;
    transition: 0.4s;
}
.ep-ep-icon .icon {
    height: 27px;
    width: 27px;
}
.ep-cp-section.active .ep-ep-icon {
    background: #00b96e;
}
.ep-cp-desc strong {
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    letter-spacing: 0.3px;
    color: #575757;
    display: flex;
    margin-bottom: 6px;
    align-items: center;
}
.ep-cp-desc strong span {
    font-size: 10px;
    font-weight: bold;
    line-height: 11px;
    letter-spacing: 0.2px;
    color: #cb4a4a;
    margin-left: 10px;
    padding: 3px 8px;
    height: 18px;
}
.ep-cp-desc strong span.breakfast-saving {
    border-radius: 3px;
    border: solid 1px #cb4a4a;
}
.ep-cp-desc .breakfast-added {
    display: none;
}
.ep-cp-section.active .ep-cp-desc .breakfast-added {
    display: flex;
}
.ep-cp-section.active .ep-cp-desc .breakfast-added span {
    margin-left: 0;
    font-size: 12px;
}
.ep-cp-section.active .ep-cp-desc .breakfast-add {
    display: none;
}
.ep-cp-desc p {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.3px;
    color: #575757;
    margin-bottom: 0;
}
.ep-cp-desc p.breakfast-desc-added {
    display: none;
    opacity: 0.6;
}
.ep-cp-section.active .ep-cp-desc p.breakfast-desc-added {
    display: block;
}
.ep-cp-section.active .ep-cp-desc p.breakfast-desc{
    display: none;
}
.price-info {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.2px;
    color: #00b96e;
    display: inline-block;
}
.price-info-data {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.2px;
    color: #00b96e;
    margin-top: 12px;
}
.price-info-data span {
    font-weight: 400;
}
.breakfast-btn.add {
    width: 80px;
    height: 40px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #ffffff;
    background: #4a90e2;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    cursor: pointer;
    margin-left: 30px;
    display: inline-block;
}
.breakfast-btn.remove {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    letter-spacing: 0.2px;
    color: #379aff;
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-left: 53px;
    margin-top: 12px;
}
.breakfast-btn.remove:before {
    position: absolute;
    left: -23px;
    top: -9px;
    width: 1px;
    height: 35px;
    background: #979797;
    opacity: 0.39;
    content: "";
}
.ep-cp-desc {
    -ms-flex: 0 0 66%;
    flex: 0 0 66%;
    max-width: 66%;
}
.ep-cp-price {
    -ms-flex: 0 0 34%;
    flex: 0 0 34%;
    max-width: 34%;
    text-align: right;
    position: relative;
    overflow: hidden;
    height: 40px;
}
.price-info-wrap {
    position: absolute;
    background: #fff;
    width: 100%;
    top: 0;
    display: block;
}
.ep-cp-section.active .price-info-wrap {
    z-index: -2;
    display: none;
}
.price-info-data-wrap {
    position: absolute;
    background: #fff;
    z-index: 2;
    width: 100%;
    top: 0;
    height: 35px;
    display: none;
    overflow: hidden;
}
.ep-cp-section.active .price-info-data-wrap {
    display: block;
}
.coupon-msg {
    margin-left: -15px;
    margin-right: -15px;
}
.coupon-applied {
    background-color: #e2fbe4;
    font-family: Roboto;
    font-size: 11px;
    color: #00b96e;
    padding: 4px 0 4px 15px;
}
.coupon-not-applied {
    background-color: #f8d5d9;
    font-family: Roboto;
    font-size: 11px;
    color: #cb4a4a;
    padding: 4px 0 4px 15px;
}
.close{
    cursor: pointer;
    position: relative;
    top: -2;
    right: 0;
    width: 20px;
    height: 15px;
    right: 20px;
    z-index: 2;
    opacity: 1;
}
.close:after{
    content: "";
    width: 1px;
    height: 11px;
    position: absolute;
    background: #cb4a4a;
    right: 10px;
    top: 2px;
    transform: rotate(136deg);
}
.close:before{
    content: "";
    width: 1px;
    height: 11px;
    position: absolute;
    background: #cb4a4a;
    right: 10px;
    top: 2px;
    transform: rotate(45deg);
}
.coupon-applied .close:before {
    background: #00b96e;
}
.coupon-applied .close:after {
    background: #00b96e;
}
.time-out-modal .modal {
    text-align: center;
    width: 640px;
    height: 360px;
    max-height: calc(100% - 100px);
}
.time-out-modal-body {
    max-width: 312px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.time-out-modal .icon {
    width: 25px;
    height: 25px;
}
.time-out-modal .title {
    font-size: 20px;
    font-weight: bold;
    color: #101117;
    padding-bottom: 15px;
    margin-top: 5px;
}
.time-out-modal .body-text {
    font-size: 16px;
    line-height: 1.5;
    color: #101117;
}
.time-out-modal .date-action {
    padding: 14px 22px;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    background-color: #fedd10;
    font-size: 14px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85);
    cursor: pointer;
    border: 0;
    outline: 0;
    margin-top: 22px;
    width: 100%;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
.time-out-modal .date-action:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #000 15%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(0, 0);
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s;
}
.time-out-modal .date-action:hover:after {
    transform: scale(10, 10);
    opacity: 0.15;
    transition: 0.3s;
}
.item-box .covid-data .nearby_property, .item-box .covid-data.link-arrow {
     width: auto !important;
}
.map-btn {
     position: absolute;
    bottom: 30px;
    z-index: 1;
    left: 50%;
    padding: 10px 16px;
    border: none;
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    text-decoration: none;
    outline: none;
    transform: translate(-50%);
}
@media all and (max-width: 1032px) {
    .pdp-page {
        padding-left: 10px;
        padding-right: 10px;
    }
    .fixed-bar {
        padding-left: 10px;
        padding-right: 10px;
    }
    .left-section {
        padding-left: 15px;
    }
    .hotel-detail-box .amenities-icon .col {
        padding: 0 10px;
    }
    .infobar-conatiner {
        padding-left: 10px;
        padding-right: 10px;
    }
    .app-download-banner .app-download-desc {
        -ms-flex: 0 0 36%;
        flex: 0 0 36%;
        max-width: 36%;
    }
}
@media all and (max-width: 925px) {
    .right-section .content-box {
        padding: 20px 15px;
    }
    .app-download-banner .app-download-desc {
        -ms-flex: 0 0 42%;
        flex: 0 0 42%;
        max-width: 42%;
    }
    .main-heading-gift-wrapper {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .reffer-friend-section .flex-box {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}