@charset "UTF-8"; .hotel_rooms_form .form-search-rooms { border: 1px solid #d7dce3; border-bottom: 5px solid #5191fa; margin-bottom: 25px } @media (max-width:766px) { .hotel_rooms_form .form-search-rooms { border-bottom: none } } .hotel_rooms_form .form-search-rooms .form-search-row>div { border-right: 1px solid #d7dce3 } .hotel_rooms_form .form-search-rooms .form-search-row>div:last-child { border-right: 0 } .hotel_rooms_form .form-search-rooms .form-search-row>div .form-group { position: relative; margin-bottom: 0; cursor: pointer } .hotel_rooms_form .form-search-rooms .form-search-row>div .form-group .form-content { padding: 15px 5px } .hotel_rooms_form .form-search-rooms .form-search-row>div .form-group .form-label { font-size: 14px; margin-bottom: 0 } .hotel_rooms_form .form-search-rooms .form-search-row>div .form-group .render { font-size: 16px; color: #5191fa } .hotel_rooms_form .form-search-rooms .form-search-row>div .form-group .start_date { position: absolute; bottom: -5px; left: -15px; right: -15px } @media (max-width:766px) { .hotel_rooms_form .form-search-rooms .form-search-row>div .form-group .start_date { bottom: 0; left: 0 } } .hotel_rooms_form .form-search-rooms .form-search-row>div .form-group .select-guests-dropdown { margin-left: -15px; margin-right: -16px } .hotel_rooms_form .form-search-rooms .form-search-row>div .dropdown-toggle:after { display: none } .hotel_rooms_form .form-search-rooms .form-search-row>div .arrow { position: absolute; top: 50%; right: 20px; margin-top: -5px; font-size: 22px; color: #a0a9b2; z-index: -1 } .hotel_rooms_form .form-search-rooms .form-search-row>div.col-btn { padding: 0; flex-grow: 1 } .hotel_rooms_form .form-search-rooms .form-search-row .g-button-submit { height: 100%; display: flex; width: 100% } .hotel_rooms_form .form-search-rooms .form-search-row .g-button-submit .btn { flex-grow: 1; font-size: 16px; text-transform: uppercase; border-radius: 0; margin-right: -1px } .hotel_rooms_form .hotel_room_book_status { border: 1px solid #d7dce3; padding: 15px; margin-top: 20px; position: relative } @media (max-width:766px) { .hotel_rooms_form .hotel_room_book_status { padding: 10px 15px } } .hotel_rooms_form .hotel_room_book_status .control-book { text-align: right } @media (max-width:766px) { .hotel_rooms_form .hotel_room_book_status .control-book { position: static; margin-top: 0; text-align: left } .hotel_rooms_form .hotel_room_book_status .control-book .total-room-price { display: none } .hotel_rooms_form .hotel_room_book_status .control-book .btn { padding: 5px 10px } } .hotel_rooms_form .hotel_room_book_status label { margin-bottom: 0 } .hotel_rooms_form .hotel_room_book_status .render { font-size: 12px; color: #464646; display: inline-block } .hotel_rooms_form .hotel_room_book_status.sticky { position: fixed; bottom: 0; background: #fff; z-index: 10; box-shadow: 0 -2px 10px 0 #b5b5b5; transform: translateY(100%) } .hotel_rooms_form .hotel_room_book_status.sticky.active { transition: all .3s; transform: translate(0) } .hotel_rooms_form .hotel_room_book_status .is_mobile { display: none!important } @media (max-width:766px) { .hotel_rooms_form .hotel_room_book_status .is_mobile { display: flex!important } } .hotel_rooms_form .hotel_room_book_status .total-room-price { font-size: 23px; font-weight: 600; color: #ff3f19 } .hotel_rooms_form .hotel_room_book_status .total-room-price span { color: #000; font-size: 16px; font-weight: 500 } @media (max-width:766px) { .hotel_rooms_form .hotel_room_book_status .total-room-price { font-size: 18px } } .hotel_rooms_form .hotel_room_book_status .row_extra_service { border-bottom: 1px solid #ccc; margin-bottom: 15px } .hotel_rooms_form .hotel_room_book_status .row_extra_service label { display: inline-block; margin-bottom: 5px } .hotel_rooms_form .hotel_room_book_status .row_extra_service .form-group { margin-bottom: 0 } .hotel_rooms_form .hotel_room_book_status .row_extra_service .extra-item { margin-bottom: 5px } .hotel_rooms_form .hotel_room_book_status .row_total_price .col-md-6 { position: static; min-height: 70px } .hotel_rooms_form .hotel_room_book_status .row_total_price .col-md-6:nth-child(2) { border-left: 1px solid #ccc } @media (max-width:766px) { .hotel_rooms_form .hotel_room_book_status .row_total_price .col-md-6:nth-child(2) { border: none; min-height: auto } } .hotel_rooms_form .heading-section { margin: 20px 0 } .hotel_rooms_form .hotel_list_rooms { border: 1px solid #d7dce3 } @media (max-width:766px) { .hotel_rooms_form .hotel_list_rooms { border: none } } .hotel_rooms_form .hotel_list_rooms .room-item { border: 1px solid #d7dce3; border-bottom: 0; margin: -1px } @media (max-width:766px) { .hotel_rooms_form .hotel_list_rooms .room-item { border-bottom: 1px solid #d7dce3; margin-bottom: 15px } .hotel_rooms_form .hotel_list_rooms .room-item:last-child { margin-bottom: 0 } } .hotel_rooms_form .hotel_list_rooms .room-item:last-child { border-bottom: 1px solid #d7dce3 } .hotel_rooms_form .hotel_list_rooms .room-item .image { position: relative; cursor: pointer; overflow: hidden } @media (max-width:1023px) { .hotel_rooms_form .hotel_list_rooms .room-item .image { max-height: 200px } } .hotel_rooms_form .hotel_list_rooms .room-item .image img { max-width: 100%; height: auto } .hotel_rooms_form .hotel_list_rooms .room-item .image .count-gallery { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); transition: .2s; position: absolute; bottom: 0; right: 0; color: #fff; background: rgba(0,0,0,.7); padding: 5px 7px; font-size: 13px; line-height: 1em; opacity: 1; -ms-filter: none; filter: none; background: rgba(0,0,0,.5) } .hotel_rooms_form .hotel_list_rooms .room-item .image .count-gallery i { margin-right: 3px } .hotel_rooms_form .hotel_list_rooms .room-item .hotel-info { padding-top: 20px; padding-bottom: 20px } @media (max-width:766px) { .hotel_rooms_form .hotel_list_rooms .room-item .hotel-info { padding: 15px } } .hotel_rooms_form .hotel_list_rooms .room-item .hotel-info .room-name { margin-bottom: 20px; font-size: 18px; color: #1a2b48; font-weight: 500; margin-top: 0; cursor: pointer } @media (max-width:766px) { .hotel_rooms_form .hotel_list_rooms .room-item .hotel-info .room-name { margin-bottom: 15px } } .hotel_rooms_form .hotel_list_rooms .room-item .hotel-info .room-meta { margin: 0; padding: 0; list-style: none; display: flex; align-items: center } .hotel_rooms_form .hotel_list_rooms .room-item .hotel-info .room-meta li { display: inline-block; padding-right: 10px } .hotel_rooms_form .hotel_list_rooms .room-item .hotel-info .room-meta li .item { color: #5e6d77 } .hotel_rooms_form .hotel_list_rooms .room-item .hotel-info .room-meta li .item .field-icon { text-align: center; border: 1px solid #eaeef3; border-radius: 5px; padding: 6px 8px; font-size: 22px; margin-right: 0; line-height: normal; width: 40px; height: 38px; display: flex; align-items: center; justify-content: center } .hotel_rooms_form .hotel_list_rooms .room-item .hotel-info .room-meta li .item span { display: block; margin-top: 5px; font-size: 12px; text-align: center } .hotel_rooms_form .hotel_list_rooms .room-item .col-price { padding: 20px 10px } .hotel_rooms_form .hotel_list_rooms .room-item .col-price .price { display: block; margin-bottom: 10px } @media (max-width:766px) { .hotel_rooms_form .hotel_list_rooms .room-item .col-price { padding: 0 15px 15px } .hotel_rooms_form .hotel_list_rooms .room-item .col-price .text-center { display: inline-block } .hotel_rooms_form .hotel_list_rooms .room-item .col-price .custom-select { max-width: 200px; display: block; position: relative; top: -5px } } .hotel_rooms_form .hotel_list_rooms .room-item .price { font-size: 18px; color: #1a2b48 } .hotel_rooms_form .hotel_list_rooms .room-item .price span { font-size: 14px; color: #5e6d77 } @media (min-width:1400px) { .hotel_rooms_form .hotel_list_rooms .modal-dialog { max-width: 1000px } } .hotel_rooms_form .hotel_list_rooms .modal-dialog .modal-content { border-radius: 0; background: #fff } @media (max-width:1023px) { .hotel_rooms_form .hotel_list_rooms .modal-dialog .modal-header { padding: 10px } .hotel_rooms_form .hotel_list_rooms .modal-dialog .modal-header .modal-title { font-size: 16px } .hotel_rooms_form .hotel_list_rooms .modal-dialog .modal-header img { max-width: 15px } } @media (max-width:1023px) { .hotel_rooms_form .hotel_list_rooms .modal-dialog .modal-body { padding: 10px } } .hotel_rooms_form .hotel_list_rooms.loading { position: relative } .hotel_rooms_form .hotel_list_rooms.loading:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; background: #fff; z-index: 1; top: 0; opacity: .5 } .hotel_rooms_form .total-price { font-size: 20px; display: block; margin-bottom: 10px; text-align: center; color: #fa5636; font-weight: 600; padding-right: 15px } .hotel_rooms_form .col-total { padding-left: 0; padding-top: 20px } @media (max-width:768px) { .hotel_rooms_form .form-search-row { flex-wrap: wrap } .hotel_rooms_form .form-search-row>div { border-bottom: 1px solid #d7dce3 } .hotel_rooms_form .form-search-row>div:last-child { border-bottom: 0 } .hotel_rooms_form .room-item .hotel-info { padding: 20px } .hotel_rooms_form .hotel_rooms_form .col-total { text-align: center; padding: 15px 20px } } .hotel_rooms_form .room-attribute-item ul { list-style: none; margin-top: 10px } .hotel_rooms_form .room-attribute-item ul li { font-size: 15px; margin-right: 7px; display: inline-block } .hotel_rooms_form .room-attribute-item ul li i { width: 30px; height: 28px; line-height: 26px; text-align: center; border: 1px solid #eaeef3; border-radius: 4px; display: block } .hotel_rooms_form .list-attributes { margin-top: 30px } .hotel_rooms_form .list-attributes .attribute-item { margin-bottom: 20px } .hotel_rooms_form .list-attributes .attribute-item .title { font-size: 18px; margin-bottom: 10px } .hotel_rooms_form .list-attributes .attribute-item ul { list-style: none; -moz-column-count: 3; column-count: 3 } .hotel_rooms_form .list-attributes .attribute-item ul li { margin-bottom: 5px; margin-right: 15px } .hotel_rooms_form .list-attributes .attribute-item ul li i { font-size: 18px; margin-right: 4px } @media (max-width:767px) { .hotel_rooms_form .list-attributes { margin-top: 20px } .hotel_rooms_form .list-attributes .attribute-item { margin-bottom: 15px } .hotel_rooms_form .list-attributes .attribute-item .title { font-size: 16px } .hotel_rooms_form .list-attributes .attribute-item ul { -moz-column-count: 1; column-count: 1 } } @media (max-width:768px) { .bootbox.modal .modal-dialog { min-width: 0 } } .modal-backdrop.show { opacity: .7 } .bravo_wrap .bravo_search_hotel .bravo_banner { background-color: #1a2b48; background-position: 50%; background-repeat: no-repeat; background-size: cover; padding: 90px 0; position: relative } .bravo_wrap .bravo_search_hotel .bravo_banner h1 { color: #fff; letter-spacing: 0; text-align: left; margin: 0 } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo_banner { padding: 70px 0 } } .bravo_wrap .bravo_search_hotel .bravo_form_search { margin-top: -50px; position: relative; margin-bottom: 50px } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo_form_search { margin-top: -30px; margin-bottom: 20px } } .bravo_wrap .bravo_search_hotel .bravo_filter { border: 1px solid #d7dce3; border-radius: 3px; margin-bottom: 30px } .bravo_wrap .bravo_search_hotel .bravo_filter .filter-title { font-size: 16px; color: #1a2b48; margin-bottom: 5px; margin-top: 30px; font-weight: 500 } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo_filter .filter-title { margin-bottom: 10px; margin-top: 15px } } .bravo_wrap .bravo_search_hotel .bravo_filter .filter-title:before { content: ""; width: 3px; height: 20px; background: #5191fa; float: left; position: relative; top: -2px; margin-right: 17px } .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item { border: none; border-top: 1px solid #d7dce3; border-radius: 0; margin-bottom: 0; padding: 20px } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item { padding: 15px 20px } } .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .hide { display: none } .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-title { cursor: pointer; position: relative } .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-title .fa { font-size: 22px; color: #1a2b48; right: 0; top: 2px; position: absolute } .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-title h3, .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-title h4 { font-size: 14px; color: #1a2b48; line-height: 23px; margin: 0; font-weight: 500 } .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content { margin-top: 20px } @media (max-width:990px) { .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content { display: none } } .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content ul { list-style: none } .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .btn-more-item { font-size: 14px; color: #5191fa; padding: 0; text-decoration: none } .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .btn-apply-price-range { font-size: 14px; color: #5191fa; margin-top: 20px; font-weight: 600; padding: 0; text-decoration: none; outline: none } .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from, .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single, .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to { font-size: 11px; background-color: #5191fa } .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-bar { top: 25px; height: 12px; background-color: #5191fa } .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-handle>i:first-child { background-color: #5191fa } .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from:before, .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single:before, .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to:before { border-top-color: #5191fa } .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-title.e-close .fa { transform: rotate(180deg)!important } .bravo_wrap .bravo_search_hotel .bravo-list-item .topbar-search .text { font-weight: 400; margin: 0 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item { margin-top: 15px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop { border: 1px solid #dfdfdf; overflow: hidden; padding-bottom: 20px; position: relative; margin-bottom: 30px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop a { text-decoration: none; transition: all .3s } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .sale_info { position: absolute; width: 50px; height: 50px; right: 10px; top: -25px; color: #fff; font-size: 15px; background-color: #5191fa; display: flex; align-items: center; justify-content: center; border-radius: 50%; z-index: 999; border: 3px solid #fff } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .featured { position: absolute; top: 20px; left: 0; background: #ed0925; display: inline-block; padding: 0 10px; color: #fff; font-size: 13px; font-weight: 500; z-index: 1; height: 30px; line-height: 30px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .thumb-image { overflow: hidden; height: 185px; background: #ccc; position: relative } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .thumb-image:hover a img { transform: scale(1.1) } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .thumb-image a img { transition: all .3s; max-width: 100% } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .thumb-image a:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, transparent 0, transparent 0, transparent 65%, rgba(0,0,0,.75)); top: 0; z-index: 1 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .thumb-image .price-wrapper { position: absolute; bottom: 10px; left: 15px; color: #fff; font-size: 22px; z-index: 10 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .thumb-image .price-wrapper .price { position: relative; display: inline-block } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .thumb-image .price-wrapper .price .text-price { color: #fff; font-weight: 500; font-size: 22px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .thumb-image .price-wrapper .price .onsale { position: absolute; left: 0; top: -18px; text-decoration: line-through; font-size: 15px; color: #fff!important; font-weight: 400 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .thumb-image .price-wrapper .price .unit { font-size: 14px; color: #fff } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .thumb-image .service-wishlist { position: absolute; right: 5px; z-index: 10; top: 10px; color: #fff; padding: 10px; cursor: pointer } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .thumb-image .service-wishlist i { transition: all .3s; font-size: 16px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .thumb-image .service-wishlist.loading i, .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .thumb-image .service-wishlist:hover i { color: #ff9290 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .thumb-image .service-wishlist.active i { color: red } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .location { font-size: 13px; padding: 0 15px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .location i { position: relative; font-size: 16px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .category { padding: 0 15px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .category .fa { color: #687882; opacity: .6 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .service-review { padding: 10px 15px 0 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .service-review .rate { color: #5191fa } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .service-review .review { margin-left: 30px; position: relative; color: #6a7a84 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .service-review .review:after { position: absolute; content: ""; width: 4px; height: 4px; background: #d0d7dd; border-radius: 50%; left: -18px; top: 8px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .item-title { padding: 20px 15px 5px; font-size: 16px; font-weight: 500; position: relative } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .item-title { min-height: auto } } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .item-title a { color: #1a2b50 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .item-title i { color: #ffc107; font-size: 15px; margin-right: 2px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .info { padding: 0 15px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .info:after, .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .info:before { content: ""; display: table; clear: both } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .info .g-price { text-align: left } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .info .g-price .prefix { display: inline-block; font-weight: 400; position: relative } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .info .g-price .prefix i { font-size: 16px; color: #ffc107 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .info .g-price .price { position: relative; display: inline-block } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .info .g-price .price .text-price { font-size: 18px; color: #1a2b48; font-weight: 500 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .info .g-price .price .onsale { text-decoration: line-through; font-size: 14px; color: #c03!important; font-weight: 400 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .info .g-price .price .unit { font-size: 14px; font-weight: 400 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .star-rate { position: absolute; bottom: 10px; left: 15px; z-index: 1 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .list-star { display: inline-block; line-height: 13px; position: relative } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .list-star .booking-item-rating-stars { padding: 0; margin: 0; width: 90px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .list-star .booking-item-rating-stars:after, .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .list-star .booking-item-rating-stars:before { content: ""; display: table; clear: both } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .list-star .booking-item-rating-stars li { list-style: none; float: left; margin-right: 5px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .list-star .booking-item-rating-stars li:last-child { margin-right: 0 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .list-star .booking-item-rating-stars li .fa { font-size: 15px; color: #fa5636 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop.infobox-item { position: relative } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop.infobox-item:after { content: ""; width: 0; height: 0; position: absolute; border-color: transparent #fff #fff transparent; border-style: solid; border-width: 10px; bottom: -9px; left: 0; right: 0; margin: auto; transform: rotate(45deg); box-shadow: 1px 1px 0 #dfdfdf; background: #fff } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list { border: 1px solid #dfdfdf; overflow: hidden; position: relative; margin-bottom: 30px; display: flex } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list { flex-wrap: wrap } } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list a { text-decoration: none; transition: all .3s } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .sale_info { position: absolute; width: 50px; height: 50px; right: 10px; top: -25px; color: #fff; font-size: 15px; background-color: #5191fa; display: flex; align-items: center; justify-content: center; border-radius: 50%; z-index: 999; border: 3px solid #fff } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .featured { position: absolute; top: 20px; left: 0; background: #ed0925; display: inline-block; padding: 0 10px; color: #fff; font-size: 13px; font-weight: 500; z-index: 1; height: 30px; line-height: 30px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .thumb-image { overflow: hidden; height: 190px; background: #ccc; position: relative; flex: 0 0 30%; padding: 0 } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .thumb-image { flex: 0 0 100% } } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .thumb-image:hover a img { transform: scale(1.1) } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .thumb-image a img { transition: all .3s; max-width: 100% } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .thumb-image a:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, transparent 0, transparent 0, transparent 65%, rgba(0,0,0,.75)); top: 0; z-index: 1 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .thumb-image .price-wrapper { position: absolute; bottom: 10px; left: 15px; color: #fff; font-size: 22px; z-index: 10 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .thumb-image .price-wrapper .price { position: relative; display: inline-block } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .thumb-image .price-wrapper .price .text-price { color: #fff; font-weight: 500; font-size: 22px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .thumb-image .price-wrapper .price .onsale { position: absolute; left: 0; top: -18px; text-decoration: line-through; font-size: 15px; color: #fff!important; font-weight: 400 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .thumb-image .price-wrapper .price .unit { font-size: 14px; color: #fff } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .thumb-image .service-wishlist { position: absolute; right: 0; z-index: 10; top: 0; color: #fff; padding: 20px; cursor: pointer } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .thumb-image .service-wishlist i { transition: all .3s; font-size: 18px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .thumb-image .service-wishlist.loading i, .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .thumb-image .service-wishlist:hover i { color: #ff9290 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .thumb-image .service-wishlist.active i { color: red } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review { padding: 10px 0 0; display: none } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review .rate { color: #5191fa } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review .review { margin-left: 30px; position: relative; color: #6a7a84 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review .review:after { position: absolute; content: ""; width: 4px; height: 4px; background: #d0d7dd; border-radius: 50%; left: -18px; top: 8px } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review { display: block } } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head { display: flex; align-items: center; position: relative; font-size: 14px; color: #1a2b48; font-weight: 400; line-height: 25px; justify-content: flex-end } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head .left { text-align: right } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head .left .head-rating { display: block; line-height: 13px; margin-top: 8px; margin-bottom: 1px; font-weight: 500 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head .left .text-rating { color: #5191fa; font-size: 14px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head .score { position: relative; float: right; margin-left: 12px; padding: 7px 7px 0 9px; background: #5191fa; border-radius: 4px; color: #fff; font-size: 20px; font-weight: 400; min-height: 38px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head .score span { font-size: 14px; color: #fff } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head .score:after { position: absolute; content: ""; width: 0; height: 0; bottom: 0; left: -8px; border: 15px solid transparent; border-bottom-color: #5191fa } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .foot { font-size: 14px; text-align: right } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc { display: none } } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info { flex: 0 0 45%; padding: 15px; position: relative } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info { flex: 0 0 100%; padding-bottom: 0; display: flex; flex-wrap: wrap; flex-direction: row } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info>div { flex: 0 0 100% } } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .item-title { font-size: 16px; font-weight: 500; position: relative; margin-bottom: 5px } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .item-title { min-height: auto; order: 2; margin-bottom: 0 } } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .item-title i { color: #ffc107; font-size: 15px; margin-right: 2px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .location { position: absolute; left: 15px; bottom: 10px; font-size: 13px; color: #5e6d77 } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .location { position: relative; left: 0; bottom: 0; margin-top: 5px; order: 3; margin-bottom: 3px } } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .location i { position: relative; font-size: 16px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .star-rate { z-index: 1 } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .star-rate { order: 1 } } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .list-star { display: inline-block; line-height: 13px; position: relative } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .list-star .booking-item-rating-stars { padding: 0; margin: 0; width: 90px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .list-star .booking-item-rating-stars:after, .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .list-star .booking-item-rating-stars:before { content: ""; display: table; clear: both } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .list-star .booking-item-rating-stars li { list-style: none; float: left; margin-right: 5px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .list-star .booking-item-rating-stars li:last-child { margin-right: 0 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .list-star .booking-item-rating-stars li .fa { font-size: 14px; color: #fa5636 } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .terms { order: 4 } } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .terms .attr-title { display: inline-block; margin-right: 5px; font-size: 13px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .terms .attr-title i { margin-right: 2px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .terms .g-attributes .item { margin-right: 5px; font-size: 13px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .terms .g-attributes .item:before { content: ""; height: 2px; width: 2px; display: inline-block; background: grey; vertical-align: middle; margin-right: 5px } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .terms .g-attributes span:nth-child(2):before { display: none } @media (max-width:1280px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .terms .g-attributes { display: none } } @media (max-width:1280px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .terms .g-attributes:first-child { display: block } } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .terms .g-attributes { display: block } } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price { flex: 1; padding: 15px 15px 15px 0; position: relative } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price { flex: 0 0 100%; padding: 0 15px 10px } } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price:before { content: ""; position: absolute; left: 15px; top: 15px; bottom: 15px; border-right: 1px solid #dfdfdf } @media (max-width:1280px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price:before { left: 0 } } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price:before { display: none } } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .g-price { text-align: right; position: absolute; right: 15px; bottom: 10px; float: right } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .g-price { position: relative; left: 0; bottom: 0; float: none; text-align: left; border-top: 1px solid #dfdfdf; margin-top: 10px; padding-top: 5px } } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .g-price .prefix { display: inline-block; font-weight: 400; left: -3px; position: relative } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .g-price .prefix i { font-size: 16px; color: #ffc107 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .g-price .price { position: relative; display: inline-block } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .g-price .price .text-price { font-size: 18px; color: #1a2b48; font-weight: 500 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .g-price .price .onsale { text-decoration: line-through; font-size: 14px; color: #c03!important; font-weight: 400 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .g-price .price .unit { font-size: 14px; font-weight: 400 } .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .g-price .text-review { float: right; position: relative; top: 5px; color: #4b4b4c; display: none } @media (max-width:766px) { .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .g-price .text-review { display: block } } .bravo_wrap .bravo_detail_hotel .bravo_banner { background-color: #fff!important; background-position: 50%!important; background-repeat: no-repeat!important; background-size: cover!important; position: relative } .bravo_wrap .bravo_detail_hotel .bravo_banner .container { position: relative } .bravo_wrap .bravo_detail_hotel .bravo_banner .bravo_gallery { height: 500px; position: relative } @media (max-width:1366px) { .bravo_wrap .bravo_detail_hotel .bravo_banner .bravo_gallery { height: 400px } } @media (max-width:1024px) { .bravo_wrap .bravo_detail_hotel .bravo_banner .bravo_gallery { height: 300px } } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo_banner .bravo_gallery { height: 200px } } .bravo_wrap .bravo_detail_hotel .bravo_banner .bravo_gallery .modal .modal-dialog { position: relative; top: 50%; width: 100%; transform: translateY(-50%); margin: -10px auto 0 } .bravo_wrap .bravo_detail_hotel .bravo_banner .bravo_gallery .modal .modal-content { padding: 0; background: transparent; border: none } .bravo_wrap .bravo_detail_hotel .bravo_banner h1 { font-size: 36px; color: #fff; letter-spacing: 0; text-align: left; margin: 0 } .bravo_wrap .bravo_detail_hotel .bravo_banner .btn-group { position: absolute; bottom: 30px; right: 0 } .bravo_wrap .bravo_detail_hotel .bravo_banner .btn-group .btn { margin-left: 10px; background: rgba(26,43,72,.5); font-size: 14px; color: #fff; padding: 10px 15px } .bravo_wrap .bravo_detail_hotel .bravo_banner .btn-group .btn:hover { background: #1a2b48 } .bravo_wrap .bravo_detail_hotel .bravo_banner .btn-group .btn .fa { margin-right: 10px } .bravo_wrap .bravo_detail_hotel .bravo_banner .btn-group .has-icon { display: flex; align-items: center } .bravo_wrap .bravo_detail_hotel .bravo_banner_map { display: flex; background-color: #fff; min-height: 100px; position: relative } .bravo_wrap .bravo_detail_hotel .bravo_banner_map .g_gallery { flex: 0 0 65%; overflow: hidden } @media (max-width:1023px) { .bravo_wrap .bravo_detail_hotel .bravo_banner_map .g_gallery { flex: 0 0 100% } } .bravo_wrap .bravo_detail_hotel .bravo_banner_map .g_gallery .g-gallery { margin: 0; position: relative; min-height: 75px; height: 100%; width: 100% } .bravo_wrap .bravo_detail_hotel .bravo_banner_map .g_gallery .g-gallery .fotorama__nav-wrap { display: none } .bravo_wrap .bravo_detail_hotel .bravo_banner_map .g_gallery .fotorama__stage { max-height: 580px } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo_banner_map .g_gallery .fotorama__stage { max-height: 300px } .bravo_wrap .bravo_detail_hotel .bravo_banner_map .g_gallery .fotorama__stage .fotorama__img { top: 0!important } } .bravo_wrap .bravo_detail_hotel .bravo_banner_map .icofont-youtube-play { position: relative; top: -1px } .bravo_wrap .bravo_detail_hotel .bravo_banner_map .g_map { flex: 1 } .bravo_wrap .bravo_detail_hotel .bravo_banner_map .g_map #map_content { height: 100% } @media (max-width:1023px) { .bravo_wrap .bravo_detail_hotel .bravo_banner_map .g_map { display: none } } .bravo_wrap .bravo_detail_hotel .bravo_banner_map .modal .modal-dialog { position: relative; top: 50%; width: 100%; transform: translateY(-50%); margin: -10px auto 0 } .bravo_wrap .bravo_detail_hotel .bravo_banner_map .modal .modal-content { padding: 0; background: transparent; border: none } .bravo_wrap .bravo_detail_hotel .bravo_content { padding-top: 20px } .bravo_wrap .bravo_detail_hotel .bravo_content h3 { font-size: 1.5rem } @media (max-width:990px) { .bravo_wrap .bravo_detail_hotel .bravo_content h3 { font-size: 1.4rem } } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo_content h3 { font-size: 1.2rem } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-header { margin-bottom: 10px; display: flex; -webkit-box-align: end; -ms-flex-align: end; justify-content: space-between } .bravo_wrap .bravo_detail_hotel .bravo_content .g-header h1, .bravo_wrap .bravo_detail_hotel .bravo_content .g-header h2 { margin-top: 0; color: #1a2b48; font-weight: 500; font-size: 30px; line-height: 1.3; margin-bottom: 0 } @media (max-width:990px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-header h1, .bravo_wrap .bravo_detail_hotel .bravo_content .g-header h2 { font-size: 24px } } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-header h1, .bravo_wrap .bravo_detail_hotel .bravo_content .g-header h2 { font-size: 18px } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .address { margin-bottom: 0; font-size: 14px; font-weight: 400 } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .address { margin-bottom: 5px } } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .left { flex: 0 0 100% } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .right { min-width: 230px } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .right { display: none } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .sub-heading { font-size: 14px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .sub-heading .fa { position: relative; top: 2px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .head { display: flex; align-items: center; position: relative; font-size: 22px; color: #1a2b48; font-weight: 400; line-height: 25px; justify-content: flex-end } .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .head .left { text-align: right } .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .head .left .head-rating { display: block; line-height: 13px; margin-top: 8px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .head .left .text-rating { color: #5191fa; font-size: 14px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .head .score { position: relative; float: right; margin-left: 20px; padding: 10px 10px 0; background: #5191fa; border-radius: 4px; color: #fff; font-size: 30px; font-weight: 400; min-height: 45px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .head .score span { font-size: 14px; color: #fff } .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .head .score:after { position: absolute; content: ""; width: 0; height: 0; bottom: 0; left: -8px; border: 15px solid transparent; border-bottom: 25px solid #5191fa } .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .foot { font-size: 14px; text-align: right } .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .star-rate { line-height: 16px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .star-rate .fa-star { color: #fa5636; font-size: 15px; position: relative; margin-right: 3px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-space-feature { display: none; padding-top: 25px; padding-bottom: 15px; border-top: 1px solid #d7dce3; border-bottom: 1px solid #d7dce3; margin-bottom: 30px } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-space-feature { padding-top: 5px; padding-bottom: 5px; margin-bottom: 15px } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-space-feature .item { display: flex; align-items: center; margin-bottom: 10px } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-space-feature .item { margin-bottom: 0 } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-space-feature .item .icon { margin-right: 20px; font-size: 45px; color: #1a2b48 } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-space-feature .item .icon { line-height: 55px; font-size: 40px } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-space-feature .item .info .name { font-size: 14px; color: #1a2b48; margin: 0 0 3px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-space-feature .item .info .value { font-size: 14px; margin: 0 } .bravo_wrap .bravo_detail_hotel .bravo_content .g-overview { margin-bottom: 30px; margin-top: 20px; border-top: 1px solid #d7dce3; padding-top: 20px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-overview .description { margin-top: 20px; margin-bottom: 20px; font-size: 14px; font-weight: 400; position: relative } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-overview .description { margin-top: 10px; margin-bottom: 10px } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-overview .description img { max-width: 100%; height: auto } .bravo_wrap .bravo_detail_hotel .bravo_content .g-overview h4, .bravo_wrap .bravo_detail_hotel .bravo_content .g-overview strong { font-size: 14px; font-weight: 500; margin-bottom: 30px } @media (max-width:990px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-overview h4, .bravo_wrap .bravo_detail_hotel .bravo_content .g-overview strong { margin-bottom: 10px } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-overview ul { padding-left: 25px } @media (max-width:990px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-overview ul { padding-left: 15px } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-overview ul li { font-size: 14px; margin-bottom: 20px; list-style: none } @media (max-width:990px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-overview ul li { margin-bottom: 10px } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-overview ul li:before { content: ""; border: 1px solid #5191fa; width: 8px; height: 8px; display: inline-block; border-radius: 50%; margin-right: 20px } @media (max-width:990px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-overview ul li:before { margin-right: 10px } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-all-attribute .btn-show-all { margin-top: -10px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-all-attribute.is_mobile { display: none } @media (max-width:1023px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-all-attribute.is_mobile { display: block } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-all-attribute.is_pc { display: block } @media (max-width:1023px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-all-attribute.is_pc { display: none } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-attributes { margin-top: 30px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-attributes h3 { padding-left: 15px; padding-top: 5px; padding-bottom: 10px; border-bottom: 1px solid #d7dce3; position: relative; font-size: 18px; color: #1a2b48; font-weight: 600; text-transform: uppercase; margin-bottom: 15px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-attributes h3:after { position: absolute; content: ""; left: 0; top: 0; width: 3px; height: 30px; background: #5191fa } .bravo_wrap .bravo_detail_hotel .bravo_content .g-attributes .list-attributes { display: flex; flex-wrap: wrap } .bravo_wrap .bravo_detail_hotel .bravo_content .g-attributes .list-attributes .item { flex: 0 0 100%; max-width: 100%; margin-bottom: 15px } @media (max-width:1023px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-attributes .list-attributes .item { flex: 0 0 50%; max-width: 50% } } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-attributes .list-attributes .item { flex: 0 0 100%; max-width: 100% } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-attributes .list-attributes .item i { font-size: 30px; position: relative; color: #505050!important; line-height: 14px; top: 5px; margin-right: 5px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-attributes .list-attributes .item i.icon-default { font-size: 16px; position: relative; top: 0 } .bravo_wrap .bravo_detail_hotel .bravo_content .g-location { margin-bottom: 30px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-location .location-title { justify-content: space-between; display: flex; align-items: center; margin-bottom: 20px } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-location .location-title { display: block } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-location .location-title .address { color: #5e6d77 } .bravo_wrap .bravo_detail_hotel .bravo_content .g-location iframe { width: 100% } .bravo_wrap .bravo_detail_hotel .bravo_content .g-location #map_content { height: 450px } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-location #map_content { height: 300px } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-faq { border-bottom: 1px solid #d7dce3; margin-bottom: 25px; border-top: 1px solid #d7dce3; padding-top: 25px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-faq .item { border-bottom: 1px solid #d7dce3; margin-bottom: 10px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-faq .item:last-child { border: none } .bravo_wrap .bravo_detail_hotel .bravo_content .g-faq .item .header { margin-bottom: 10px; overflow: hidden; padding-top: 15px; cursor: pointer } .bravo_wrap .bravo_detail_hotel .bravo_content .g-faq .item .header .field-icon { float: left; font-size: 25px; margin-right: 10px; top: -3px; position: relative } .bravo_wrap .bravo_detail_hotel .bravo_content .g-faq .item .header h5 { float: left; margin-top: 0; margin-bottom: 0; font-size: 16px; color: #1a2b48 } @media (max-width:990px) { .bravo_wrap .bravo_detail_hotel .bravo_content .g-faq .item .header h5 { font-size: 14px } } .bravo_wrap .bravo_detail_hotel .bravo_content .g-faq .item .header .arrow { float: right; font-size: 20px; position: relative; top: -8px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-faq .item .body { font-size: 14px; transition: all .3s; height: 0; overflow: hidden; padding-bottom: 0 } .bravo_wrap .bravo_detail_hotel .bravo_content .g-faq .item.active .header .arrow { transform: rotate(180deg) } .bravo_wrap .bravo_detail_hotel .bravo_content .g-faq .item.active .body { height: auto; padding-bottom: 20px } .bravo_wrap .bravo_detail_hotel .bravo_content .bravo-hr { width: 100%; height: 1px; background: #eaeef3; margin-top: 30px; margin-bottom: 30px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-rules { margin-top: 30px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-rules h3 { margin-bottom: 20px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-rules .description { margin-top: 5px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-rules .key, .bravo_wrap .bravo_detail_hotel .bravo_content .g-rules .value { font-size: 14px; } .bravo_wrap .bravo_detail_hotel .bravo_content .g-rules .strong { font-size: 15px; margin-bottom: 5px; font-weight: 700 } .bravo_wrap .bravo_detail_hotel .bravo_content .g-rules .row { margin-bottom: 15px } .bravo_wrap .bravo_detail_hotel .bravo_content .g-rules .item { margin-bottom: 15px; } .bravo_wrap .bravo_detail_hotel .bravo_content .g-rules .context { white-space: pre-wrap } .bravo_wrap .bravo_detail_hotel .g-gallery { margin: 10px 0; position: relative; min-height: 75px } .bravo_wrap .bravo_detail_hotel .g-gallery .fotorama .fotorama__arr.fotorama__arr--prev { left: 30px } .bravo_wrap .bravo_detail_hotel .g-gallery .fotorama .fotorama__arr.fotorama__arr--prev:after { content: ""; background: url(/images/ico_pre.svg?1f22e6895c2248d54a18cb5c5836c1de) } .bravo_wrap .bravo_detail_hotel .g-gallery .fotorama .fotorama__arr.fotorama__arr--next { right: 30px } .bravo_wrap .bravo_detail_hotel .g-gallery .fotorama .fotorama__arr.fotorama__arr--next:after { content: ""; background: url(/images/ico_next.svg?83040587782b157af640fadcdd8f9206) } .bravo_wrap .bravo_detail_hotel .g-gallery .fotorama .fotorama__arr { border-radius: 3px; width: 40px; height: 40px; background: none; background-color: rgba(26,43,72,.6) } .bravo_wrap .bravo_detail_hotel .g-gallery .fotorama .fotorama__arr:after { position: absolute; left: 50%; margin-left: -13px; top: 7px; width: 24px; height: 24px } .bravo_wrap .bravo_detail_hotel .g-gallery .fotorama .fotorama__fullscreen-icon { width: 40px; height: 40px; top: auto; bottom: 30px; right: 30px; background: none } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .g-gallery .fotorama .fotorama__fullscreen-icon { display: none } } .bravo_wrap .bravo_detail_hotel .g-gallery .fotorama .fotorama__fullscreen-icon:before { content: ""; position: absolute; width: 24px; height: 24px; background: url(/images/ico_full_3.svg?52aee4c184c2b02bc0639c7059375501); left: 50%; margin-left: -11px; top: 7px; z-index: 1 } .bravo_wrap .bravo_detail_hotel .g-gallery .fotorama .fotorama__fullscreen-icon:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(26,43,72,.5); border-radius: 3px } .bravo_wrap .bravo_detail_hotel .g-gallery .social { position: absolute; right: 30px; top: 30px } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .g-gallery .social { position: absolute; right: 10px; top: 10px } } .bravo_wrap .bravo_detail_hotel .g-gallery .social .social-share { display: inline-flex; position: relative } .bravo_wrap .bravo_detail_hotel .g-gallery .social .social-share:hover .share-wrapper { visibility: visible; opacity: 1 } .bravo_wrap .bravo_detail_hotel .g-gallery .social .social-share a { text-decoration: none } .bravo_wrap .bravo_detail_hotel .g-gallery .social .social-share .social-icon { cursor: pointer; width: 40px; height: 40px; border-radius: 50%; background: rgba(26,43,72,.7); color: #fff; font-size: 19px; display: inline-flex; align-items: center; justify-content: center; padding-top: 2px; margin-right: 10px } .bravo_wrap .bravo_detail_hotel .g-gallery .social .social-share .share-wrapper { visibility: hidden; opacity: 0; padding-left: 0; position: absolute; top: 100%; left: 0; z-index: 1; padding-top: 5px; transition: all .3s } .bravo_wrap .bravo_detail_hotel .g-gallery .social .social-share .share-wrapper li { width: 40px; height: 40px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 5px } .bravo_wrap .bravo_detail_hotel .g-gallery .social .social-share .share-wrapper li a { color: #1a2b48 } .bravo_wrap .bravo_detail_hotel .g-gallery .social .service-wishlist { cursor: pointer; width: 40px; height: 40px; border-radius: 50%; background: rgba(26,43,72,.7); color: #fff; font-size: 19px; display: inline-flex; align-items: center; justify-content: center; padding-top: 2px } .bravo_wrap .bravo_detail_hotel .g-gallery .social .service-wishlist.active .fa:before { content: "" } .bravo_wrap .bravo_detail_hotel .btn-show-all { color: #5191fa; cursor: pointer } .bravo_wrap .bravo_detail_hotel .btn-show-all i { margin-left: 2px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related { margin-top: 15px; border-top: 1px solid #eaeef3; margin-bottom: 15px } @media (max-width:990px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related { border-top: 0 } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related h2 { font-size: 28px; margin-top: 35px; text-align: center; margin-bottom: 35px } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related h2 { margin-top: 10px; font-size: 24px; margin-bottom: 15px } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop { border: 1px solid #dfdfdf; overflow: hidden; padding-bottom: 20px; position: relative; margin-bottom: 30px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop a { text-decoration: none; transition: all .3s } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .sale_info { position: absolute; width: 50px; height: 50px; right: 10px; top: -25px; color: #fff; font-size: 15px; background-color: #5191fa; display: flex; align-items: center; justify-content: center; border-radius: 50%; z-index: 999; border: 3px solid #fff } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .featured { position: absolute; top: 20px; left: 0; background: #ed0925; display: inline-block; padding: 0 10px; color: #fff; font-size: 13px; font-weight: 500; z-index: 1; height: 30px; line-height: 30px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .thumb-image { overflow: hidden; height: 185px; background: #ccc; position: relative } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .thumb-image:hover a img { transform: scale(1.1) } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .thumb-image a img { transition: all .3s; max-width: 100% } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .thumb-image a:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, transparent 0, transparent 0, transparent 65%, rgba(0,0,0,.75)); top: 0; z-index: 1 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .thumb-image .price-wrapper { position: absolute; bottom: 10px; left: 15px; color: #fff; font-size: 22px; z-index: 10 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .thumb-image .price-wrapper .price { position: relative; display: inline-block } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .thumb-image .price-wrapper .price .text-price { color: #fff; font-weight: 500; font-size: 22px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .thumb-image .price-wrapper .price .onsale { position: absolute; left: 0; top: -18px; text-decoration: line-through; font-size: 15px; color: #fff!important; font-weight: 400 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .thumb-image .price-wrapper .price .unit { font-size: 14px; color: #fff } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .thumb-image .service-wishlist { position: absolute; right: 5px; z-index: 10; top: 10px; color: #fff; padding: 10px; cursor: pointer } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .thumb-image .service-wishlist i { transition: all .3s; font-size: 16px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .thumb-image .service-wishlist.loading i, .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .thumb-image .service-wishlist:hover i { color: #ff9290 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .thumb-image .service-wishlist.active i { color: red } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .location { font-size: 13px; padding: 0 15px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .location i { position: relative; font-size: 16px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .category { padding: 0 15px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .category .fa { color: #687882; opacity: .6 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .service-review { padding: 10px 15px 0 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .service-review .rate { color: #5191fa } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .service-review .review { margin-left: 30px; position: relative; color: #6a7a84 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .service-review .review:after { position: absolute; content: ""; width: 4px; height: 4px; background: #d0d7dd; border-radius: 50%; left: -18px; top: 8px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .item-title { padding: 20px 15px 5px; font-size: 16px; font-weight: 500; position: relative } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .item-title { min-height: auto } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .item-title a { color: #1a2b50 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .item-title i { color: #ffc107; font-size: 15px; margin-right: 2px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .info { padding: 0 15px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .info:after, .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .info:before { content: ""; display: table; clear: both } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .info .g-price { text-align: left } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .info .g-price .prefix { display: inline-block; font-weight: 400; position: relative } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .info .g-price .prefix i { font-size: 16px; color: #ffc107 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .info .g-price .price { position: relative; display: inline-block } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .info .g-price .price .text-price { font-size: 18px; color: #1a2b48; font-weight: 500 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .info .g-price .price .onsale { text-decoration: line-through; font-size: 14px; color: #c03!important; font-weight: 400 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .info .g-price .price .unit { font-size: 14px; font-weight: 400 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .star-rate { position: absolute; bottom: 10px; left: 15px; z-index: 1 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .list-star { display: inline-block; line-height: 13px; position: relative } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .list-star .booking-item-rating-stars { padding: 0; margin: 0; width: 90px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .list-star .booking-item-rating-stars:after, .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .list-star .booking-item-rating-stars:before { content: ""; display: table; clear: both } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .list-star .booking-item-rating-stars li { list-style: none; float: left; margin-right: 5px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .list-star .booking-item-rating-stars li:last-child { margin-right: 0 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .list-star .booking-item-rating-stars li .fa { font-size: 15px; color: #fa5636 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop.infobox-item { position: relative } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop.infobox-item:after { content: ""; width: 0; height: 0; position: absolute; border-color: transparent #fff #fff transparent; border-style: solid; border-width: 10px; bottom: -9px; left: 0; right: 0; margin: auto; transform: rotate(45deg); box-shadow: 1px 1px 0 #dfdfdf; background: #fff } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list { border: 1px solid #dfdfdf; overflow: hidden; position: relative; margin-bottom: 30px; display: flex } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list { flex-wrap: wrap } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list a { text-decoration: none; transition: all .3s } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .sale_info { position: absolute; width: 50px; height: 50px; right: 10px; top: -25px; color: #fff; font-size: 15px; background-color: #5191fa; display: flex; align-items: center; justify-content: center; border-radius: 50%; z-index: 999; border: 3px solid #fff } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .featured { position: absolute; top: 20px; left: 0; background: #ed0925; display: inline-block; padding: 0 10px; color: #fff; font-size: 13px; font-weight: 500; z-index: 1; height: 30px; line-height: 30px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .thumb-image { overflow: hidden; height: 190px; background: #ccc; position: relative; flex: 0 0 30%; padding: 0 } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .thumb-image { flex: 0 0 100% } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .thumb-image:hover a img { transform: scale(1.1) } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .thumb-image a img { transition: all .3s; max-width: 100% } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .thumb-image a:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, transparent 0, transparent 0, transparent 65%, rgba(0,0,0,.75)); top: 0; z-index: 1 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .thumb-image .price-wrapper { position: absolute; bottom: 10px; left: 15px; color: #fff; font-size: 22px; z-index: 10 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .thumb-image .price-wrapper .price { position: relative; display: inline-block } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .thumb-image .price-wrapper .price .text-price { color: #fff; font-weight: 500; font-size: 22px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .thumb-image .price-wrapper .price .onsale { position: absolute; left: 0; top: -18px; text-decoration: line-through; font-size: 15px; color: #fff!important; font-weight: 400 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .thumb-image .price-wrapper .price .unit { font-size: 14px; color: #fff } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .thumb-image .service-wishlist { position: absolute; right: 0; z-index: 10; top: 0; color: #fff; padding: 20px; cursor: pointer } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .thumb-image .service-wishlist i { transition: all .3s; font-size: 18px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .thumb-image .service-wishlist.loading i, .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .thumb-image .service-wishlist:hover i { color: #ff9290 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .thumb-image .service-wishlist.active i { color: red } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .service-review { padding: 10px 0 0; display: none } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .service-review .rate { color: #5191fa } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .service-review .review { margin-left: 30px; position: relative; color: #6a7a84 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .service-review .review:after { position: absolute; content: ""; width: 4px; height: 4px; background: #d0d7dd; border-radius: 50%; left: -18px; top: 8px } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .service-review { display: block } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .service-review-pc .head { display: flex; align-items: center; position: relative; font-size: 14px; color: #1a2b48; font-weight: 400; line-height: 25px; justify-content: flex-end } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .service-review-pc .head .left { text-align: right } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .service-review-pc .head .left .head-rating { display: block; line-height: 13px; margin-top: 8px; margin-bottom: 1px; font-weight: 500 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .service-review-pc .head .left .text-rating { color: #5191fa; font-size: 14px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .service-review-pc .head .score { position: relative; float: right; margin-left: 12px; padding: 7px 7px 0 9px; background: #5191fa; border-radius: 4px; color: #fff; font-size: 20px; font-weight: 400; min-height: 38px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .service-review-pc .head .score span { font-size: 14px; color: #fff } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .service-review-pc .head .score:after { position: absolute; content: ""; width: 0; height: 0; bottom: 0; left: -8px; border: 15px solid transparent; border-bottom-color: #5191fa } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .service-review-pc .foot { font-size: 14px; text-align: right } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .service-review-pc { display: none } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info { flex: 0 0 45%; padding: 15px; position: relative } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info { flex: 0 0 100%; padding-bottom: 0; display: flex; flex-wrap: wrap; flex-direction: row } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info>div { flex: 0 0 100% } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .item-title { font-size: 16px; font-weight: 500; position: relative; margin-bottom: 5px } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .item-title { min-height: auto; order: 2; margin-bottom: 0 } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .item-title a { color: #1a2b50 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .item-title i { color: #ffc107; font-size: 15px; margin-right: 2px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .location { position: absolute; left: 15px; bottom: 10px; font-size: 13px; } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .location { position: relative; left: 0; bottom: 0; margin-top: 5px; order: 3; margin-bottom: 3px } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .location i { position: relative; font-size: 16px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .star-rate { z-index: 1 } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .star-rate { order: 1 } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .list-star { display: inline-block; line-height: 13px; position: relative } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .list-star .booking-item-rating-stars { padding: 0; margin: 0; width: 90px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .list-star .booking-item-rating-stars:after, .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .list-star .booking-item-rating-stars:before { content: ""; display: table; clear: both } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .list-star .booking-item-rating-stars li { list-style: none; float: left; margin-right: 5px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .list-star .booking-item-rating-stars li:last-child { margin-right: 0 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .list-star .booking-item-rating-stars li .fa { font-size: 14px; color: #fa5636 } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .terms { order: 4 } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .terms .attr-title { display: inline-block; margin-right: 5px; font-size: 13px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .terms .attr-title i { margin-right: 2px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .terms .g-attributes .item { margin-right: 5px; font-size: 13px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .terms .g-attributes .item:before { content: ""; height: 2px; width: 2px; display: inline-block; background: grey; vertical-align: middle; margin-right: 5px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .terms .g-attributes span:nth-child(2):before { display: none } @media (max-width:1280px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .terms .g-attributes { display: none } } @media (max-width:1280px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .terms .g-attributes:first-child { display: block } } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-info .terms .g-attributes { display: block } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-rate-price { flex: 1; padding: 15px 15px 15px 0; position: relative } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-rate-price { flex: 0 0 100%; padding: 0 15px 10px } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-rate-price:before { content: ""; position: absolute; left: 15px; top: 15px; bottom: 15px; border-right: 1px solid #dfdfdf } @media (max-width:1280px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-rate-price:before { left: 0 } } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-rate-price:before { display: none } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-rate-price .g-price { text-align: right; position: absolute; right: 15px; bottom: 10px; float: right } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-rate-price .g-price { position: relative; left: 0; bottom: 0; float: none; text-align: left; border-top: 1px solid #dfdfdf; margin-top: 10px; padding-top: 5px } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-rate-price .g-price .prefix { display: inline-block; font-weight: 400; left: -3px; position: relative } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-rate-price .g-price .prefix i { font-size: 16px; color: #ffc107 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-rate-price .g-price .price { position: relative; display: inline-block } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-rate-price .g-price .price .text-price { font-size: 18px; color: #1a2b48; font-weight: 500 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-rate-price .g-price .price .onsale { text-decoration: line-through; font-size: 14px; color: #c03!important; font-weight: 400 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-rate-price .g-price .price .unit { font-size: 14px; font-weight: 400 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-rate-price .g-price .text-review { float: right; position: relative; top: 5px; color: #4b4b4c; display: none } @media (max-width:766px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop-list .g-rate-price .g-price .text-review { display: block } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget { margin-top: 30px } @media (max-width:1023px) { .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget { margin-bottom: 30px } } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget .heading { padding-left: 15px; padding-top: 5px; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; position: relative; font-size: 18px; color: #1a2b48; font-weight: 600; text-transform: uppercase; margin-bottom: 15px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget .heading:after { position: absolute; content: ""; left: 0; top: 0; width: 3px; height: 30px; background: #5191fa } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget .item { margin-bottom: 15px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget .item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget .item .media .media-left { width: 100px; padding-right: 15px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget .item .media .media-left img { max-width: 100% } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget .item .media .media-body { width: auto } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget .item .media .media-body .media-heading { margin-top: 5px; font-size: 14px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget .item .media .media-body .price-wrapper { margin-top: 8px; font-size: 12px; color: #5e6d77 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget .item .media .media-body .price-wrapper .price { font-weight: 500; font-size: 16px; color: #1a2b48 } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget .item .media .media-body .star-rate { line-height: 16px } .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget .item .media .media-body .star-rate .fa-star { color: #fa5636; font-size: 12px; position: relative } .bravo_wrap .bravo_detail_hotel .bravo_single_book_wrap { margin-top: 20px } @media (max-width:990px) { .bravo_wrap .bravo_detail_hotel .bravo_single_book_wrap { display: none; margin: 0 } .bravo_wrap .bravo_detail_hotel .bravo_single_book_wrap #sticky-wrapper .bravo_tour_book { position: relative!important; top: 0!important; width: auto!important } .bravo_wrap .bravo_detail_hotel .bravo_single_book_wrap.show { position: fixed; z-index: 3000; left: 0; right: 0; padding: 20px!important; overflow: scroll; height: 100%; top: 0; display: flex!important; width: 100%; flex-wrap: wrap; align-items: center } .bravo_wrap .bravo_detail_hotel .bravo_single_book_wrap.show .bravo_tour_book { flex-grow: 1 } .bravo_wrap .bravo_detail_hotel .bravo_single_book_wrap.show #sticky-wrapper { height: auto!important; flex: 1 } .bravo_wrap .bravo_detail_hotel .bravo_single_book_wrap.show .form-head { padding: 10px 15px } .bravo_wrap .bravo_detail_hotel .bravo_single_book_wrap.show .form-head .price .value .onsale { display: inline-block; font-size: 16px } .bravo_wrap .bravo_detail_hotel .bravo_single_book_wrap.show .date-wrapper, .bravo_wrap .bravo_detail_hotel .bravo_single_book_wrap.show .form-guest-search, .bravo_wrap .bravo_detail_hotel .bravo_single_book_wrap.show .form-section-group { padding: 10px 15px } .bravo_wrap .bravo_detail_hotel .bravo_single_book_wrap.show label { margin: 0!important } .bravo_wrap .bravo_detail_hotel .bravo_single_book_wrap.show .form-section-group .form-section-title { font-size: 16px } .bravo_wrap .bravo_detail_hotel .bravo_single_book_wrap.show .form-section-group .form-group { padding-top: 0 } .bravo_wrap .bravo_detail_hotel .bravo_single_book_wrap.show .form-section-group .form-group:last-child { padding-bottom: 0 } .bravo_wrap .bravo_detail_hotel .bravo_single_book_wrap.show .submit-group { padding: 10px 15px; text-align: right } .bravo_wrap .bravo_detail_hotel .bravo_single_book_wrap.show .submit-group .btn { padding: 7px 16px 5px; font-size: 14px; width: auto } } .bravo_wrap .bravo_detail_hotel .bravo_single_book { border: 1px solid #d7dce3; border-top: 5px solid #5191fa; border-radius: 0 0 4px 4px; background: #fff; position: relative; width: 100% } .bravo_wrap .bravo_detail_hotel .bravo_single_book .tour-sale-box { position: absolute; top: -5px; overflow: hidden; height: 70px; width: 70px; right: -1px } .bravo_wrap .bravo_detail_hotel .bravo_single_book .tour-sale-box .sale_class { position: absolute; width: 90px; height: 48px; transform: rotate(45deg); right: -30px; top: -9px; line-height: 65px; text-align: center; color: #fff; font-size: 15px; z-index: 8; background-color: #c03 } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-head { position: relative; padding: 20px; font-size: 14px; border-bottom: 1px solid #d7dce3 } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-head .price { display: flex; align-items: flex-end; font-size: 18px; color: #1a2b48; font-weight: 500 } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-head .price .label { font-size: 14px; font-weight: 400; padding: 0 10px 0 0; position: relative; top: -3px } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-head .price .value { line-height: 28px } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-head .price .value .text-lg { font-weight: 500; font-size: 24px; color: #00001e } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-head .price .value .onsale { display: block; text-decoration: line-through; font-size: 17px; color: #c03!important; font-weight: 400; line-height: 20px } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-content .form-group { margin-bottom: 0; border-bottom: 1px solid #d7dce3 } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-content .form-group .item-disable .icon, .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-content .form-group .item-disable .render, .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-content .form-group .item-disable input, .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-content .form-group .item-disable label { color: #888!important } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-date-search, .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-date-search-hotel { position: relative } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-date-search-hotel .start_date, .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-date-search .start_date { position: absolute; bottom: 0; right: 0; width: 100% } .bravo_wrap .bravo_detail_hotel .bravo_single_book .date-wrapper, .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-guest-search { padding: 15px 20px; display: flex; align-items: center } .bravo_wrap .bravo_detail_hotel .bravo_single_book .date-wrapper .check-in-wrapper, .bravo_wrap .bravo_detail_hotel .bravo_single_book .date-wrapper .guest-wrapper, .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-guest-search .check-in-wrapper, .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-guest-search .guest-wrapper { padding: 0; width: 100%; float: left } .bravo_wrap .bravo_detail_hotel .bravo_single_book .date-wrapper .check-in-wrapper label, .bravo_wrap .bravo_detail_hotel .bravo_single_book .date-wrapper .guest-wrapper label, .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-guest-search .check-in-wrapper label, .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-guest-search .guest-wrapper label { font-size: 16px; color: #1a2b48; font-weight: 500; margin-bottom: 5px } .bravo_wrap .bravo_detail_hotel .bravo_single_book .date-wrapper .check-in-wrapper .render, .bravo_wrap .bravo_detail_hotel .bravo_single_book .date-wrapper .guest-wrapper .render, .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-guest-search .check-in-wrapper .render, .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-guest-search .guest-wrapper .render { font-size: 13px; color: #5e6d77 } .bravo_wrap .bravo_detail_hotel .bravo_single_book .date-wrapper .fa, .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-guest-search .fa { font-size: 25px } .bravo_wrap .bravo_detail_hotel .bravo_single_book .date-wrapper .input-number-group .input input, .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-guest-search .input-number-group .input input { border: none; background: none; width: 35px; text-align: center; color: #000; margin-left: 15px } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-section-group { padding: 15px 20px } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-section-group .form-section-title { font-size: 18px } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-section-group label { font-size: inherit; color: #1a2b48; font-weight: 500; margin-bottom: 0 } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-section-group .render { font-size: 13px; color: #5e6d77 } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-section-group .form-group { padding: 10px 0; border-bottom: 0 } .bravo_wrap .bravo_detail_hotel .bravo_single_book .submit-group { border-top: 1px solid #d7dce3; padding: 20px } .bravo_wrap .bravo_detail_hotel .bravo_single_book .submit-group .btn { width: 100%; font-size: 16px; padding: 12px 25px; color: #fff } .bravo_wrap .bravo_detail_hotel .bravo_single_book .submit-group .alert-text { margin-top: 10px } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-section-total { border-top: 1px solid #d7dce3; padding: 15px 20px } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-section-total label { font-size: 16px; margin-bottom: 0 } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-section-total .price { float: right } .bravo_wrap .bravo_detail_hotel .bravo_single_book .nav-enquiry { background: #f9f9f9; padding: 20px; border-bottom: 1px solid #d7dce3; display: flex } .bravo_wrap .bravo_detail_hotel .bravo_single_book .nav-enquiry .enquiry-item { flex: 0 0 50%; text-align: center } .bravo_wrap .bravo_detail_hotel .bravo_single_book .nav-enquiry .enquiry-item span { color: #1a2b4e; text-transform: uppercase; font-weight: 500; display: inline-block; border-bottom: 1px solid transparent; cursor: pointer } .bravo_wrap .bravo_detail_hotel .bravo_single_book .nav-enquiry .enquiry-item.active span { border-bottom: 1px solid #5191fa; color: #5191fa } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-enquiry { padding: 20px } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-enquiry .btn-primary { width: 100%; color: #fff; font-size: 16px } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-enquiry .btn-primary.is-success { background: #797979!important } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-enquiry .btn-primary.is-success .fa { display: none } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-enquiry .form-control { border-top: none; border-left: none; border-right: none } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-enquiry textarea { height: 100px } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-enquiry .alert-text { margin-top: 10px } .bravo_wrap .bravo_detail_hotel .bravo_single_book .form-send-enquiry { text-align: center; margin: 20px 0 } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; z-index: 11; display: none; border-top: 1px solid #ddd } @media (max-width:990px) { .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile { display: block } } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .container { align-items: center; display: flex; -ms-flex-wrap: wrap; height: 65px; flex-wrap: wrap } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left, .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .right { flex: 0 0 50%; max-width: 50% } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left .g-price .prefix { display: inline-block } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left .g-price .prefix i { font-size: 16px; color: #ffc107 } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left .g-price .fr_text { font-size: 12px } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left .g-price .price { position: relative; display: inline-block } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left .g-price .price .text-price { font-size: 20px; color: #1a2b48; font-weight: 500 } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left .g-price .price .onsale { text-decoration: line-through; font-size: 16px; color: #c03!important; font-weight: 400 } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left .g-price i { font-size: 18px } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left .service-review .list-star { display: inline-block; line-height: 13px; position: relative } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left .service-review .list-star .booking-item-rating-stars { padding: 0; margin: 0; width: 90px } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left .service-review .list-star .booking-item-rating-stars:after, .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left .service-review .list-star .booking-item-rating-stars:before { content: ""; display: table; clear: both } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left .service-review .list-star .booking-item-rating-stars li { list-style: none; float: left; margin-right: 5px } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left .service-review .list-star .booking-item-rating-stars li:last-child { margin-right: 0 } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left .service-review .list-star .booking-item-rating-stars li .fa { font-size: 15px; color: #ffdc00 } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left .service-review .list-star .booking-item-rating-stars-active { position: absolute; width: 0; top: 0; left: 0; overflow: hidden } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left .service-review .review { position: relative; top: -2px; font-size: 13px; color: #768092; margin-left: 10px } @media (max-width:340px) { .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .left .service-review .review { display: none } } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .right { text-align: right } .bravo_wrap .bravo_detail_hotel .bravo-more-book-mobile .btn-primary { padding: 8px 20px 6px; color: #fff; text-transform: uppercase } .bravo_wrap .bravo_detail_hotel .hotel_rooms_form .nav-enquiry { background: #f9f9f9; padding: 20px; display: flex; border: 1px solid #d7dce3; border-top: 5px solid #5191fa } .bravo_wrap .bravo_detail_hotel .hotel_rooms_form .nav-enquiry .enquiry-item { flex: 0 0 50%; text-align: center } .bravo_wrap .bravo_detail_hotel .hotel_rooms_form .nav-enquiry .enquiry-item span { color: #1a2b4e; text-transform: uppercase; font-weight: 500; display: inline-block; border-bottom: 1px solid transparent; cursor: pointer } .bravo_wrap .bravo_detail_hotel .hotel_rooms_form .nav-enquiry .enquiry-item.active span { border-bottom: 1px solid #5191fa; color: #5191fa } .bravo_wrap .bravo_detail_hotel .hotel_rooms_form .form-enquiry { padding: 20px } .bravo_wrap .bravo_detail_hotel .hotel_rooms_form .form-enquiry .btn-primary { width: 100%; color: #fff; font-size: 16px } .bravo_wrap .bravo_detail_hotel .hotel_rooms_form .form-enquiry .btn-primary.is-success { background: #797979!important } .bravo_wrap .bravo_detail_hotel .hotel_rooms_form .form-enquiry .btn-primary.is-success .fa { display: none } .bravo_wrap .bravo_detail_hotel .hotel_rooms_form .form-enquiry .form-control { border-top: none; border-left: none; border-right: none } .bravo_wrap .bravo_detail_hotel .hotel_rooms_form .form-enquiry textarea { height: 100px } .bravo_wrap .bravo_detail_hotel .hotel_rooms_form .form-enquiry .alert-text { margin-top: 10px } .bravo_wrap .bravo_detail_hotel .hotel_rooms_form .form-enquiry { border: 1px solid #d7dce3; border-top: none } .bravo_wrap .bravo_detail_hotel .hotel_rooms_form .form-enquiry .btn-primary { width: 180px } .bravo_wrap .bravo_detail_hotel #enquiry_form_modal, .bravo_wrap .bravo_detail_hotel #enquiry_form_modal .modal-dialog { z-index: 9999 } .bravo_wrap .bravo_detail_hotel #enquiry_form_modal:before { content: ""; position: absolute; left: 0; top: 0; background: #000; z-index: 9998; bottom: 0; right: 0; opacity: .8 } .bravo_wrap .bravo_search_map .list-item { margin-top: 15px } .cart-total-group { border-top: 1px solid #d7dce3 } .cart-total-group ul { margin: 0; padding: 0; list-style: none } .cart-total-group li { display: flex; justify-content: space-between; padding: 7px 0 } .cart-total-group li .label { flex-grow: 1; color: #1a2b48; font-weight: 500 } .cart-total-group li .val { flex-shrink: 0 } .cart-total-group li.line-end-total { border-top: 1px solid #d7dce3 } .cart-total-group li.line-new-section { border-top: 1px solid #d7dce3; color: #1a2b48; font-weight: 500; font-size: 16px } .cart-total-group li.line-end-total .label { font-size: 16px } .cart-total-group li.line-end-total .val { color: #5191fa; font-weight: 500; font-size: 16px } .has-search-map { height: 100% } .has-search-map .bravo_wrap { display: flex; height: 100%; flex-direction: column } .has-search-map .bravo_wrap .bravo_header { background: #fff } .has-search-map .bravo_wrap .bravo_header .content { background: transparent } .has-search-map .bravo_wrap .bravo_header .header-left { width: 80% } @media (max-width:1366px) { .has-search-map .bravo_wrap .bravo_header .header-left { width: 75% } } .has-search-map .bravo_wrap .bravo_header .header-right { width: 20% } @media (max-width:1366px) { .has-search-map .bravo_wrap .bravo_header .header-right { width: 25% } } .has-search-map .bravo_wrap .bravo_search_tour { flex-grow: 1; display: flex; overflow-y: auto; flex-direction: column } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map { border-top: 1px solid #e0e0e0; flex-shrink: 0; padding: 12px } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .filter-item { padding: 0 8px; flex-grow: 1 } @media (max-width:990px) { .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .filter-item { border-bottom: 1px solid #e0e0e0 } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .filter-item:last-child { border-bottom: none } } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .filter-item .dropdown-menu { margin-top: -1px; box-shadow: 1px 1px 4px rgba(0,0,0,.2); background-color: #fff; border: 1px solid #ccc; padding: 20px; min-width: 250px; border-radius: 0 } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .filter-item .dropdown-toggle:after { display: none } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form { background: #fff; box-shadow: none } @media (max-width:990px) { .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form { display: block!important; border: 1px solid #ccc; border-bottom: none; box-shadow: 0 1px 2px 0 rgba(0,0,0,.2) } } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-group { margin-bottom: 0; border: 1px solid #e0e0e0; height: 42px; position: relative } @media (max-width:990px) { .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-group { border: none } } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .border-right { border-right: 1px solid #d7dce3 } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .field-detination { position: relative; padding: 8px; transition: all .3s } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .field-detination #dropdown-destination { padding-left: 40px } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .field-detination #dropdown-destination .form-control { border: none; box-shadow: none; padding: 0; font-size: 14px; color: #4b4b4b; position: relative; left: -5px; height: 25px!important } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .field-detination #dropdown-destination .form-control option { color: #000 } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form label { font-size: 14px; font-weight: 400; margin-bottom: 0 } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .render { font-size: 14px; color: #4b4b4b } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .field-icon { position: absolute; top: 50%; margin-top: -12px; font-size: 23px; left: 8px } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search-hotel, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-guest-search { padding: 10px 15px 8px; position: relative; transition: all .3s } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search-hotel .date-wrapper, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search .date-wrapper, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-guest-search .date-wrapper { padding-left: 15px } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search-hotel .start_date, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search .start_date, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-guest-search .start_date { position: absolute } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search-hotel .check-in-wrapper, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search-hotel .guest-wrapper, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search .check-in-wrapper, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search .guest-wrapper, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-guest-search .check-in-wrapper, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-guest-search .guest-wrapper { padding-left: 10px } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search-hotel .check-in-wrapper .check-in-render, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search-hotel .check-in-wrapper .check-out-render, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search-hotel .guest-wrapper .check-in-render, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search-hotel .guest-wrapper .check-out-render, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search .check-in-wrapper .check-in-render, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search .check-in-wrapper .check-out-render, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search .guest-wrapper .check-in-render, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search .guest-wrapper .check-out-render, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-guest-search .check-in-wrapper .check-in-render, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-guest-search .check-in-wrapper .check-out-render, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-guest-search .guest-wrapper .check-in-render, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-guest-search .guest-wrapper .check-out-render { display: inline-block; width: auto } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search-hotel .check-in-wrapper span, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search-hotel .guest-wrapper span, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search .check-in-wrapper span, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search .guest-wrapper span, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-guest-search .check-in-wrapper span, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-guest-search .guest-wrapper span { position: relative; padding: 0 5px } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search-hotel .check-in-wrapper label, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search-hotel .guest-wrapper label, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search .check-in-wrapper label, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search .guest-wrapper label, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-guest-search .check-in-wrapper label, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-guest-search .guest-wrapper label { display: block } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search-hotel .check-in-out, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-date-search .check-in-out, .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-guest-search .check-in-out { position: absolute; left: -15px; bottom: 1px; z-index: -1; opacity: 0 } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .filter-simple .form-group .filter-title { padding: 10px 15px; justify-content: space-between; align-items: center; display: flex; margin: 0; font-weight: 400; line-height: 20px; font-size: 14px } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .g-button-submit { position: relative; min-height: 66px; margin: 0 -1px 0 -15px } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .g-button-submit button { position: absolute; left: 0; top: 0; display: block; height: 100%; width: 100%; margin-right: -15px; border-radius: 0; background: #5191fa; border: none; text-transform: uppercase; font-weight: 500; cursor: pointer } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-content { padding: 8px 8px 8px 40px } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-content .smart-search { position: static } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-content .smart-search .parent_text { font-size: 14px; color: #4b4b4b } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-content .smart-search .parent_text::-moz-placeholder { color:#4b4b4b } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-content .smart-search .parent_text:-ms-input-placeholder { color:#4b4b4b } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-content .smart-search .parent_text::placeholder { color:#4b4b4b } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-content .smart-search:after { color: #4b4b4b; top: 18px; right: 15px } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-content .bravo-autocomplete { margin-top: 1px; right: -1px; left: -1px } .has-search-map .bravo_wrap .bravo_search_tour .bravo_form_search_map .bravo_form .form-content .g-map-place>.form-control { height: 25px } .has-search-map .bravo_search_map { display: flex; flex-grow: 1; min-height: 0; background: #f5f5f5; border-top: 1px solid #e0e0e0; direction: ltr } @media (max-width:990px) { .has-search-map .bravo_search_map { display: block } } .has-search-map .bravo_search_map .results_map { flex-shrink: 0; width: 40%; left: 0; border-right: 1px solid #e0e0e0; position: relative; order: 1 } @media (max-width:990px) { .has-search-map .bravo_search_map .results_map { width: 100%; height: 300px; padding: 15px; border-right: none; background: #fff } } .has-search-map .bravo_search_map .results_map .map_loading { display: none } .has-search-map .bravo_search_map .results_map .results_map_inner { height: 100%; z-index: 1 } .has-search-map .bravo_search_map .results_item { flex-grow: 1; position: relative; order: 2 } .has-search-map .bravo_search_map .results_item #advance_filters { position: absolute; top: 0; left: 0; right: 0; display: flex; z-index: 999999; flex-direction: column; background: #fff } @media (max-width:990px) { .has-search-map .bravo_search_map .results_item #advance_filters { position: fixed; bottom: 0 } } .has-search-map .bravo_search_map .results_item #advance_filters .ad-filter-b { flex-grow: 1; min-height: 0; overflow-y: auto; padding: 30px } .has-search-map .bravo_search_map .results_item #advance_filters .ad-filter-b .filter-item { border-bottom: 1px solid #dbdbdb; padding-bottom: 15px; margin-bottom: 15px } .has-search-map .bravo_search_map .results_item #advance_filters .ad-filter-b .filter-item:last-child { border-bottom: 0 } .has-search-map .bravo_search_map .results_item #advance_filters .ad-filter-b .filter-title { margin-bottom: 10px; font-size: 15px } .has-search-map .bravo_search_map .results_item #advance_filters .ad-filter-b .filter-items { padding: 0; list-style: none } .has-search-map .bravo_search_map .results_item #advance_filters .ad-filter-b .filter-items .filter-term-item label { margin-bottom: 8px } .has-search-map .bravo_search_map .results_item #advance_filters .ad-filter-f { border-top: 1px solid #ececec; background-color: #fafafa; flex-shrink: 0; padding: 10px 15px; border-bottom: 1px solid #dad8d8 } .has-search-map .bravo_search_map .results_item .text-paginate { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 15px 0 0; color: #818181 } .has-search-map .bravo_search_map .results_item .text-paginate h2 { font-size: 24px; color: #000; margin-bottom: 0 } .has-search-map .bravo_search_map .results_item .listing_items { height: 100%; overflow-y: auto } .has-search-map .bravo_search_map .results_item .listing_items .bravo-list-item { height: 100%; padding: 0 30px } @media (max-width:1023px) { .has-search-map .bravo_search_map .results_item .listing_items .bravo-list-item { height: auto } } @media (max-width:766px) { .has-search-map .bravo_search_map .results_item .listing_items .bravo-list-item { padding: 0 15px } } .has-search-map .bravo_search_map .results_item .listing_items .bravo-list-item.not-found { justify-content: center; align-items: center; text-align: center; display: flex } @media (max-width:1280px) { .has-search-map .bravo_search_map .results_item .listing_items .bravo-list-item .list-item .row .col-md-6 { flex: 0 0 50%; max-width: 50% } } @media (max-width:766px) { .has-search-map .bravo_search_map .results_item .listing_items .bravo-list-item .list-item .row .col-md-6 { flex: 0 0 100%; max-width: 100% } } .has-search-map .bravo_search_map .results_item .listing_items .bravo-list-item .list-item .item-tour { background: #fff } .has-search-map .bravo_search_map .results_item .listing_items .bravo-list-item .list-item .item-tour .thumb-image { max-height: 170px } @media (max-width:766px) { .has-search-map .bravo_search_map .results_item .listing_items .bravo-list-item .list-item .item-tour .thumb-image { max-height: 180px } } .has-search-map .bravo_search_map.map_right .results_map { order: 2 } .has-search-map .bravo_search_map.map_right .results_item { order: 1 } .has-search-map .bravo-filter-price .irs--flat .irs-from, .has-search-map .bravo-filter-price .irs--flat .irs-single, .has-search-map .bravo-filter-price .irs--flat .irs-to { font-size: 11px; background-color: #5191fa } .has-search-map .bravo-filter-price .irs--flat .irs-bar { top: 25px; height: 12px; background-color: #5191fa } .has-search-map .bravo-filter-price .irs--flat .irs-handle>i:first-child { background-color: #5191fa } .has-search-map .bravo-filter-price .irs--flat .irs-from:before, .has-search-map .bravo-filter-price .irs--flat .irs-single:before, .has-search-map .bravo-filter-price .irs--flat .irs-to:before { border-top-color: #5191fa } .has-search-map .bravo_search_map .results_map .item-loop { border: 1px solid #dfdfdf; overflow: hidden; padding-bottom: 20px; position: relative; margin-bottom: 30px } .has-search-map .bravo_search_map .results_map .item-loop a { text-decoration: none; transition: all .3s } .has-search-map .bravo_search_map .results_map .item-loop .sale_info { position: absolute; width: 50px; height: 50px; right: 10px; top: -25px; color: #fff; font-size: 15px; background-color: #5191fa; display: flex; align-items: center; justify-content: center; border-radius: 50%; z-index: 999; border: 3px solid #fff } .has-search-map .bravo_search_map .results_map .item-loop .featured { position: absolute; top: 20px; left: 0; background: #ed0925; display: inline-block; padding: 0 10px; color: #fff; font-size: 13px; font-weight: 500; z-index: 1; height: 30px; line-height: 30px } .has-search-map .bravo_search_map .results_map .item-loop .thumb-image { overflow: hidden; height: 185px; background: #ccc; position: relative } .has-search-map .bravo_search_map .results_map .item-loop .thumb-image:hover a img { transform: scale(1.1) } .has-search-map .bravo_search_map .results_map .item-loop .thumb-image a img { transition: all .3s; max-width: 100% } .has-search-map .bravo_search_map .results_map .item-loop .thumb-image a:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, transparent 0, transparent 0, transparent 65%, rgba(0,0,0,.75)); top: 0; z-index: 1 } .has-search-map .bravo_search_map .results_map .item-loop .thumb-image .price-wrapper { position: absolute; bottom: 10px; left: 15px; color: #fff; font-size: 22px; z-index: 10 } .has-search-map .bravo_search_map .results_map .item-loop .thumb-image .price-wrapper .price { position: relative; display: inline-block } .has-search-map .bravo_search_map .results_map .item-loop .thumb-image .price-wrapper .price .text-price { color: #fff; font-weight: 500; font-size: 22px } .has-search-map .bravo_search_map .results_map .item-loop .thumb-image .price-wrapper .price .onsale { position: absolute; left: 0; top: -18px; text-decoration: line-through; font-size: 15px; color: #fff!important; font-weight: 400 } .has-search-map .bravo_search_map .results_map .item-loop .thumb-image .price-wrapper .price .unit { font-size: 14px; color: #fff } .has-search-map .bravo_search_map .results_map .item-loop .thumb-image .service-wishlist { position: absolute; right: 5px; z-index: 10; top: 10px; color: #fff; padding: 10px; cursor: pointer } .has-search-map .bravo_search_map .results_map .item-loop .thumb-image .service-wishlist i { transition: all .3s; font-size: 16px } .has-search-map .bravo_search_map .results_map .item-loop .thumb-image .service-wishlist.loading i, .has-search-map .bravo_search_map .results_map .item-loop .thumb-image .service-wishlist:hover i { color: #ff9290 } .has-search-map .bravo_search_map .results_map .item-loop .thumb-image .service-wishlist.active i { color: red } .has-search-map .bravo_search_map .results_map .item-loop .location { font-size: 13px; padding: 0 15px } .has-search-map .bravo_search_map .results_map .item-loop .location i { position: relative; font-size: 16px } .has-search-map .bravo_search_map .results_map .item-loop .category { padding: 0 15px } .has-search-map .bravo_search_map .results_map .item-loop .category .fa { color: #687882; opacity: .6 } .has-search-map .bravo_search_map .results_map .item-loop .service-review { padding: 10px 15px 0 } .has-search-map .bravo_search_map .results_map .item-loop .service-review .rate { color: #5191fa } .has-search-map .bravo_search_map .results_map .item-loop .service-review .review { margin-left: 30px; position: relative; color: #6a7a84 } .has-search-map .bravo_search_map .results_map .item-loop .service-review .review:after { position: absolute; content: ""; width: 4px; height: 4px; background: #d0d7dd; border-radius: 50%; left: -18px; top: 8px } .has-search-map .bravo_search_map .results_map .item-loop .item-title { padding: 20px 15px 5px; font-size: 16px; font-weight: 500; position: relative } @media (max-width:766px) { .has-search-map .bravo_search_map .results_map .item-loop .item-title { min-height: auto } } .has-search-map .bravo_search_map .results_map .item-loop .item-title a { color: #1a2b50 } .has-search-map .bravo_search_map .results_map .item-loop .item-title i { color: #ffc107; font-size: 15px; margin-right: 2px } .has-search-map .bravo_search_map .results_map .item-loop .info { padding: 0 15px } .has-search-map .bravo_search_map .results_map .item-loop .info:after, .has-search-map .bravo_search_map .results_map .item-loop .info:before { content: ""; display: table; clear: both } .has-search-map .bravo_search_map .results_map .item-loop .info .g-price { text-align: left } .has-search-map .bravo_search_map .results_map .item-loop .info .g-price .prefix { display: inline-block; font-weight: 400; position: relative } .has-search-map .bravo_search_map .results_map .item-loop .info .g-price .prefix i { font-size: 16px; color: #ffc107 } .has-search-map .bravo_search_map .results_map .item-loop .info .g-price .price { position: relative; display: inline-block } .has-search-map .bravo_search_map .results_map .item-loop .info .g-price .price .text-price { font-size: 18px; color: #1a2b48; font-weight: 500 } .has-search-map .bravo_search_map .results_map .item-loop .info .g-price .price .onsale { text-decoration: line-through; font-size: 14px; color: #c03!important; font-weight: 400 } .has-search-map .bravo_search_map .results_map .item-loop .info .g-price .price .unit { font-size: 14px; font-weight: 400 } .has-search-map .bravo_search_map .results_map .item-loop .star-rate { position: absolute; bottom: 10px; left: 15px; z-index: 1 } .has-search-map .bravo_search_map .results_map .item-loop .list-star { display: inline-block; line-height: 13px; position: relative } .has-search-map .bravo_search_map .results_map .item-loop .list-star .booking-item-rating-stars { padding: 0; margin: 0; width: 90px } .has-search-map .bravo_search_map .results_map .item-loop .list-star .booking-item-rating-stars:after, .has-search-map .bravo_search_map .results_map .item-loop .list-star .booking-item-rating-stars:before { content: ""; display: table; clear: both } .has-search-map .bravo_search_map .results_map .item-loop .list-star .booking-item-rating-stars li { list-style: none; float: left; margin-right: 5px } .has-search-map .bravo_search_map .results_map .item-loop .list-star .booking-item-rating-stars li:last-child { margin-right: 0 } .has-search-map .bravo_search_map .results_map .item-loop .list-star .booking-item-rating-stars li .fa { font-size: 15px; color: #fa5636 } .has-search-map .bravo_search_map .results_map .item-loop.infobox-item { position: relative } .has-search-map .bravo_search_map .results_map .item-loop.infobox-item:after { content: ""; width: 0; height: 0; position: absolute; border-color: transparent #fff #fff transparent; border-style: solid; border-width: 10px; bottom: -9px; left: 0; right: 0; margin: auto; transform: rotate(45deg); box-shadow: 1px 1px 0 #dfdfdf; background: #fff } .has-search-map .bravo_search_map .results_map .item-loop-list { border: 1px solid #dfdfdf; overflow: hidden; position: relative; margin-bottom: 30px; display: flex } @media (max-width:766px) { .has-search-map .bravo_search_map .results_map .item-loop-list { flex-wrap: wrap } } .has-search-map .bravo_search_map .results_map .item-loop-list a { text-decoration: none; transition: all .3s } .has-search-map .bravo_search_map .results_map .item-loop-list .sale_info { position: absolute; width: 50px; height: 50px; right: 10px; top: -25px; color: #fff; font-size: 15px; background-color: #5191fa; display: flex; align-items: center; justify-content: center; border-radius: 50%; z-index: 999; border: 3px solid #fff } .has-search-map .bravo_search_map .results_map .item-loop-list .featured { position: absolute; top: 20px; left: 0; background: #ed0925; display: inline-block; padding: 0 10px; color: #fff; font-size: 13px; font-weight: 500; z-index: 1; height: 30px; line-height: 30px } .has-search-map .bravo_search_map .results_map .item-loop-list .thumb-image { overflow: hidden; height: 190px; background: #ccc; position: relative; flex: 0 0 30%; padding: 0 } @media (max-width:766px) { .has-search-map .bravo_search_map .results_map .item-loop-list .thumb-image { flex: 0 0 100% } } .has-search-map .bravo_search_map .results_map .item-loop-list .thumb-image:hover a img { transform: scale(1.1) } .has-search-map .bravo_search_map .results_map .item-loop-list .thumb-image a img { transition: all .3s; max-width: 100% } .has-search-map .bravo_search_map .results_map .item-loop-list .thumb-image a:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, transparent 0, transparent 0, transparent 65%, rgba(0,0,0,.75)); top: 0; z-index: 1 } .has-search-map .bravo_search_map .results_map .item-loop-list .thumb-image .price-wrapper { position: absolute; bottom: 10px; left: 15px; color: #fff; font-size: 22px; z-index: 10 } .has-search-map .bravo_search_map .results_map .item-loop-list .thumb-image .price-wrapper .price { position: relative; display: inline-block } .has-search-map .bravo_search_map .results_map .item-loop-list .thumb-image .price-wrapper .price .text-price { color: #fff; font-weight: 500; font-size: 22px } .has-search-map .bravo_search_map .results_map .item-loop-list .thumb-image .price-wrapper .price .onsale { position: absolute; left: 0; top: -18px; text-decoration: line-through; font-size: 15px; color: #fff!important; font-weight: 400 } .has-search-map .bravo_search_map .results_map .item-loop-list .thumb-image .price-wrapper .price .unit { font-size: 14px; color: #fff } .has-search-map .bravo_search_map .results_map .item-loop-list .thumb-image .service-wishlist { position: absolute; right: 0; z-index: 10; top: 0; color: #fff; padding: 20px; cursor: pointer } .has-search-map .bravo_search_map .results_map .item-loop-list .thumb-image .service-wishlist i { transition: all .3s; font-size: 18px } .has-search-map .bravo_search_map .results_map .item-loop-list .thumb-image .service-wishlist.loading i, .has-search-map .bravo_search_map .results_map .item-loop-list .thumb-image .service-wishlist:hover i { color: #ff9290 } .has-search-map .bravo_search_map .results_map .item-loop-list .thumb-image .service-wishlist.active i { color: red } .has-search-map .bravo_search_map .results_map .item-loop-list .service-review { padding: 10px 0 0; display: none } .has-search-map .bravo_search_map .results_map .item-loop-list .service-review .rate { color: #5191fa } .has-search-map .bravo_search_map .results_map .item-loop-list .service-review .review { margin-left: 30px; position: relative; color: #6a7a84 } .has-search-map .bravo_search_map .results_map .item-loop-list .service-review .review:after { position: absolute; content: ""; width: 4px; height: 4px; background: #d0d7dd; border-radius: 50%; left: -18px; top: 8px } @media (max-width:766px) { .has-search-map .bravo_search_map .results_map .item-loop-list .service-review { display: block } } .has-search-map .bravo_search_map .results_map .item-loop-list .service-review-pc .head { display: flex; align-items: center; position: relative; font-size: 14px; color: #1a2b48; font-weight: 400; line-height: 25px; justify-content: flex-end } .has-search-map .bravo_search_map .results_map .item-loop-list .service-review-pc .head .left { text-align: right } .has-search-map .bravo_search_map .results_map .item-loop-list .service-review-pc .head .left .head-rating { display: block; line-height: 13px; margin-top: 8px; margin-bottom: 1px; font-weight: 500 } .has-search-map .bravo_search_map .results_map .item-loop-list .service-review-pc .head .left .text-rating { color: #5191fa; font-size: 14px } .has-search-map .bravo_search_map .results_map .item-loop-list .service-review-pc .head .score { position: relative; float: right; margin-left: 12px; padding: 7px 7px 0 9px; background: #5191fa; border-radius: 4px; color: #fff; font-size: 20px; font-weight: 400; min-height: 38px } .has-search-map .bravo_search_map .results_map .item-loop-list .service-review-pc .head .score span { font-size: 14px; color: #fff } .has-search-map .bravo_search_map .results_map .item-loop-list .service-review-pc .head .score:after { position: absolute; content: ""; width: 0; height: 0; bottom: 0; left: -8px; border: 15px solid transparent; border-bottom-color: #5191fa } .has-search-map .bravo_search_map .results_map .item-loop-list .service-review-pc .foot { font-size: 14px; text-align: right } @media (max-width:766px) { .has-search-map .bravo_search_map .results_map .item-loop-list .service-review-pc { display: none } } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info { flex: 0 0 45%; padding: 15px; position: relative } @media (max-width:766px) { .has-search-map .bravo_search_map .results_map .item-loop-list .g-info { flex: 0 0 100%; padding-bottom: 0; display: flex; flex-wrap: wrap; flex-direction: row } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info>div { flex: 0 0 100% } } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .item-title { font-size: 16px; font-weight: 500; position: relative; margin-bottom: 5px } @media (max-width:766px) { .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .item-title { min-height: auto; order: 2; margin-bottom: 0 } } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .item-title a { color: #1a2b50 } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .item-title i { color: #ffc107; font-size: 15px; margin-right: 2px } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .location { position: absolute; left: 15px; bottom: 10px; font-size: 13px; color: #5e6d77 } @media (max-width:766px) { .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .location { position: relative; left: 0; bottom: 0; margin-top: 5px; order: 3; margin-bottom: 3px } } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .location i { position: relative; font-size: 16px } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .star-rate { z-index: 1 } @media (max-width:766px) { .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .star-rate { order: 1 } } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .list-star { display: inline-block; line-height: 13px; position: relative } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .list-star .booking-item-rating-stars { padding: 0; margin: 0; width: 90px } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .list-star .booking-item-rating-stars:after, .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .list-star .booking-item-rating-stars:before { content: ""; display: table; clear: both } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .list-star .booking-item-rating-stars li { list-style: none; float: left; margin-right: 5px } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .list-star .booking-item-rating-stars li:last-child { margin-right: 0 } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .list-star .booking-item-rating-stars li .fa { font-size: 14px; color: #fa5636 } @media (max-width:766px) { .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .terms { order: 4 } } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .terms .attr-title { display: inline-block; margin-right: 5px; font-size: 13px } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .terms .attr-title i { margin-right: 2px } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .terms .g-attributes .item { margin-right: 5px; font-size: 13px } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .terms .g-attributes .item:before { content: ""; height: 2px; width: 2px; display: inline-block; background: grey; vertical-align: middle; margin-right: 5px } .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .terms .g-attributes span:nth-child(2):before { display: none } @media (max-width:1280px) { .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .terms .g-attributes { display: none } } @media (max-width:1280px) { .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .terms .g-attributes:first-child { display: block } } @media (max-width:766px) { .has-search-map .bravo_search_map .results_map .item-loop-list .g-info .terms .g-attributes { display: block } } .has-search-map .bravo_search_map .results_map .item-loop-list .g-rate-price { flex: 1; padding: 15px 15px 15px 0; position: relative } @media (max-width:766px) { .has-search-map .bravo_search_map .results_map .item-loop-list .g-rate-price { flex: 0 0 100%; padding: 0 15px 10px } } .has-search-map .bravo_search_map .results_map .item-loop-list .g-rate-price:before { content: ""; position: absolute; left: 15px; top: 15px; bottom: 15px; border-right: 1px solid #dfdfdf } @media (max-width:1280px) { .has-search-map .bravo_search_map .results_map .item-loop-list .g-rate-price:before { left: 0 } } @media (max-width:766px) { .has-search-map .bravo_search_map .results_map .item-loop-list .g-rate-price:before { display: none } } .has-search-map .bravo_search_map .results_map .item-loop-list .g-rate-price .g-price { text-align: right; position: absolute; right: 15px; bottom: 10px; float: right } @media (max-width:766px) { .has-search-map .bravo_search_map .results_map .item-loop-list .g-rate-price .g-price { position: relative; left: 0; bottom: 0; float: none; text-align: left; border-top: 1px solid #dfdfdf; margin-top: 10px; padding-top: 5px } } .has-search-map .bravo_search_map .results_map .item-loop-list .g-rate-price .g-price .prefix { display: inline-block; font-weight: 400; left: -3px; position: relative } .has-search-map .bravo_search_map .results_map .item-loop-list .g-rate-price .g-price .prefix i { font-size: 16px; color: #ffc107 } .has-search-map .bravo_search_map .results_map .item-loop-list .g-rate-price .g-price .price { position: relative; display: inline-block } .has-search-map .bravo_search_map .results_map .item-loop-list .g-rate-price .g-price .price .text-price { font-size: 18px; color: #1a2b48; font-weight: 500 } .has-search-map .bravo_search_map .results_map .item-loop-list .g-rate-price .g-price .price .onsale { text-decoration: line-through; font-size: 14px; color: #c03!important; font-weight: 400 } .has-search-map .bravo_search_map .results_map .item-loop-list .g-rate-price .g-price .price .unit { font-size: 14px; font-weight: 400 } .has-search-map .bravo_search_map .results_map .item-loop-list .g-rate-price .g-price .text-review { float: right; position: relative; top: 5px; color: #4b4b4c; display: none } @media (max-width:766px) { .has-search-map .bravo_search_map .results_map .item-loop-list .g-rate-price .g-price .text-review { display: block } } @media (max-width:1920px) { #safaricalendar{ right:34.68% !important; } } @media (max-width: 1680px){ #safaricalendar { right: 32.68% !important; }} @media (max-width: 1440px){ #safaricalendar { right: 29.68% !important; }} @media (max-width: 1366px){ #safaricalendar { right: 28.58% !important; } } @media (max-width: 1360px){ #safaricalendar { right: 28.4% !important; } } @media (max-width: 1280px){ #safaricalendar { right: 26.99% !important ; } } @media (max-width: 1024px){ #safaricalendar { right: 15.99% !important; } } @media (max-width: 680px){ #safaricalendar { right: 15.99% !important; } }