/*GENERAL*/
.no-gutters { padding: 0 !important; margin: 0 !important; }

/* Booking Search Form */
.hotel-booking-search { padding: 0px; /* Inline Form */ }

.hotel-booking-search > h3 { text-transform: uppercase; margin-bottom: 20px; font-size: 16px; color: rgba(0, 0, 0, 0.6); }

.hotel-booking-search button, .hotel-booking-search button:focus { font-weight: 500; letter-spacing: 0.2px; border: none; background-color: transparent; color: #fff; opacity: 1; border-radius: 4px; text-transform: uppercase; text-align: center; text-decoration: none; outline: 0; height: 50px; padding: 0 55px; margin-left: 0px; margin-top: 24px; }

.hotel-booking-search button:hover, .hotel-booking-search button:focus { opacity: 0.8; }

.hotel-booking-search .hb_input_field { width: 100%; }

.hotel-booking-search input, .hotel-booking-search select { border: none; border-radius: 0px; width: 100%; border-bottom: 2px solid #E5E5E5; min-width: 0; }

.hotel-booking-search input:focus, .hotel-booking-search select:focus, .hotel-booking-search input:hover, .hotel-booking-search select:hover { border-bottom: 2px solid #222; border-radius: 0px; }

.hotel-booking-search label { display: block; color: #222; text-transform: uppercase; line-height: 1; margin-bottom: 10px; }

.hotel-booking-search input, .hotel-booking-search select, .hotel-booking-search button { height: 50px; }

.search-form--inline .widget_hb_widget_search { margin-bottom: 0; }

.search-form--inline form::before, .search-form--inline form::after { content: " "; display: table; }

.search-form--inline form::after { clear: both; }

.search-form--inline .hotel-booking-search .hb-form-table { width: calc(80% - 20px); float: left; }

.search-form--inline .hotel-booking-search .hb-form-field { float: left; width: calc(25% - 15px); margin-left: 20px; }

.search-form--inline .hotel-booking-search .hb-form-field:first-child { margin-left: 0; }

.search-form--inline .hotel-booking-search .hb-submit { width: 20%; float: left; margin-left: 20px; }

.search-form--inline .hotel-booking-search .hb-submit button { width: 100%; min-width: auto; }

@media (max-width: 767px) { .search-form--inline .hotel-booking-search .hb-form-table { width: 100%; }
  .search-form--inline .hotel-booking-search .hb-form-field { width: 100%; margin-left: 0; }
  .search-form--inline .hotel-booking-search .hb-submit { width: 100%; margin-left: 0; } }

.hotel-booking-search button, .hotel-booking-search button:focus, .gradient-btn--simple, .gradient-btn .btn.zn_contact_submit, .gradient-btn .btn.btn-element, .hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit], .hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit]:hover { color: #FFF; font-weight: 500; letter-spacing: 0.2px; text-align: center; height: 50px; outline: none; border: none; text-decoration: none; text-transform: uppercase; padding-left: 55px; padding-right: 55px; }

.hotel-booking-search button:hover, .hotel-booking-search button:focus, .hotel-booking-search button:focus:hover, .hotel-booking-search button:focus:focus, .gradient-btn--simple:hover, .gradient-btn--simple:focus, .gradient-btn .btn.zn_contact_submit:hover, .gradient-btn .btn.zn_contact_submit:focus, .gradient-btn .btn.btn-element:hover, .gradient-btn .btn.btn-element:focus, .hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit]:hover, .hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit]:focus, .hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit]:hover:hover, .hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit]:hover:focus { opacity: 0.8; }

.hotel-booking-search button span, .hotel-booking-search button:focus span, .gradient-btn--simple span, .gradient-btn .btn.zn_contact_submit span, .gradient-btn .btn.btn-element span, .hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit] span, .hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit]:hover span { color: #fff; }

/*RESULTS PAGE*/
#hotel-booking-results > h3 { display: none; }

#hotel-booking-results .hb-search-results > .hb-room { background: #fff; padding-bottom: 0; border: 1px solid #efefef; }

#hotel-booking-results .hb-search-results > .hb-room .hb-room-name { font-size: 18px; line-height: 22px; margin-bottom: 20px; }

#hotel-booking-results .hb-search-results > .hb-room .hb-room-info { padding: 30px; }

#hotel-booking-results .hb-search-results > .hb-room .hb-room-meta li { margin-bottom: 25px; }

#hotel-booking-results .hb-search-results > .hb-room .hb-room-thumbnail { width: 370px; }

#hotel-booking-results .hb-search-results > .hb-room .hb-room-thumbnail img { max-width: 370px; }

#hotel-booking-results .hb-search-results > .hb-room .hb-room-info { width: calc(100% - 370px); }

@media (max-width: 991px) { #hotel-booking-results .hb-search-results > .hb-room .hb-room-info { width: calc(100%); }
  #hotel-booking-results .hb-search-results > .hb-room .hb-room-thumbnail { width: 100%; }
  #hotel-booking-results .hb-search-results > .hb-room .hb-room-thumbnail img { width: 100%; max-width: 100%; } }

#hotel-booking-results .hb-search-results > .hb-room .hb-room-meta li > label { text-transform: uppercase; font-size: 12px; }

#hotel-booking-results .hb_package_title label { font-weight: 700; font-size: 14px; }

#hotel-booking-results .hb_addition_packages input[type=checkbox], .hb_addition_packages input[type=radio] { cursor: pointer; text-align: center; height: 14px; width: 14px; min-width: 14px; -webkit-appearance: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; outline: 0 !important; }

#hotel-booking-results .hb_addition_package_extra input[type=checkbox]:checked:before { margin-top: -9px; float: left; display: inline-block; vertical-align: middle; width: 14px; font: 400 20px/1 dashicons; speak: none; -webkit-font-smoothing: antialiased; }

.rooms-pagination .page-numbers li span.current { background: #efefef; font-weight: 700; }

.rooms-pagination .page-numbers li a:hover { background: #efefef; }

.rooms-pagination .page-numbers li a.next, .rooms-pagination .page-numbers li a.prev { font-size: 10px; font-weight: 700; letter-spacing: 0.5px; }

/*End of Results page*/
#hotel-booking-results form button.hb_add_to_cart { border-radius: 3px; -webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.08); color: #fff; opacity: 1; text-transform: uppercase; font-weight: 700; font-size: 12px; letter-spacing: 1px; }

#hotel-booking-results form button.hb_add_to_cart:hover { -webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.08); opacity: 0.8; color: #fff; }

#hotel-booking-results .hb-search-results > .hb-room .hb-room-meta li select { border: 0px; }

#hotel-booking-results .hb-search-results > .hb-room .hb-room-name label { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; font-style: italic; color: red; font-weight: 700; }

.hb_addition_packages { margin-bottom: 30px; border: 0px; border-top: 1px solid #E5E5E5; }

.hb_addition_packages { margin-bottom: 0px; }

.hb_addition_package_extra a.hb_package_toggle { margin-left: 30px; font-size: 18px; font-weight: 400; }

/*Right side search widget*/
.sidebar .hotel-booking-btn button { min-width: 100%; border: 0px solid #ccc; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f82f0+0,5ad2d4+100 */ background: #43CCD5; /*background: -moz-linear-gradient(left, #7f82f0 0%, #5ad2d4 100%); */ /*background: -webkit-linear-gradient(left, #7f82f0 0%,#5ad2d4 100%); */ /*background: linear-gradient(to right, #7f82f0 0%,#5ad2d4 100%); */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f82f0', endColorstr='#5ad2d4',GradientType=1 );*/ -webkit-box-shadow: 0px 11px 27px 0px rgba(154, 49, 188, 0.33); box-shadow: 0px 11px 27px 0px rgba(154, 49, 188, 0.33); opacity: 1; border-radius: 4px !important; height: 50px; opacity: 1; color: #fff; text-transform: uppercase; font-family: Montserrat; }

.sidebar .hotel-booking-btn button:hover { opacity: 0.8; }

/*Mini cart*/
.sidebar .hotel_booking_mini_cart h3 { margin-top: 0px; font-size: 18px; color: #222; }

.sidebar .hotel_booking_mini_cart .hb_mini_cart_item .hb_title { font-size: 14px; color: #222; font-weight: 400; margin: 0px; }

.sidebar .hotel_booking_mini_cart .hb_mini_cart_item { margin-bottom: 20px; }

.sidebar a.hb_button { width: 100%; }

.sidebar a.hb_button.hb_checkout { margin-bottom: 10px; }

/*End of Right side search widget*/
/* SINGLE ROOMS PAGE */
.hb_single_room { padding-top: 70px; background: #fcfcfc; padding-bottom: 30px; }

/*Container Width*/
#title-price, .camera_command_wrap, .hb_related_other_room { width: 90%; margin: 0 auto; }

@media (min-width: 1200px) { #title-price, .camera_command_wrap, .hb_related_other_room { width: 1170px; } }

@media (min-width: 992px) and (max-width: 1199px) { #title-price, .camera_command_wrap, .hb_related_other_room { width: 768px; } }

@media (min-width: 768px) and (max-width: 991px) { #title-price, .camera_command_wrap, .hb_related_other_room { width: 640px; } }

.hb_related_other_room { margin-bottom: 100px; }

.camera_commands, .camera_next, .camera_nextThumbs, .camera_prev, .camera_prevThumbs, .camera_thumbs_cont { background: #ffffff; background: rgba(255, 255, 255, 0.85); }

.hb_single_room .hb_room_gallery { z-index: 1; margin-bottom: 140px !important; }

.hb_single_room .title h4 { margin: 21px 43px 22px; }

.hb_single_room .title h4 a { margin-left: 30px; font-size: 24px; font-weight: 400; }

.hb_single_room .price span.title-price { display: none; }

.hb_single_room .price { margin-right: 30px; font-size: 18px; top: 7px; position: relative; }

.camera_command_wrap { margin-top: -50px; background: white; padding: 20px; -webkit-box-shadow: 0px 15px 76px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 15px 76px 0px rgba(0, 0, 0, 0.06); }

.hb_single_room .hb_room_gallery .camera_thumbs .camera_thumbs_cont ul { max-height: 170px; }

.hb_single_room .hb_room_gallery .camera_thumbs .camera_thumbs_cont ul li { width: 100%; margin-top: 0px; max-width: 120px; }

.hb_single_room .hb_room_gallery .camera_thumbs .camera_thumbs_cont { margin: 0 6px; }

.hb_single_room .hb_room_gallery .camera_thumbs .camera_prevThumbs { left: 0px; top: 55px; }

.hb_single_room .hb_room_gallery .camera_thumbs .camera_nextThumbs { right: 0px; top: 55px; }

.camera_nextThumbs, .camera_prevThumbs { height: 40px; background: #fff; -webkit-box-shadow: 0px 11px 27px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 11px 27px 0px rgba(0, 0, 0, 0.2); }

/*ROOMS CATALOG*/
.rooms { margin-top: 110px; margin-right: 20px; }

.rooms .hb_room .title h4 a { font-weight: 400; }

.rooms .hb_room .summary { overflow: hidden; }

.rooms .hb_room .summary .media a:before { border-bottom-style: solid; border-bottom-width: 70px; border-left-style: solid; border-left-width: 70px; }

.rooms .hb_room .summary:hover .media a:before { border-bottom-style: solid; border-bottom-width: 500px; border-left-style: solid; border-left-width: 500px; }

.rooms .hb_room .price span { font-size: 16px; }

.rooms .hb_room .price span.unit { font-size: 9px; }

.hb_related_other_room .navigation { position: relative; z-index: 100; }

.hb_single_room .thim-list-in-room { background: #F7F7F8; padding: 30px 40px 40px; }

.hb_single_room .thim-list-in-room ul { list-style: none; margin: 0; padding: 0; }

.hb_single_room .thim-list-in-room h4 { font-size: 16px; color: #333; }

.hb_single_room .thim-list-in-room ul li { color: #333; line-height: 40px; }

.hb_single_room .thim-list-in-room ul li i { padding-right: 10px; }

.hb_single_room .hb_single_room_tab_details { padding: 60px; background: white; -webkit-box-shadow: 0px 15px 76px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 15px 76px 0px rgba(0, 0, 0, 0.06); margin-bottom: 50px; }

.hb_single_room .hb_single_room_details .hb_single_room_tabs { background: #fff; z-index: 1; position: relative; }

.hb_single_room .hb_single_room_details .hb_single_room_tabs_content { padding: 0px; }

.hb_single_room .hb_single_room_details .hb_single_room_tabs > li a { line-height: 54px; padding-bottom: 0px; }

.hb_single_room .price span.unit { color: #999; font-size: 11px; }

/*Reviews*/
#hb_room_pricing_plans h4 { font-weight: 700; color: #222; }

#hb_room_reviews .comment-text { float: right; width: calc(100% - 100px); }

#hb_room_reviews ol.commentlist { list-style-type: none; }

#hb_room_reviews .comment_container { padding: 20px 0; border-bottom: 1px solid #efefef; }

#hb_room_reviews #comments h2 { color: #222; font-size: 20px; }

#hb_room_reviews #respond h3 { color: #222; }

/*Other Rooms*/
.hb_related_other_room .tp-hotel-booking { padding: 0px; }

.hb_related_other_room .rooms li.hb_room { min-width: 380px; }

/*###############*/
/*    Account  */
/*###############*/
.table > tbody > tr > td { padding: 12px; }

/*###############*/
/*     Cart      */
/*###############*/
#hotel-booking-cart td, #hotel-booking-payment td { padding: 40px 17px; }

#hotel-booking-cart button[type=submit], #hotel-booking-cart .hb_button.hb_checkout { color: #fff; text-transform: uppercase; font-size: 11px; }

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > thead > tr > th { border: 1px solid #EFEFEF !important; }

/*###############*/
/*   Checkout    */
/*###############*/
.hb-col-border { border: 1px solid #EFEFEF; }

#hotel-booking-payment button[type=submit] { color: #fff; }

/*###############*/
/*   CUSTOMISATIONS    */
/*###############*/
/* FONT-FAMILY CUSTOMISATIONS */
/* Font Family styles - Montserrat replace "Montserrat" with the custom font you want */
.hotel-booking-search button, .hotel-booking-search button:focus, .gradient-btn--simple, .gradient-btn .btn.zn_contact_submit, .gradient-btn .btn.btn-element, .hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit], .hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit]:hover, .rooms-pagination .page-numbers li a.next, .rooms-pagination .page-numbers li a.prev, .sidebar .hotel_booking_mini_cart h3, .sidebar .hotel_booking_mini_cart .hb_mini_cart_item .hb_title, .hb_single_room .title h4 a, .rooms .hb_room .price span, .hb_single_room .thim-list-in-room h4, #hotel-booking-cart button[type=submit], #hotel-booking-cart .hb_button.hb_checkout { font-family: "Montserrat", Helvetica, Arial, sans-serif; }

/* Font Family styles - Poppins replace "Poppins" with the custom font you want */
#hotel-booking-results .hb-search-results > .hb-room .hb-room-name, #hotel-booking-results .hb_package_title label, #hotel-booking-results form button.hb_add_to_cart, .hb_addition_package_extra a.hb_package_toggle { font-family: "Poppins", Helvetica, Arial, sans-serif; }

/* COLOR CUSTOMISATIONS */
/* Text Color - "Blue" */
#hotel-booking-results .hb-search-results > .hb-room .hb-room-meta li .hb-view-booking-room-details, #hotel-booking-results .hb-search-results > .hb-room .hb-room-meta li.hb_search_capacity > div, #hotel-booking-results .hb-search-results > .hb-room .hb-room-meta li.hb_search_max_child > div, .hotel_booking_mini_cart .hb_mini_cart_item .hb_mini_cart_price span, .rating-input:before, .thim-color { color: #5AD2D4; }

/* Background Color - "Blue" */
.hb_single_room .hb_single_room_details .hb_single_room_tabs > li a.active:after, #hotel-booking-results form button.hb_add_to_cart, #hotel-booking-results form button.hb_add_to_cart:hover, .btn.gradient-btn--simple, #hotel-booking-cart button[type=submit], #hotel-booking-cart .hb_button.hb_checkout, #hotel-booking-payment button[type=submit] { background: #5AD2D4; }

/* Border-color - "Blue" */
.rooms .hb_room .summary .media a:before { border-bottom-color: #5AD2D4; border-left-color: #5AD2D4; }

/* Text Color - "Purple" */
#hotel-booking-results .hb-search-results > .hb-room .hb-room-meta li .hb_search_item_price, #hotel-booking-results .hb_extra_detail_price strong, #hotel-booking-results .hb_addition_package_extra input[type=checkbox]:checked:before, .rooms-pagination .page-numbers li a.next:hover, .rooms-pagination .page-numbers li a.prev:hover, .hb_single_room .price { color: #8973F4; }

/* Background Color - "Purple" */
.hb_button { background: #8973F4; }

/* Border-color - "Purple" */
.rooms .hb_room .summary .media a:before { border-bottom-color: #8973F4; border-left-color: #8973F4; }

/* GRADIENT BUTTONS */
.hotel-booking-search button, .hotel-booking-search button:focus, .gradient-btn--simple, .gradient-btn .btn.zn_contact_submit, .gradient-btn .btn.btn-element, .hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit], .hb_single_room #reviews #review_form_wrapper form .form-submit input[type=submit]:hover { background: -webkit-gradient(linear, left top, right top, from(#7f82f0), to(#5ad2d4)); background: linear-gradient(to right, #7f82f0 0%, #5ad2d4 100%); -webkit-box-shadow: 0px 11px 27px 0px rgba(154, 49, 188, 0.33); box-shadow: 0px 11px 27px 0px rgba(154, 49, 188, 0.33); }
