/*=========================================================
Opal Hotel Grid Css Css
=========================================================*/
.pull-left { float: left; }
.pull-right { float: right; }
.grid-row { position: relative; width: auto; margin-left: -1.5%; margin-right: -1.5%; }
.grid-row .grid-column { float: left; margin: 0.5rem 1.5%; min-height: 0.125rem; }
.grid-row::after { content: ""; display: table; clear: both; }

.grid-column-1, .grid-column-2, .grid-column-3, .grid-column-4, .grid-column-5, .grid-column-6, .grid-column-7, .grid-column-8, .grid-column-9, .grid-column-10, .grid-column-11, .grid-column-12 { width: 97%; }
.grid-column-1-sm { width: 5.33333%; }
.grid-column-2-sm { width: 13.66667%; }
.grid-column-3-sm { width: 22%; }
.grid-column-4-sm { width: 30.33333%; }
.grid-column-5-sm { width: 38.66667%; }
.grid-column-6-sm { width: 47%; }
.grid-column-7-sm { width: 55.33333%; }
.grid-column-8-sm { width: 63.66667%; }
.grid-column-9-sm { width: 72%; }
.grid-column-10-sm { width: 80.33333%; }
.grid-column-11-sm { width: 88.66667%; }
.grid-column-12-sm { width: 97%; }

@media only screen and (min-width: 45em) {
  .grid-column-1 { width: 5.33333%; }
  .grid-column-2 { width: 13.66667%; }
  .grid-column-3 { width: 22%; }
  .grid-column-4 { width: 30.33333%; }
  .grid-column-5 { width: 38.66667%; }
  .grid-column-6 { width: 47%; }
  .grid-column-7 { width: 55.33333%; }
  .grid-column-8 { width: 63.66667%; }
  .grid-column-9 { width: 72%; }
  .grid-column-10 { width: 80.33333%; }
  .grid-column-11 { width: 88.66667%; }
  .grid-column-12 { width: 97%; } 
}
.row { margin-left: -15px; margin-right: -15px; }
	
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float:left; position:relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
  .col-md-1 { width: 8.33333%; }
  .col-md-2 { width: 16.66667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.33333%; }
  .col-md-5 { width: 41.66667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.33333%; }
  .col-md-8 { width: 66.66667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.33333%; }
  .col-md-11 { width: 91.66667%; }
  .col-md-12 { width: 100%; }
}
	
/*=========================================================
Opal Hotel Check Reservation Css
=========================================================*/
.travern_check_room_left_inner .opalhotel_form_section{ width:100%; background-color:transparent; padding:0; }
.opalhotel_form_section .opalhotel-form-field { padding: 5px 40px; }
.opalhotel-form-field-group{ position:relative; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group i { top: 17px; right: 15px; color:#888888; }
.opalhotel-form-field-group i { position: absolute; right: 10px; top: 7px; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group i { top: 17px; right: 15px; color:#888888; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-lable { display:block; color: #000; font-size: 12px; letter-spacing: 2px; margin-bottom: 5px; font-weight: 400; text-transform:uppercase; font-family:'Roboto slab'; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group select { border-radius: 0; appearance:none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; margin-bottom:0; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group input, .opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group select { background-color: #f9f9f9; padding: 0 18px 0 12px; line-height: 50px; height: 50px; font-size: 12px; color: #999999; border: none; }
.opalhotel-form-field-group input, .opalhotel-form-field-group select, .opalhotel-form-field-group button { background-color: #FFF; text-transform: uppercase; border-color: #e4e4e4; border-width: 1px; border-style: solid; color: #333; padding: 7px 20px 7px 12px; font-size: 11px; line-height: 1.2; background-image: none; width: 100%; }
.opalhotel-datpicker table { margin: 0; border: none; line-height: 1; width: 100%; border-spacing: 0; border-collapse: collapse; }
.opalhotel-datpicker table thead{ line-height:30px; }
.opalhotel-datpicker .ui-datepicker-prev.ui-state-disabled, .opalhotel-datpicker .ui-datepicker-next.ui-state-disabled, .opalhotel-datpicker td span, .opalhotel-datpicker td span { opacity: 0.3; }
.opalhotel-datpicker .ui-datepicker-title { font-size: 16px; font-weight: 600; text-transform: uppercase; text-align: center; }
.opalhotel-datpicker .ui-datepicker-prev { left: 10px; }
.opalhotel-datpicker .ui-datepicker-next { right: 10px; }
.opalhotel-datpicker .ui-datepicker-prev, .opalhotel-datpicker .ui-datepicker-next { position: absolute; box-shadow: none; top: 3px; padding: 5px; color: #444; font-size: 0; cursor:pointer; }
.opalhotel-datpicker .ui-datepicker-prev .ui-icon:before { content: "\f100"; font-family: FontAwesome; font-size: 16px; }
.opalhotel-datpicker .ui-datepicker-next .ui-icon:before { content: '\f101'; font-family: FontAwesome; font-size: 16px; }
.ui-datepicker.ui-widget{ font-family: 'Roboto Slab'; line-height: 1; color: #444; font-weight: 400; width: 300px; padding:0 10px; background-color: #fff; box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1); }
.ui-datepicker.ui-widget .ui-datepicker-header{ margin-bottom:7px; padding:10px 0; border-bottom:solid 1px #e6e6e6; background-color: transparent; position: relative; }
.ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-next{ top:10px; }
.ui-datepicker.ui-widget .ui-datepicker-calendar td, .ui-datepicker.ui-widget .ui-datepicker-calendar td.ui-state-disabled{ padding:3px; }
.ui-datepicker.ui-widget .ui-datepicker-calendar .ui-state-default{ display: block; color:#ffffff; padding: 7px; text-align: center; background-color: #dda668; box-shadow: none; }
.ui-datepicker.ui-widget .ui-datepicker-calendar .ui-state-default:hover{ background-color:#242c3a; }
.opalhotel_form_section footer { padding: 0 40px; margin-top: 14px; }

/*=========================================================
Opal Hotel Buttons Css
=========================================================*/
.opalhotel-button-submit, .opalhotel-modal-button, .reservation_step{ width:100%; padding: 10px 20px; text-transform:uppercase; background-color:#242c3a; color:#ffffff; border:none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap;  font-size: 14px; line-height:36px; border-radius: 3px; letter-spacing:2px; font-weight:700; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; }
.opalhotel-modal-button:hover, .opalhotel-button-submit:hover, .reservation_step:hover{ background-color:#dda668; color:#ffffff; cursor:pointer; }
.reservation_step{ display:table; width:auto; }

/*=========================================================
Opal Hotel Reservation Css
=========================================================*/
.opalhotel-reservation-container { margin-bottom: 100px; }
.opalhotel-reservation-process-steps { margin-bottom: 40px; }
.opalhotel-reservation-process-steps { margin-bottom: 40px; }
.opalhotel-reservation-process-steps ul { color: #b7b7b7; margin: 0; list-style: none; background-color: transparent; padding: 0; border-bottom: 8px solid #dda668; }
.opalhotel-reservation-process-steps ul li.active { color: #111; }
.opalhotel-reservation-process-steps ul li { display: inline-block; width: 24.6%; font-size: 13px; text-transform: uppercase; text-align: center; position: relative; padding-bottom: 60px; }
.opalhotel-reservation-process-steps ul li.active::after { width: 100%; }
.opalhotel-reservation-process-steps ul li::after { content: ""; position: absolute; left: 0; bottom: -8px; width: 0; height: 8px; background-color: #242c3a; -webkit-transition: 0.35s; -o-transition: 0.35s; transition: 0.35s; }
.opalhotel-reservation-process-steps ul li h4 { margin: 0; font-size: 18px; color:#242c3a; }
.opalhotel-reservation-process-steps ul li.active span { background-color:#242c3a; color: #fff; }
.opalhotel-reservation-process-steps ul li span { width: 60px; height: 60px; line-height: 56px; display: inline-block; margin-bottom: 25px; background-color: #dda668; font-weight: 700; font-size: 24px; border-radius: 50%; color:#ffffff; }
.opalhotel_form_section{ width:80%; margin:0 auto; padding:2.5em 0; background-color:#eeeeee; }
.heading-form h3{ text-align:center; }
.opalhotel_form_section .opalhotel-form-field{ margin-bottom:20px; }
ul.opalhotel-search-results li.opalhotel-available-item { background-color:#ffffff; list-style-type: none; border: none; padding-bottom:40px; margin-bottom:40px; border-bottom: 1px solid #e9e9e9; }
ul.opalhotel-search-results li.opalhotel-available-item .inner-top { clear: both; }
ul.opalhotel-search-results li.opalhotel-available-item .inner-top:after, .clearfix:after, .row:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
ul.opalhotel-search-results li.opalhotel-available-item .room-info { float: left; width:75%; border-right: 1px solid #e9e9e9; padding-right: 30px; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail { float: left; margin-right: 20px; margin-right: 30px; position: relative; width:35%; }
.zoom-2 { overflow: hidden; position: relative; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail::after { content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: 0.35s; -o-transition: 0.35s; transition: 0.35s; opacity: 0; filter: alpha(opacity=0); }
ul.opalhotel-search-results li.opalhotel-available-item .room-content { overflow: hidden; padding:0; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-title { margin: 0 0 25px; font-size: 26px; font-weight: 400; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info { margin: 0 -15px 20px; overflow: hidden; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info li { float: left; width: 25%; border-top: none; border-left: 1px solid #e9e9e9; padding: 0 15px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions { width: 25%; float: right; text-align: center; padding: 30px; }
.room-actions { position: relative; overflow: hidden; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .inner { margin-bottom: 10px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-price { margin-bottom: 5px; font-style: italic; font-size: 14px; color: #777777; }
.opalhotel-view-price{ font-size:20px; }
.opalhotel-view-price::after { font-family: 'FontAwesome'; content: "\f13a"; font-size: 14px; margin-left: 10px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-price ins { display: block; color: #c29b73; font-size: 24px; font-weight: 900; font-style: normal; text-decoration: none; line-height: 28px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages { font-size: 14px; font-weight: 900; border: none !important; padding-top: 10px; padding-bottom: 10px; line-height: 30px; margin-bottom: 10px; margin-top:15px; position: relative; background-color: #242c3a; letter-spacing: 1px; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; white-space: nowrap; padding: 6px 12px; width:100%; display:inline-block; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages:hover{ background-color: #dda668; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages i::before { content: "\f107"; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages.active i:before { content: "\f106"; }
.opalhotel-room-packages { overflow: hidden; }
.room-choose-packages { margin: 0; border: none; width: 100%; float: left; }
.room-choose-packages .opalhotel-room-package-wrapper { overflow: hidden; padding: 0 30px; opacity: 0; visibility: hidden; max-height: 0; -webkit-transform: translateZ(0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding: 0; }
.room-choose-packages .opalhotel-room-package-wrapper.active { max-height: 1000px; opacity: 1; visibility: visible; border: 1px solid #e9e9e9; margin-top:30px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item { background-color: #f6f6f6; padding: 20px 30px; line-height: 36px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item + .opalhotel-room-package-item { border-top: solid 1px #e4e4e4; }
.opalhotel-room-package-item select, .opalhotel-room-package-item .package-title{ margin-bottom:0; } 
h6.package-title span{ color:#242c3a;}
.opalhotel-room-package-item .hide{ display:none; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-package-price .price-title input { border: none; width: 70px; font-size: 12px; line-height: 34px; height: 36px; padding: 1px 10px; }
.room-choose-packages .button-actions { border-top: 1px solid #e1e1e1; padding: 20px 30px; background: #f6f6f6; }
.room-choose-packages .opalhotel-room-package-wrapper > h5 { margin: 20px 30px; }
.room-optional-packages h4, .room-discounts-info h4, .opalhotel-price-day h4, .room-box h4, .room-pricing-plans h5{ color:#242c3a; }
.room-pricing-plans .pricing-day { border-bottom: 1px solid #e5e5e5; padding: 8px 0; line-height: 24px; }
.room-pricing-plans .pricing-day .day_name { font-size: 12px; font-weight: 300; color: #666; text-transform: uppercase; }
.room-pricing-plans .pricing-day .day_price { color: #000; font-size: 14px; }
.opalhotel-modal .opalhotel-room-single-gallery .owl-controls{ display:none !important; }
.opalhotel-form-section-group { overflow: hidden; position: relative; margin-bottom: 20px; }
.opalhotel-section-title.hide{ display:none; }
.opalhotel_reservation_customer_group { width: 50%; float: left; }
.opalhotel_reservation_customer_group.left .opalhotel-form-group { margin: 10px 10px 0 0; }
.opalhotel_reservation_customer_group.right .opalhotel-form-group { margin: 10px 0 0 10px; }
.opalhotel-form-group label { font-size: 16px; color: #000; }
.opalhotel_reservation_checkout .term-conditional { margin-bottom: 20px; }
.opalhotel-form-section-group.footer { border-top: 1px solid #e9e9e9; padding-top: 30px; }
.opalhotel-form-group.coupon_section { text-align: right; margin-bottom: 20px; }
.opalhotel_checkout_booking_detail { background-color:#242c3a; color:#ffffff; }
.opalhotel_reservation_checkout .opalhotel-section-title { font-size: 16px; font-weight: 600; margin-bottom: 0px; text-transform: uppercase; color:#242c3a; }
.hide { display: none !important; }
.opalhotel_checkout_booking_detail .opalhotel-section-title { font-size: 18px; text-align: center; text-transform: uppercase; border-bottom: 1px solid #ffffff; padding: 16px 30px; margin: 0; margin-bottom: 0px; color: #FFF; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review { padding: 20px 30px 10px; border-bottom: none; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item { border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 0 0 10px; margin-bottom: 10px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-available-room-title { font-size: 16px; font-weight: 700; margin-bottom: 10px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-review-total { font-size:18px; font-weight:700; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.children { float: right; }
.opalhotel-reservation-available_package-item .opalhotel-review-price, .opalhotel-reservation-subtotal .opalhotel-review-price, .opalhotel-review-price { float: right; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0px; }
.opalhotel-payment-methods { padding: 25px 0 0; }
ul.opalhotel_payment_gateways li{ list-style:none; }
.opalhotel_reservation_checkout .opalhotel-button-submit{ width:auto; }
.opalhotel-reservation-step .choose-room { margin-top: -80px; }
.opalhotel-error-messages { padding: 1em 2em; margin: 0 0 2em !important; position: relative; background-color: #F1F1F1; color: #515151; border-top: 3px solid #b81c23; list-style: none !important; width: auto; word-wrap: break-word; }
.opalhotel_order_recived .opalhotel_order_confirm_order { border-bottom: 1px solid #e9e9e9; padding-bottom: 40px; margin-bottom: 35px; }
.opalhotel_order_confirm_order { overflow: hidden; border-bottom: 1px dashed #d3ced2; }
.opalhotel_order_confirm_order h3, .opalhotel_order_customer_details h3, .opalhotel_order_details h3{ color:#242c3a; }
.opalhotel_order_recived .opalhotel_order_confirm_order > h3, .opalhotel_order_recived .opalhotel_order_customer_details > h3 { font-size:28px; margin-bottom: 30px; }
.opalhotel_order_confirm_order .column { display: inline-block; padding: 0 4px 0 0; border-right: 1px solid #e9e9e9; color: #000; font-size: 14px; font-weight: 700; width: 19%; margin-right: 4px; }
.opalhotel_order_confirm_order .column:last-child { margin-right: 0; border-right: none; padding-right: 0; }
.opalhotel_order_confirm_order .column label { color: #999; margin-bottom: 0; display: block; font-weight: 400; }
.opalhotel_order_recived .opalhotel_order_customer_details div.customer { float: left; border-right: 1px solid #e9e9e9; font-size: 14px; color: #000; font-weight: 700; margin-bottom: 15px; }
.opalhotel_order_recived .opalhotel_order_customer_details div.customer label { display: block; margin-bottom: 0; color: #999999; font-weight: 400; }
.opalhotel_order_recived .opalhotel_order_details { background-color: #242c3a; color: #ffffff;  margin-top: 22px; border-bottom: none; }
.opalhotel_order_recived .opalhotel_order_details > h3 { color: #ffffff; border-bottom: 1px solid #ffffff; padding: 16px 30px; margin: 0 0 5px; font-size: 18px; text-transform: uppercase; text-align: center; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 15px 0; margin: 0 30px; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-order-item-room-title { font-size:20px; font-weight:700; margin-bottom:10px; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_room_info span.children { float: right; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-review-total { font-size:20px; font-weight: 700; }

/*=========================================================
Opal Hotel Room Grid Css
=========================================================*/
.archive-hotels .grid-row [class*="grid-column-"], .archive-room .grid-row [class*="grid-column-"] { margin-right: 0; margin-left: 0; padding-left: 5px; padding-right: 5px; }
.room-grid { border: 1px solid #ebebeb; overflow: hidden; border-radius: 5px; }
.room-grid .room-top-wrap { position: relative; }
.room-grid .room-top-wrap .opalhotel-modal-button { position: absolute; top: 0; left: 0; right: 0; margin: auto; bottom: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; padding:0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; border-radius: 5px; }
.room-grid:hover .room-top-wrap .opalhotel-modal-button { opacity: 1; filter: alpha(opacity=100); }
.room-grid .room-main-wrap { padding: 20px 30px 10px; overflow: hidden; }
.room-grid .room-meta-info { margin-bottom: 0; }
.room-grid .room-title{ margin-bottom:0; }
.room-grid .opalhotel-room-meta li { width: auto; float: left; border:none; padding-bottom:0; }
.room-grid .opalhotel-room-meta li:before{ content:none; display:contents; }
.room-grid .opalhotel-room-meta li + li { margin:0 0 0 26px; }
.room-grid footer { border-top: 1px dashed #ebebeb; padding: 15px 30px; overflow: hidden; }
.room-grid footer .opalhotel-room-price { float:right; }
.room-label-discount { position: absolute; top: 15px; right: -40px; background-color: #e74444; color: #fff; font-size: 11px; text-transform: uppercase; padding: 5px 40px; display: inline-block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.room-grid .room-top-wrap .room-label-discount { z-index: 2; }

/*=========================================================
Opal Hotel Room Single Css
=========================================================*/
.opalhotel-single h1.room-title { float: left; font-size: 30px; font-weight: 400; margin: 10px 0 0; }
.opalhotel-single .opalhotel-main .opalhotel-price { float: right; margin-bottom: 20px; text-align: right; }
.opalhotel-price { font-size: 12px; color: #999999; text-align: center; text-transform: uppercase; }
.opalhotel-price .price-value { color: #c29b73; font-size: 24px; font-weight: 900; line-height: 1.3; display: block; }
.opalhotel-single .opalhotel-rom-gallery { margin-bottom: 30px; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-gallery-thumb { margin: 0; padding: 10px 5px; background-color: #fff; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-gallery-thumb .owl-item{ padding:0 5px; }
.carousel-md { width: 44px; height: 44px; line-height: 44px; }
.carousel-control { position: absolute; top: 50%; left: -60px; bottom: auto; width: 44px; opacity: 1; filter: alpha(opacity=100); font-size: 20px; color: #fff; text-align: center; text-shadow: none; margin-top: -22px; border: 1px solid #fff; }
.opalhotel-single .owl-carousel .owl-buttons > div.owl-prev { left: 0 !important; }
.opalhotel-single .owl-carousel .owl-buttons > div.owl-next { right: 0 !important; }
.opalhotel-single .owl-carousel .owl-buttons > div { color: #fff; opacity: 1 !important; -moz-opacity: 1 !important; -webkit-opacity: 1 !important; text-shadow: none; background-color: rgba(0, 0, 0, 0.5); width: 50px; height: 50px; text-align: center; line-height: 50px;  margin: -25px 0 0; top: 50%; position:absolute; }

.room-meta-info, .room-optional-packages { margin-bottom: 30px; }
.opalhotel-single .opalhotel-room-meta { overflow: hidden; position: relative; }
.opalhotel-room-meta { margin: 0; padding: 0; overflow: hidden; clear: both; }
.opalhotel-single .opalhotel-room-meta::before { content: ""; width: 1px; height: 100%; background-color: #fff; position: absolute; z-index: 1; right: 0; top: 0; }
.opalhotel-single .opalhotel-room-meta::after { content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 0; }
.opalhotel-single .opalhotel-room-meta li { margin: 0; padding: 20px 30px; float: left; width: 25%; border-top: none; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.opalhotel-room-meta li { margin: 0; border-top: solid 1px #e9e9e9; list-style: none; text-align: left; position: relative; padding: 10px 0; font-size: 14px; color: #000; overflow: hidden; }
.opalhotel-room-meta li::before { font-family: 'FontAwesome'; font-size: 18px; font-style: normal; margin-right: 15px; float: left; color: #c29b73; }
.opalhotel-room-meta li.meta-bed:before { content: "\f236"; }
.opalhotel-room-meta li.meta-adults:before { content: "\f0c0"; }
.opalhotel-room-meta li.meta-size:before { content: "\f047"; }
.opalhotel-room-meta li.meta-wifi:before { content: "\f1eb"; }
.opalhotel-room-meta li.meta-cable_tv:before { content: "\f26c"; }
.opalhotel-room-meta li.meta-iron:before { content: "\f06d"; }
.opalhotel-room-meta li.meta-bearkfast:before { content: "\f0f5"; }
.opalhotel-room-meta li.meta-pickup:before { content: "\f1b9"; }
.opalhotel-room-meta li.meta-freeslippers:before { content: "\f1a5"; }
.opalhotel-room-meta li.meta-petsallowed:before { content: "\f09b"; }
.opalhotel-room-meta li.meta-roomservice:before { content: "\f1f8"; }
.opalhotel-room-meta li.meta-view:before { content: "\f06e"; }
.opalhotel-room-meta li .meta-label { display: block; color: #999; text-transform: uppercase; }
.opalhotel-room-meta li .meta-text { font-weight: 700; }
.room-extra-amenities { background-color: #fff; padding: 20px 20px 15px; margin-bottom: 30px; color:#242c3a; }
.room-extra-amenities .amenity-item { margin: 0px 0px 5px; }
.room-extra-amenities .amenity-item i { margin-right: 10px; }
.text-black { color: #000 !important; }
.opalhotel-single .room-description { margin-bottom: 30px; background-color: #fff; padding: 25px 40px 20px; }
.opalhotel-single .room-description > h4 { font-size: 18px; text-transform: uppercase; margin: 0 0 20px; border-bottom: 1px solid #e9e9e9; padding-bottom: 25px; }
.opalhotel-single .room-description p{ margin-bottom:20px; }
.room-box { background-color: #fff; margin-bottom: 30px; padding: 25px 40px; }
.room-optional-packages > h4 { font-size: 18px; margin: 0 0 25px; text-transform: uppercase; }
.opalhotel-room-packages { overflow: hidden; }
.opalhotel-room-packages .package-item:first-child { border-top: none; }
.opalhotel-room-packages .package-item { position: relative; padding: 20px; font-size: 14px; border-top: 1px solid #e9e9e9; }
.opalhotel-room-packages .package-item::after { font-family: 'FontAwesome'; content: "\f067"; color: #ccc; font-size: 18px; position: absolute; right: 20px; top: 25px; }
.opalhotel-room-packages .package-item.active.has-content::after { content: "\f068"; }
.opalhotel-room-packages .package-item.has-content .package-content { cursor: pointer; }
.opalhotel-room-packages .package-item .package-description { font-size: 16px; line-height: 30px; margin-top: 20px; margin-bottom: 10px; }
.opalhotel-room-packages .package-item h4 { display: block; font-size:94%; font-weight:500; font-style:normal; text-transform: uppercase; color:#242c3a; margin:0 0 5px; }
.opalhotel-single .room-discounts-info .alert-success { padding: 20px 40px; color: #666; margin-bottom: 30px; }
.opalhotel-single .opalhotel-price-day .alert-danger { color: #666; padding: 20px 40px; }
.alert-success { background-color: #f4fcee; border-color: #77b21f !important; color: #3c763d; }
.alert { padding: 15px; margin-bottom: 22px; border: 1px solid transparent; border-radius: 0px; }
.opalhotel-single .room-discounts-info .alert-success h4{ color:#242c3a; margin-bottom: 20px; }
.opalhotel-single .room-discounts-info .alert-success ul { margin: 0; padding: 0; list-style: none; }
.opalhotel-single .room-discounts-info .alert-success ul li i { margin-right: 5px; color: #000; }
.opalhotel-single .room-discounts-info .alert-success ul li:first-child { border-top: none; padding-top: 0; }
.opalhotel-single .room-discounts-info .alert-success ul li { margin: 10px 0 0; border-top: 1px solid #e9e9e9; padding: 10px 0 0; padding-top: 10px; }
.opalhotel-single .opalhotel-price-day .alert-danger { color: #666;  padding: 20px 40px; }
.alert-danger { background-color: #fcf0f2; border-color: #b02352 !important; color: #a94442; }
.opalhotel-single .opalhotel-price-day .alert-danger h4 { color:#242c3a; margin-bottom: 20px; }
.opalhotel-single .opalhotel-price-day .alert-danger { color: #666; }
.opalhotel-single .opalhotel-price-day .alert-danger ul { margin: 0; padding: 0; list-style: none; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li:first-child { border-top: none; padding-top: 0; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li { margin: 10px 0 0; border-top: 1px solid #e9e9e9; padding: 10px 0 0; padding-top: 10px; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li i { margin-right: 5px; color: #000; }
.opalhotel-single #opalhotel-reviews { background-color: #fff; padding: 30px 40px; }
.opalhotel-single .opalhotel-main, .opalhotel-single #opalhotel-reviews { margin-bottom: 50px; }
#opalhotel-comments { margin-bottom: 30px; }
.opalhotel-star { width: 25%; display: inline-block; }
#opalhotel-review-form h3.comment-reply-title{ font-size:86%; }
.opalhotel-comment-form .form-control { border: 1px solid #e9e9e9 !important; padding:12px !important; }
.opalhotel-single .opalhotel-main + #opalhotel-reviews, .opalhotel-single .room-box { padding: 30px; border: 1px solid #ebebeb; border-radius: 5px; }
.opalhotel-single #opalhotel-reviews { background-color: #fff; padding: 30px 40px; }
.opalhotel-single #opalhotel-reviews, .opalhotel-single .opalhotel-main {  margin-bottom: 50px; }
#opalhotel-reviews { clear: both; }
#opalhotel-comments .comment-list { list-style: none; padding: 0; margin: -30px 0 0; }
#opalhotel-comments .comment-list .comment { border-bottom: 1px solid #e5e5e5; padding: 30px 0 10px; width: 100%; overflow: hidden; }
#opalhotel-comments .comment-list .comment .comment-author { text-align: center; width: 50px; float: left; margin-right: 20px; }
#opalhotel-comments .comment-list .comment .comment-text { overflow: hidden; }
#opalhotel-comments .comment-list .comment .comment-author .avatar { border-radius: 50%; margin: 0 0 10px; }
#opalhotel-comments .comment-list .comment .comment-author .author{ color:#242c3a; }
#opalhotel-comments .comment-list .comment .comment-text .meta { margin: -5px 0 5px; font-size:90%; }
#opalhotel-comments .comment-list .comment .comment-text .comment-rating-wrap { display: inline-block; margin-right: 20px; }
#opalhotel-comments .comment-list .comment .comment-text .comment-rating-wrap label { display: block; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; color: #242c3a; }
.star-wrapper .star{ color:#dda668; }
form.opalhotel-comment-form input.submit{ text-transform:uppercase; font-weight:700; font-size:16px; letter-spacing:2px; padding:12px 40px !important; }
.opalhotel-modal-pricing { text-align: left; background-color: #f6f6f6; padding: 0 20px; position: relative; display: block !important; -webkit-transition: 0.35s; -o-transition: 0.35s; transition: 0.35s; height: 0; visibility: hidden; margin-top: 10px; }
.opalhotel-modal-pricing.active { margin-bottom: 15px; height: auto; visibility: visible; padding: 15px 20px 18px; }
.opalhotel-modal-pricing.active > div { opacity: 1; filter: alpha(opacity=100); }
.opalhotel-modal-pricing > div { -webkit-transition: 0.35s; -o-transition: 0.35s; transition: 0.35s; opacity: 0; filter: alpha(opacity=0); }
.opalhotel-modal-pricing.active { visibility: visible; }
.opalhotel-modal-pricing { text-align: left; visibility: hidden; }
.opalhotel-modal-pricing ul { padding: 0; margin:0; }
.opalhotel-modal-pricing ul li:first-child { border-top: none; padding-top: 0; margin-top: 0; }
.opalhotel-modal-pricing ul li { list-style: none; border-top: 1px solid #e4e4e4; padding-top: 10px; margin-top: 10px; font-size: 14px; }
.opalhotel-modal-pricing ul li span { font-weight: 700; color: #c29b73; }
.opalhotel-modal-pricing .opalhotel-modal-close { cursor: pointer; color: #e74444;  position: absolute; right: -20px; top: -20px; }
/*=========================================================
Opal Hotel Filter Bar Css
=========================================================*/
.opalhotel-before-loop.grid-row form { float:right; margin-bottom:0; padding:0; border:none; margin-top:5px; }
.opalhotel-before-loop .display-mode .btn.active { -webkit-box-shadow: none; box-shadow: none; color: #000; }
.opalhotel-before-loop .display-mode .btn { padding: 0; background-color: transparent; border: none; margin: 0 20px 0 0; color: #dbdbdb; line-height: 35px; outline: none !important; -webkit-box-shadow: none;  box-shadow: none; font-size: 14px; }
.opalhotel-before-loop .display-mode .btn:hover{ color:#dda668; }
.room-grid footer .opalhotel-rating-wrapper { float:left; }
.opalhotel-before-loop.grid-row{ padding:10px; }
.opalhotel-before-loop.grid-row select{ width:30%; margin-bottom:0; }

/*=========================================================
Opal Hotel Room List Css
=========================================================*/
.room-list { border: 1px solid #ebebeb; overflow: hidden; border-radius: 5px; margin-bottom:20px; position:relative; }
.room-list .room-content .right-col .room-meta-info{ margin-bottom:0; }
.room-list .opalhotel-catalog-thumbnail{ width:40%; float:left; }
.room-list .room-content{ width:60%; float:left; }
.room-list .room-content .left-col, .room-list .room-content .right-col{ width:50%; padding:32px 40px; }
.room-list:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.room-list .room-content .right-col .opalhotel-room-meta li{ width:49%; display:inline-block; }

/*=========================================================
Opal Hotel Single Room Sidebar Css
=========================================================*/
.opalhotel-sidebar .opalhotel_form_section{ width:100%; background-color:#061329; }
.opalhotel-sidebar .opalhotel_form_section .opalhotel-form-field{ padding:4px 20px; }
.opalhotel-sidebar .opalhotel_form_section .opalhotel-form-field .opalhotel-form-lable{ color:#ffffff;}
.opalhotel-sidebar .opalhotel_form_section footer{ padding:4px 20px; }
.opalhotel-sidebar .opalhotel_form_section footer .opalhotel-button-submit{ font-size:13px; }
.opalhotel-sidebar div.widget:first-child{ margin-top:0; }
.opalhotel-sidebar div.widget{ margin-top: 2.8rem; }
.opalhotel-sidebar .opalhotel-before-loop.grid-row{ display:none; }
.opalhotel-sidebar .room-grid .room-main-wrap{ padding-left:20px; padding-right:20px; }
.opalhotel-sidebar .room-grid .opalhotel-room-meta li{ width:49%; border:none; float:left; }
.opalhotel-sidebar .room-grid .opalhotel-room-meta li + li{ margin-left:0; }
.opalhotel-sidebar .room-grid .opalhotel-review-stars li{ padding:0 !important; }

/*=========================================================
Opal Hotel Responcive Css
=========================================================*/
@media screen and (max-width:380px) {
	.opalhotel-button-submit, .opalhotel-modal-button, .reservation_step{ font-size:12px; padding:4px 14px; }
	.opalhotel-reservation-step .choose-room { margin-top:-64px; position:relative; z-index:5; }
}
@media screen and (max-width:767px) {
	.opalhotel_form_section .opalhotel-form-field{ padding:5px 20px; }
	.opalhotel_form_section footer{ padding:0 20px;}
	.room-grid .opalhotel-room-meta li{ width:50%; }
	.room-grid .opalhotel-room-meta li + li { margin: 0; }
	.opalhotel-single .opalhotel-room-meta li { width:50%; padding:15px; font-size:12px; }
	.opalhotel-single .opalhotel-room-meta li::before { font-size:14px; margin-right:5px; }
	.opalhotel-single .room-description, .room-box, .opalhotel-single #opalhotel-reviews { padding:20px; }
	.opalhotel-single .opalhotel-main + #opalhotel-reviews, .opalhotel-single .room-box{ padding:0px; border:none; }
	.opalhotel-star{ width: 50%; }
	.opalhotel-single h1.room-title{ margin-bottom:15px; }
	.opalhotel-single h1.room-title, .opalhotel-single .opalhotel-main .opalhotel-price{ float:none; text-align:left; }
	.room-list .opalhotel-catalog-thumbnail, .room-list .room-content{ width:100%; float:none; }
	.room-list .room-content .left-col, .room-list .room-content .right-col{ float:none; width:100%; padding: 20px; }
	.room-list .room-content .left-col{ padding-bottom:5px; }
	.room-list .room-content .left-col p{ margin-bottom:0; }
	.room-list .room-content .right-col{ padding-top:5px; }
	.room-list .room-content .opalhotel-price{ margin-bottom:8px; } 
	ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info ul.opalhotel-room-meta li{ width:49%; }
	.opalhotel-reservation-process-steps ul li{ width:100%; display:none; }
	.opalhotel-reservation-process-steps ul li.active{ display:block; }
	.opalhotel_form_section{ width:100%; }
	.room-choose-packages .opalhotel-room-package-wrapper{ margin-bottom:0; }
	ul.opalhotel-search-results{ margin-left:0; }
	ul.opalhotel-search-results li.opalhotel-available-item .room-info{ width:100%; float:none; padding-right:0; border:none; }
	ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail{ float:none; width:100%; margin-right:0; margin-bottom:15px; }
	ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-title{ margin-bottom:10px; }
	ul.opalhotel-search-results li.opalhotel-available-item .room-actions{ width:100%; }
	.opalhotel-reservation-step .reservation_step{ margin-bottom:20px; }
	.opalhotel_order_recived .row{ margin-left:0; margin-right:0; }
	.opalhotel_order_confirm_order .column, .opalhotel_order_recived .opalhotel_order_customer_details div.customer{ width:100%; border:none; }
	.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details{ margin:0 20px; }
	.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-order-item-room-title{ font-size:14px; }
}
@media screen and (min-width:768px) and (max-width: 980px){
	.room-grid .room-main-wrap, .room-grid footer{ padding:15px; }
	.room-grid .opalhotel-room-meta li{ width:50%; font-size:12px }
	.room-grid .opalhotel-room-meta li + li{ margin-left:0; }
	.opalhotel-room-meta li::before{ font-size:14px; }
	.opalhotel-price .price-value{ font-size:20px; }
	.opalhotel-single .opalhotel-room-meta li{ padding:6px; width:33%; }
	.room-extra-amenities{ font-size:14px; }
	.opalhotel-single .room-description{ padding:20px; }
	.opalhotel-single .opalhotel-main + #opalhotel-reviews, .opalhotel-single .room-box{ padding:20px; }
	ul.opalhotel-search-results li.opalhotel-available-item .room-actions{ padding:30px 15px; }
	ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info li{ width:50%; }
	.opalhotel_order_recived .row{ margin:0; }
	.opalhotel_order_recived .opalhotel_order_customer_details div.customer{ width:25%; border:none; }
	.room-list .opalhotel-catalog-thumbnail{ width:35%; }
	.room-list .room-content{ width:65%; }
	.room-list .room-content .left-col, .room-list .room-content .right-col{ padding:20px; }
}