/*
*Theme Name: HotelBooking Child
*Description: HotelBooking Child Theme
*Author: Arif Khan
*Template: hotelbooking
*/

/*
* Global Class Name
*
*
* Text and Fonts
* .text-left & .text-center & .text-right = Display the text in left & center & right
* .text-uppercase = Display the text in Uppercase
* .text-truncate = Truncate the text
* .letter-space-2 = Display the text with 2px Letter space
* .font-weight-normal = Override the font weight bold
* .body-text-medium = Increase the font size
* .roboto-font = Overr the default fonts
*
* Spacing
* .p-0 & .pt-0 & .pb-0 & .ptb-0 = Remove padding none & top & bottom & top-bottom
* .m-0 & .mt-0 & .mb-0 & .mtb-0 = Remove margin none & top & bottom & top-bottom
* .block-padding = Add 75px top and 100px bottom padding to row
* .block-padding-top = Add 75px top padding to row
* .block-padding-bottom = Add 100px bottom padding to row
* .block-padding-text = Add padding top and bottom to row which contain only text
* .box-padding = Add padding top and bottom to box
* .box-text = Add padding left and right to box text
*
* Button
* .btn = Default class for btn which required in all button
* .btn-sm = Small button
* .btn-block = Set the button width full (it workes according to parent element width)
* .btn-primary = Set the button color as primary
* .btn-secondary = Set the button color as secondary
* .btn-info = Set the button color as info
* .btn-outline = Set the button design with outline border
* .btn-outline-primary = Set the button design with outline primary border color
* .action-btn = Wrap two button
* .inner-page-action-btn = Display the two button center with .action-btn class
*
* Title
* .block-title & .block-title--big & .block-title--small = Main title of block & increate the font size & Decreate the font size
* .box-title & .box-title--small = title of box & Decreate the font size
*
* Bottom line on Title
* .bottom-line-separator = Add this class from Visual Composer for adding bottom line to title(Its only for Visual Composer)
* .label-with-bottom-line = Its same as .bottom-line-separator but it will work when you will add class from code
*
* Banner
* .page-top-banner--with-arrow = Add bottom arrow to page banner for mobile view
* .small-banner = Fix the banner size to 640px
* .banner-overlay = Set transparent black layer on banner for displaying logo and text on banner
* .slider-dot-style = Design the dot on banner as per theme
*
* Image height equal
* .img-aspect-ratio = Set the height equal to image(its for rectangle images only and its works form code. Ratio is 16:9)
* .img-aspect-ratio--single-img = Its workes same as .img-aspect-ratio. Use this class on Visual Composer.
*
* .list-unstyled = Reset the value of ul and ol
* .bullet-list-style = Display the bullet list center align, add this class in text-block on visual composer
* .row-block-bottom = Add 35px margin bottom to row
* .no-border = Remove the border
* .hidden = Hide the element
* .flex = Use this class when you required flex property
*
*/

/*Import all css from parent theme*/
@import url("../hotelbooking/style.css");

/*========== Reset CSS Start ==========*/

html {
  font-size: 14px;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

button {
  cursor: pointer;
}

h1,
h2,
h3,
h4 {
  color: #1c1c1c;
  margin-top: 0 !important;
}

h2 {
  line-height: 1.4;
}

p {
  margin-top: 0 !important;
  font-weight: 400;
}

ul,
ol {
  list-style-position: outside;
  padding-left: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

ul li,
ol li {
  line-height: 1.92;
}

/*========== Reset CSS End ==========*/

/*========== Theme CSS Override Start ==========*/

.nicdark_bg_white {
  background-color: #f7f7f3;
}

#start_nicdark_framework {
  color: #878787;
  font-size: 1rem;
  line-height: 1.4;
}

.nd_options_container,
.nicdark_container {
  max-width: 1170px;
  width: 100%;
}

.nd_options_navigation_top_header_2 {
  font-size: 1rem !important;
}

.nicdark_container_page_php a,
.nicdark_container_single_php a {
  text-decoration: none;
}

/*========== Theme CSS Override Start ==========*/

/*========== Common and Helper Class CSS Start ==========*/

.roboto-font,
.roboto-font p {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.ptb-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.hidden {
  display: none !important;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-link {
  color: #848d47 !important;
}

.btn {
  padding: 20px 50px;
  font-size: 1.14rem;
  text-transform: uppercase;
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  letter-spacing: 4px;
  line-height: 1.4;
  border: 1px solid transparent;
  font-weight: 400;
}

.btn-sm {
  padding: 15px 30px;
  font-size: 0.9rem;
  letter-spacing: 1px;
}

.btn-block {
  display: block !important;
  text-align: center;
}

.btn-primary {
  background-color: #848d47;
  border-color: #848d47;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #5a7832;
  border-color: #5a7832;
}

.btn-secondary {
  background-color: #5a7832;
  border-color: #5a7832;
  color: #fff !important;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #848d47;
  border-color: #848d47;
}

.btn-info {
  background-color: #878787;
  border-color: #878787;
  color: #fff !important;
}

.btn-info:hover,
.btn-info:focus {
  background-color: #5a7832;
  border-color: #5a7832;
}

.btn-outline {
  border: 1px solid #5a7832;
  color: #5a7832 !important;
  font-weight: 600;
}

.btn-outline:hover,
.btn-outline:focus {
  background-color: #5a7832;
  border-color: #5a7832;
  color: #fff !important;
}

.btn-outline-primary {
  border: 1px solid #848d47;
  color: #848d47 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: #848d47;
  border-color: #848d47;
  color: #fff !important;
}

.btn--check-availability {
  max-width: 320px;
  width: 100%;
  margin: 75px auto 40px;
  text-align: center;
  display: block;
  font-size: 1.14rem;
  letter-spacing: 2px;
}

.btn--book-now {
  max-width: 100%;
  position: relative;
  margin: 1px 0 0 0;
  text-align: center;
}

.btn--book-now::before,
.btn--book-now::after {
  position: absolute;
  content: "";
}

.btn--book-now::before {
  background-image: url("images/icon/dial-icon.png");
  height: 18px;
  width: 18px;
  left: 18px;
  top: 16px;
}

.btn--book-now::after {
  background-color: #fff;
  height: calc(100% + 3px);
  width: 1px;
  top: -2px;
  left: 48px;
}

.action-btn .btn {
  max-width: 47.7%;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.action-btn .btn + .btn {
  margin-left: 4.6%;
}

.inner-page-action-btn {
  text-align: center;
}

.inner-page-action-btn .nd_options_section {
  float: none;
  display: inline-block;
  width: auto;
  margin-bottom: 15px;
}

.list-unstyled {
  list-style: none;
  padding-left: 0;
}

.wpb_text_column a.btn-primary {
  text-decoration: none !important;
  color: #ffffff !important;
}

.wpb_text_column a {
  text-decoration: underline !important;
  color: #1c1c1c !important;
}

.wpb_text_column a:hover,
.wpb_text_column a:focus {
  color: #000 !important;
}

.row-block-bottom {
  margin-bottom: 35px;
}

.block-title {
  text-transform: uppercase;
  font-size: 3rem;
  margin-bottom: 35px !important;
  line-height: 1.2;
  letter-spacing: 10px;
  font-weight: 500 !important;
}

.block-title--big {
  font-size: 5rem;
  letter-spacing: 11px;
}

.block-title--small {
  font-size: 2.5rem;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.bottom-line-separator {
  width: 30px !important;
  margin-top: -3px;
  margin-bottom: 22px !important;
}

.bottom-line-separator .vc_sep_line {
  border-color: #878787 !important;
}

.label-with-bottom-line {
  text-transform: uppercase;
  color: #878787 !important;
  font-size: 0.86rem;
}

.label-with-bottom-line span {
  position: relative;
  display: inline-block;
  padding-bottom: 7px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.label-with-bottom-line span::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 1px;
  width: 30px;
  background-color: #878787;
}

.bullet-list-style {
  margin-top: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.body-text-medium p,
.body-text-medium li {
  font-size: 1.14rem;
}

.bullet-list-style ul {
  margin-top: 0;
}

.bullet-list-style ul li {
  text-align: left;
}

.para-text-big p {
  font-size: 2.6rem;
  line-height: 1.33;
  font-weight: 500;
}

.text-dark {
  color: #1c1c1c !important;
}

.letter-space-2 {
  letter-spacing: 2px;
}

.block-padding {
  padding-top: 75px;
  padding-bottom: 100px;
}

.block-padding-top {
  padding-top: 75px;
}

.block-padding-bottom {
  padding-bottom: 100px;
}

.block-padding-text {
  padding-top: 80px;
  padding-bottom: 80px;
}

.block-text-title {
  font-size: 1.23rem;
  line-height: 2;
  font-weight: 600 !important;
  text-transform: uppercase;
  margin-bottom: 0 !important;
}

.light-grey-block {
  background-color: #f7f7f3;
}

.box-padding {
  padding-top: 65px;
  padding-bottom: 100px;
}

.box-text {
  padding: 0 60px;
}

.box-title {
  text-transform: uppercase;
  font-size: 1.7rem;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  line-height: 1.4;
  font-weight: 600 !important;
  letter-spacing: 5px;
}

.box-title--small {
  font-size: 1.14rem;
  line-height: 1.6;
  margin-bottom: 10px !important;
  letter-spacing: 0px;
}

.box-title--capitalize {
  text-transform: capitalize;
}

.text-truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-top-banner--with-arrow .forcefullwidth_wrapper_tp_banner::after {
  position: absolute;
  content: "";
  background-image: url("images/icon/down-arrow-white.svg");
  width: 42px;
  height: 32px;
  z-index: 15;
  bottom: 22px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-size: 100%;
  display: none;
}

.small-banner .rev_slider_wrapper {
  max-width: 640px;
}

.banner-overlay .slotholder::after {
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  top: 0;
  width: 100%;
  height: 100%;
}

.two-column-layout-with-button .btn {
  margin-bottom: 45px;
  float: none;
}

.img-aspect-ratio,
.img-aspect-ratio--single-img {
  position: relative;
  padding-top: 56.25%;
  display: block;
}

.img-aspect-ratio::before,
.img-aspect-ratio img,
.img-aspect-ratio--single-img::before,
.img-aspect-ratio--single-img * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.img-aspect-ratio::before,
.img-aspect-ratio--single-img::before {
  content: "";
  background-color: #fff;
}

.img-aspect-ratio img,
.img-aspect-ratio--single-img img {
  bottom: 0;
  right: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.img-aspect-ratio--single-img img {
  height: 100% !important;
}

/* Social Link Start */
.social-link,
.social-link li {
  line-height: 1;
}

.social-link li {
  display: inline-block;
  vertical-align: top;
}

.social-link li + li,
.social-link--dark a {
  margin-left: 25px;
}

.social-link li a,
.social-link--dark a,
.social-link li a::after,
.social-link--dark a::after,
.social-link__facebook::after,
.social-link__instagram::after {
  width: 15px;
  height: 15px;
}

.social-link li a,
.social-link--dark a {
  font-size: 0 !important;
  position: relative;
  display: block;
  line-height: 1;
}
.social-link--dark a {
  display: inline-block;
}
.social-link--dark {
  display: inline-flex;
}
.social-link li .social-link__tripadvisor,
.social-link--dark .social-link__tripadvisor::after,
.social-link--dark .social-link__tripadvisor::after,
.social-link li .social-link__tripadvisor::after {
  width: 26px;
}

.social-link li a::after,
.social-link--dark a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background-size: 100%;
  background-repeat: no-repeat;
}

.social-link--white .social-link__facebook::after {
  background-image: url("images/icon/facebook-white.svg");
}

.social-link--white .social-link__instagram::after {
  background-image: url("images/icon/instagram-white.svg");
}

.social-link--white .social-link__tripadvisor::after {
  background-image: url("images/icon/tripadvisor-white.svg");
}

.social-link--dark .social-link__facebook::after {
  background-image: url("images/icon/facebook-dark.svg");
}

.social-link--dark .social-link__instagram::after {
  background-image: url("images/icon/instagram-dark.svg");
}

.social-link--dark .social-link__tripadvisor::after {
  background-image: url("images/icon/tripadvisor-dark.svg");
}

/* Social Link End */

/* 3 Column Box Start */

.three-column-layout li {
  line-height: 1.4;
  margin-bottom: 8%;
}

.three-column-layout li:last-of-type {
  margin-bottom: 2%;
}

@media (min-width: 768px) {
  .three-column-layout li {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .three-column-layout li:nth-child(2n) {
    margin-right: 2%;
  }
}

.three-column-layout li:nth-child(3n + 1) {
  clear: left;
}

.three-column-layout li:nth-child(3n),
.three-column-layout li:last-child {
  margin-right: 0;
}

.three-column-layout__title,
.three-column-layout__heading {
  margin-top: 0 !important;
}

.three-column-layout__title {
  text-transform: uppercase;
  text-align: center;
  font-size: 2.3rem;
  letter-spacing: 3px;
  margin-bottom: 30px !important;
  font-weight: 500 !important;
  padding-left: 5px;
  padding-right: 5px;
}

@media (min-width: 768px) {
  .three-column-layout__featured-img img {
    display: block;
    max-height: 245px;
  }
}

.three-column-layout__desc {
  padding: 30px;
  background-color: #fff;
}

.three-column-layout__heading {
  font-size: 1.43rem;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 25px !important;
  font-weight: 600;
}

.three-column-layout__text {
  max-height: 110px;
  overflow: hidden;
  margin-bottom: 0 !important;
  font-weight: 400;
}

/* 3 Column Box End */

/* Room Listing View Start */

.room-name-list {
  background-color: #1c1c1c;
  text-align: center;
  position: relative;
}

.room-name-list li {
  display: inline-block;
}

.room-name-list li a {
  display: block;
  padding: 28px 20px;
  color: #878787;
}

.room-name-list li a:hover,
.room-name-list li a:focus {
  color: #fff;
}

.room-list-view li {
  padding: 50px 0;
  position: relative;
}

/* .room-list-view li .nicdark_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
} */

.room-list-view li a[name] {
  position: absolute;
}

.room-list-view__slider .hebe .tp-bullet {
  border: 2px solid #fff;
  background-color: transparent;
  height: 10px;
  width: 10px;
}

.room-list-view__slider .hebe .tp-bullet + .tp-bullet {
  margin-left: 5px;
}

.room-list-view__slider .hebe .tp-bullet:hover,
.room-list-view__slider .hebe .tp-bullet.selected {
  background-color: #fff;
}

.room-list-view__content {
  padding-bottom: 20px;
  position: relative;
}

.room-list-view__name {
  margin: 25px 0 !important;
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 500;
}

.room-list-view__desc p {
  line-height: 1.3;
  font-family: "Roboto", sans-serif !important;
  margin-bottom: 20px;
}

.room-list-view__bottom-action {
  position: static;
  bottom: -7px;
  width: 100%;
  padding: 0;
}

.action-btn--room-list-view {
  margin-bottom: 15px;
  display: flex;
}

.action-btn--room-list-view .btn {
  font-size: 0.9rem;
  padding-left: 10px;
  padding-right: 10px;
  letter-spacing: 2px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .action-btn--room-list-view {
    flex-direction: column;
  }
  .action-btn--room-list-view .btn {
    width: 100%;
    max-width: 100%;
  }
  .action-btn .btn + .btn {
    margin-left: 0;
  }
}

.room-list-view__bottom-action .note {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .room-list-view li .nicdark_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .room-list-view__slider {
    width: 49%;
  }
  .room-list-view__content {
    width: 48%;
    padding-bottom: 100px;
  }
  .action-btn--room-list-view .btn {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/* Room Listing View End */

/* Tabs Start */

.tabs {
  list-style: none;
  text-align: center;
  margin-top: 0;
  padding-left: 0;
}

.tabs li,
.tabs li a {
  color: #878787 !important;
}

.tabs li {
  color: #878787;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 500;
}

.tabs li + li {
  margin-left: 70px;
}

.tabs li:hover,
.tabs li.current,
.tabs li.current a,
.tabs li a:hover,
.tabs li.current:hover a {
  color: #1c1c1c !important;
}

.tabs li span {
  position: relative;
}

.tabs li a {
  text-decoration: none !important;
}

.tabs li.current span::after {
  position: absolute;
  content: "";
  background-color: #1c1c1c;
  height: 1px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.tab-content {
  display: none;
  padding: 15px;
}

.tab-content.current {
  display: inherit;
}

/* Tabs End */

/* Qform Start */

.quform-element-row-size-fixed.quform-2-columns > .quform-element-column,
.quform-options-columns.quform-2-columns > .quform-option {
  width: 49%;
}

.form-title,
.form-inner-title {
  color: #1c1c1c !important;
}

.form-title {
  font-size: 1.43rem;
  letter-spacing: 3px;
}

.form-title--bottom-space {
  margin-bottom: 35px !important;
}

.form-title--top-space {
  margin-top: 60px !important;
}

.form-title--top-medium-space {
  margin-top: 30px !important;
}

.form-inner-title {
  font-weight: 600;
  margin: 5px 0 !important;
}

.quform-element-group.quform-group-style-bordered > .quform-spacer,
.quform-group-style-bordered > .quform-child-elements,
.quform-spacer {
  padding-bottom: 25px;
}

.quform-labels-left > .quform-spacer > .quform-label {
  width: 195px;
  float: left;
  margin-bottom: 0;
  padding-bottom: 7px;
}

.quform-label > label {
  font-size: 1rem;
  text-transform: uppercase;
}

.quform-label > .quform-required {
  color: #878787;
  float: left;
  margin: 0;
}

.quform-labels-left > .quform-spacer > .quform-inner {
  margin-left: 195px;
}

.nd_options_customizer_forms input[type="text"],
.nd_options_customizer_forms input[type="email"],
.nd_options_customizer_forms input[type="url"],
.nd_options_customizer_forms input[type="tel"],
.nd_options_customizer_forms input[type="number"],
.nd_options_customizer_forms input[type="date"],
.nd_options_customizer_forms input[type="file"],
.nd_options_customizer_forms input[type="password"],
.nd_options_customizer_forms select,
.nd_options_customizer_forms textarea,
.StripeElement {
  padding: 6px 10px !important;
  -webkit-transition: border-color 0.5s ease;
  transition: border-color 0.5s ease;
}

.nd_options_customizer_forms input[type="text"]:focus,
.nd_options_customizer_forms input[type="email"]:focus,
.nd_options_customizer_forms input[type="url"]:focus,
.nd_options_customizer_forms input[type="tel"]:focus,
.nd_options_customizer_forms input[type="number"]:focus,
.nd_options_customizer_forms input[type="date"]:focus,
.nd_options_customizer_forms input[type="file"]:focus,
.nd_options_customizer_forms input[type="password"]:focus,
.nd_options_customizer_forms select:focus,
.StripeElement:focus {
  border-color: #ccc;
}

.nd_options_customizer_forms textarea:focus {
  border-color: #ccc !important;
}

.quform-options-inline > .quform-option {
  padding-left: 0;
  padding-bottom: 20px;
  padding-right: 45px;
}

.quform-option .quform-option-label {
  padding-left: 0;
  font-size: 1rem;
  padding-left: 35px;
  line-height: 26px;
}

.quform-option > .quform-field-checkbox--right-side + .quform-option-label {
  padding-right: 35px;
  padding-left: 0;
}

.quform input[type="checkbox"],
.quform input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: 1;
}

.quform-option label::before,
.quform-option label::after {
  content: "";
  display: inline-block;
  position: absolute;
}

.quform-option label::before {
  width: 24px;
  height: 24px;
  left: 0;
  border: 1px solid #9e9e9d;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.quform-option > .quform-field-checkbox--right-side + label::before {
  right: 0;
  left: auto;
}

.quform-option label::after {
  width: 16px;
  height: 16px;
  right: 0;
  top: 0;
  font-size: 11px;
  color: #555555;
}

input[type="checkbox"]:checked + label::after,
input[type="radio"]:checked + label::after {
  content: "";
  background-image: url("images/icon/checked.svg");
  top: 4px;
  left: 5px;
  background-repeat: no-repeat;
}

input[type="checkbox"].quform-field-checkbox--right-side:checked
  + label::after {
  right: 5px;
  left: auto;
}

.quform-element-submit {
  margin: 0;
}

.quform-button-submit {
  max-width: 250px;
  width: 100%;
  margin-top: 35px;
}

.quform-element-submit button {
  padding: 20px 50px !important;
  font-size: 1rem;
  text-transform: uppercase;
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  letter-spacing: 4px;
  line-height: 1.4;
  border: 1px solid transparent;
  background-color: #848d47 !important;
  border-color: #848d47 !important;
  color: #fff !important;
  width: 100%;
  font-family: "Roboto", sans-serif !important;
}

.quform-submit:hover,
.quform-submit:focus {
  background-color: #5a7832;
  border-color: #5a7832;
}

.quform-input select option {
  padding: 0 !important;
}

.nd_options_customizer_forms select,
.quform .quform-field-textarea {
  border-color: #ffffff !important;
}

.quform-element-group .quform-2-columns > .quform-element-column:first-child {
  width: 210px;
}

.quform-element-group .quform-2-columns > .quform-element-column:last-child {
  width: calc(100% - 210px);
  margin-left: 0;
}

.quform-element-group .quform-spacer .quform-inner-checkbox {
  min-height: 35px;
}

/* Qform End */

/*========== Common and Helper Class CSS End ==========*/

/*========== Header Start ==========*/

/* Header Top Start */

#nd_options_navigation_top_header_2_right {
  float: right;
  padding-top: 6px;
  padding-bottom: 6px;
}

.call-us-link,
.social-link--header,
.social-link--header li {
  float: left;
  line-height: 1;
}

.call-us-link {
  margin-right: 48px;
}

.call-us-link a:hover,
.call-us-link a:focus {
  color: #1c1c1c;
}

.nd_options_navigation_top_header_2 > ul > li::after {
  display: none !important;
}

/* Header Top End */

/* Menu Start */

#nd_options_navigation_2_container > .nd_options_section {
  border-bottom: none !important;
}

.nd_options_navigation_2 .menu-header-menu-container > .menu > li {
  padding: 0 15px;
  line-height: 1.4;
}

.nd_options_navigation_2 .menu-header-menu-container > .menu > li::after {
  display: none;
}

.nd_options_navigation_2 div li a,
.nd_options_navigation_2 div li a::after {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.nd_options_navigation_2 .menu-header-menu-container > .menu > li a {
  font-size: 0.9rem;
  color: #545454;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.nd_options_navigation_2 .menu-header-menu-container > .menu > li > a::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background-color: #fff;
  -webkit-transition-property: width;
  transition-property: width;
}

.nd_options_navigation_2 .menu-header-menu-container > .menu > li a:hover,
.nd_options_navigation_2 .menu-header-menu-container > .menu > li a:focus,
.nd_options_navigation_2
  .menu-header-menu-container
  > .menu
  > li.current-menu-item
  > a,
.nd_options_navigation_2
  .menu-header-menu-container
  > .menu
  > li
  > .sub-menu
  > li.current-menu-item
  > a,
.nd_options_navigation_2
  .menu-header-menu-container
  > .menu
  > li.current-menu-ancestor
  > a {
  color: #fff;
}

.nd_options_navigation_2
  .menu-header-menu-container
  > .menu
  > li
  a:hover::after,
.nd_options_navigation_2
  .menu-header-menu-container
  > .menu
  > li
  a:focus::after,
.nd_options_navigation_2
  .menu-header-menu-container
  > .menu
  > li.current-menu-item
  a::after,
.nd_options_navigation_2
  .menu-header-menu-container
  > .menu
  > li.current-menu-ancestor
  a::after {
  width: 100%;
}

.nd_options_navigation_2 .menu-header-menu-container > .menu > li .sub-menu,
.nd_options_navigation_2
  .menu-header-menu-container
  > .menu
  > li
  .sub-menu
  > li {
  background-color: #bdbbb4;
}

.nd_options_navigation_2 .menu-header-menu-container > .menu > li .sub-menu {
  padding-top: 20px;
  padding-bottom: 10px;
}

.nd_options_navigation_2
  .menu-header-menu-container
  > .menu
  > li
  .sub-menu
  > li {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px 20px;
}

.book-now-btn {
  position: relative;
  padding: 0 34px !important;
  letter-spacing: 2px;
}

.nd_options_navigation_2
  .menu-header-menu-container
  > .menu
  > li.book-now-btn
  a {
  color: #fff;
  font-size: 1rem;
}

.book-now-btn::before {
  position: absolute;
  content: "";
  background-color: #848d47;
  height: 71px;
  width: 100%;
  top: -24px;
  left: 0;
}

.book-now-txt {
  text-align: center;
  text-transform: uppercase;
  background-color: #848d47;
  padding: 20px 0;
  float: left;
  width: 100%;
  letter-spacing: 3px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

.book-now-txt,
.book-now-txt a {
  color: #fff !important;
  font-size: 1.1428rem;
}

.book-now-txt a,
.book-now-txt a::after {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.book-now-txt a {
  display: inline-block;
  vertical-align: top;
  margin-left: 25px;
  position: relative;
}

.book-now-txt a:hover {
  color: #1c1c1c !important;
}

.book-now-txt a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}

.book-now-txt a:hover::after {
  background-color: #1c1c1c;
}

/* Menu End */

/*========== Header End ==========*/

/*========== Footer Start ==========*/

.footer-top {
  padding-top: 70px;
  padding-bottom: 55px;
  background-color: #1c1c1c;
}

.footer-widget-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer-widget {
  width: 25%;
  padding: 0 15px;
}

.footer-widget__title,
.footer-social__title {
  text-transform: uppercase;
  color: #fff !important;
  font-size: 1.1rem;
  font-weight: 300;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.simple-weather--view-large-icons .simple-weather__day {
  color: #fff;
  padding-left: 60px;
  padding-top: 33px;
}

.simple-weather__temp {
  font-size: 1.8rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.simple-weather .sw::before {
  position: absolute;
  content: "";
  background-image: url("images/icon/weather-icon.png");
  width: 42px;
  height: 36px;
  left: 0;
  top: 0;
}

.footer-widget .menu {
  padding-left: 0;
  padding-right: 15px;
  margin: -8px 0 0 0;
  list-style: none;
}

.footer-widget .menu li {
  line-height: 1.4;
}

.footer-widget .menu li a,
.footer-widget .menu li a::after {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.footer-widget .menu li a {
  display: inline-block;
  padding: 8px 0;
  font-family: "Roboto", sans-serif;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
}

.footer-widget .menu li a::after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background-color: #fff;
  -webkit-transition-property: width;
  transition-property: width;
}

.footer-widget .menu li a:hover,
.footer-widget .menu li a:focus {
  color: #fff;
}

.footer-widget .menu li a:hover::after,
.footer-widget .menu li a:focus::after {
  width: 100%;
}

.footer-widget--subscribe .quform-spacer {
  padding-bottom: 10px;
  margin: 0;
}

.nd_options_customizer_forms .footer-widget--subscribe input[type="email"] {
  background-color: transparent !important;
  color: #878787 !important;
  border-color: #878787 !important;
  margin-top: 15px;
  color: #fff !important;
  width: 100%;
}

.nd_options_customizer_forms
  .footer-widget--subscribe
  input[type="email"]:focus {
  border-color: #fff !important;
}

.footer-widget--subscribe .quform-button-submit {
  margin: 0;
  max-width: 100%;
}

.footer-widget--subscribe .quform-submit {
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer-widget--subscribe .quform-submit:hover,
.footer-widget--subscribe .quform-submit:focus {
  background-color: #bdbbb4;
  border-color: #bdbbb4;
}

.footer-social__title {
  margin-top: 50px !important;
  margin-bottom: 20px;
}

.social-link--footer li a,
.social-link--footer li a::after,
.social-link--footer .social-link__facebook::after,
.social-link--footer .social-link__instagram::after {
  width: 18px;
  height: 18px;
}

.social-link--footer li .social-link__tripadvisor,
.social-link--footer li .social-link__tripadvisor::after {
  width: 31px;
}

.footer-bottom-logo {
  text-align: center;
  margin-top: 36px;
}

.footer-bottom-logo img {
  margin-top: 56px;
}

.footer-bottom-logo a {
  font-family: "Roboto", sans-serif !important;
  font-size: 0.93rem;
  font-weight: 400;
}

.btn--check-availability-footer {
  margin-top: 72px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1rem;
  letter-spacing: 3px;
  text-align: center;
}

.btn--check-availability-footer:hover,
.btn--check-availability-footer:focus {
  background-color: #878787;
  border-color: #878787;
}

.footer-bottom {
  padding-top: 50px;
  padding-bottom: 35px;
}

.footer-award-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer-award-logo li {
  margin-bottom: 15px;
}

.footer-award-logo li a,
.footer-award-logo li a img {
  display: block;
}

.footer-award-logo li a img {
  height: 80px;
  width: auto;
  max-width: 100%;
}

/*========== Footer End ==========*/

/*========== Home Page Start ==========*/

.block-padding-three-column-offer {
  padding-top: 75px;
  padding-bottom: 130px;
}

.three-column-layout-top-3-block-home .three-column-layout__text {
  min-height: 130px;
}

.block-padding-video {
  padding-top: 130px;
  padding-bottom: 175px;
}

.video-block-desc {
  max-width: 430px;
  margin: 0 auto 35px;
}

/*========== Home Page End ==========*/

/*========== About Us Page Start ==========*/

.block-title--ammenities {
  margin-bottom: 100px !important;
}

.ammenities-box .wpb_content_element {
  margin-bottom: 60px;
}

.ammenities-box .box-title {
  margin-bottom: 0px !important;
}

.ammenities-box__column h5 {
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.6;
  margin-bottom: 0 !important;
}

.ammenities-box__column ul {
  margin-top: 0;
}

/*========== About Us Page End ==========*/

/*========== Philosophy Page Start ==========*/

.philosophy-image-list li {
  display: inline-block;
}

.philosophy-image-list li + li {
  margin-left: 25px;
}

/*========== Philosophy Page End ==========*/

/*========== Accomodation Detail Page Start ==========*/

.service-amenities-left-box .wpb_wrapper p {
  margin-top: 0;
}

.service-amenities-right-box__title {
  text-transform: uppercase;
  font-size: 1.3rem;
  margin-bottom: 34px !important;
  font-weight: 500 !important;
}

.service-amenities-right-box__list ul {
  list-style-position: outside;
  padding-left: 0;
}

/*========== Accomodation Detail Page End ==========*/

/*========== Activities Page Start ==========*/

.activities-list {
  margin-bottom: 24px;
}

.activities-list-top-row {
  margin: 50px 0;
}

.activities-list-top-row {
  display: inline-block;
  width: 100%;
}

.activities-list-top-row__title {
  font-size: 2.9rem;
  margin-bottom: 55px !important;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 500;
}

.activities-list-box li {
  width: 100%;
  margin-bottom: 45px;
}

@media (min-width: 768px) {
  .activities-list-box li {
    float: left;
    width: 31.62%;
    margin-right: 2.56%;
  }
  .activities-list-box li:nth-child(3n) {
    margin-right: 0;
  }

  .activities-list-box li:nth-child(3n + 1) {
    clear: left;
  }
}

.activities-list-box__featured-img img {
  display: block;
  height: auto;
}

.activities-list-box__featured-img {
  margin-bottom: 45px;
  overflow: hidden;
}

.activities-list-box__title {
  font-size: 1.14rem;
  font-weight: 600;
}

.explore-enquire-button .activities-list-top-row__text a {
  background-color: #848d47;
  border-color: #848d47;
  color: #fff !important;
  padding: 20px 50px;
  font-size: 1.14rem;
  text-transform: uppercase;
  display: table;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  letter-spacing: 4px;
  line-height: 1.4;
  border: 1px solid transparent;
  font-weight: 400;
  margin: 10px auto 0;
  text-decoration: none !important;
}

/*========== Activities Page End ==========*/

/*========== Spa Page Start ==========*/

.spa-action-btn .wpb_wrapper {
  text-align: center;
}

.spa-type-sub-title {
  color: #878787 !important;
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 0 !important;
  font-weight: 500 !important;
}

.box-title--spa {
  margin-bottom: 60px !important;
}

/*========== Spa Page End ==========*/

/*========== Gallery Page Start ==========*/

.gallery-list li a,
.page-numbers li a {
  text-decoration: none !important;
}

.gallery-list {
  text-align: center;
  margin-top: 70px;
  margin-bottom: 50px;
}

.gallery-list li {
  display: inline-block;
  margin-bottom: 15px;
}

.gallery-list li a {
  color: #878787;
  padding: 10px 15px;
  cursor: pointer;
  font-size: 1.3rem;
  text-transform: uppercase;
}

.gallery-list li + li {
  margin-left: 12px;
}

.gallery-list li a:hover,
.gallery-list li a.current {
  color: #1c1c1c;
}

.gallery-list li span {
  position: relative;
}

.gallery-list li a.current span::after {
  position: absolute;
  content: "";
  background-color: #1c1c1c;
  height: 1px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.gallery-box li {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
}

.gallery-box li:nth-child(3n) {
  margin-right: 0;
}

.gallery-box li img {
  max-height: 240px;
  height: 100%;
  max-width: 100%;
  width: auto;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.gallery-box img {
  display: block;
}

ul.page-numbers {
  margin: 0;
  list-style: none;
  padding-left: 0;
  text-align: center;
}

ul.page-numbers > li {
  display: none;
  text-transform: uppercase;
}

ul.page-numbers > li:first-child,
ul.page-numbers > li:nth-child(2),
ul.page-numbers > li:last-child {
  display: inline-block;
}

ul.page-numbers li:first-child {
  margin-right: 18px;
}

ul.page-numbers li:last-child {
  margin-left: 14px;
}

ul.page-numbers > li,
ul.page-numbers > li > a {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400;
  color: #878787 !important;
}

ul.page-numbers > li > a.page-numbers,
ul.page-numbers > li > span.page-numbers {
  display: none;
}

ul.page-numbers > li > a.prev,
ul.page-numbers > li > a.next {
  display: block;
}
/*========== Gallery Page End ==========*/

/*========== Function Page Start ==========*/

.function-venue-3-column__desc {
  min-height: 81px;
}

/*========== Function Page End ==========*/

/*========== Room Page Start ==========*/
.mini-bar-hamper-list {
  text-align: center;
}

.mini-bar-hamper-list li {
  display: inline-block;
  width: 100%;
  background-color: #fff;
  vertical-align: top;
}

@media (min-width: 768px) {
  .mini-bar-hamper-list li {
    width: 32%;
    margin-right: 2%;
  }
}

.mini-bar-hamper-list li:last-child {
  margin-right: 0;
}

.mini-bar-hamper-list__desc {
  padding: 30px;
  text-align: left;
}

.mini-bar-hamper-list__heading {
  min-height: 40px;
  font-size: 1.43rem;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 25px !important;
  font-weight: 600;
}

.mini-bar-hamper-list__text {
  font-weight: 400;
}

/*========== Room Page End ==========*/

/* No-Flexbox Start */

.k-no-flexbox .two-coulmn-box-with-content-img__row .box-padding,
.k-no-flexbox .two-coulmn-box-with-content-img__row .vc_column-inner {
  height: 473px;
}

.k-no-flexbox .two-coulmn-box-with-content-img__row .box-padding {
  background-color: #fff;
}

.k-no-flexbox
  .two-coulmn-box-with-content-img__row:nth-child(even)
  .two-coulmn-box-with-content-img__desc {
  float: right;
}

.k-no-flexbox .footer-widget {
  float: left;
}

.k-ie9 .footer-widget--subscribe .quform {
  margin-top: 18px;
}

.k-no-flexbox .footer-award-logo {
  text-align: center;
}

.k-no-flexbox .footer-award-logo li {
  display: inline-block;
}

.k-no-flexbox .room-list-view__slider,
.room-list-view__content {
  float: left;
}

.k-no-flexbox .room-list-view__content {
  margin-left: 1%;
}

.k-no-flexbox .bullet-list-style {
  display: table;
  margin: 0 auto 35px;
}
/* No-Flexbox End */

.three-column-layout .three-column-layout__heading {
  min-height: 40px;
}
/* Makes two columns masonry*/
.grid_container {
  margin: auto;
  max-width: 1200px;
}
.grid-item img {
  max-width: 100%;
  height: auto;
  position: relative !important;
  display: flex;
}
.clearfix {
  clear: both;
}
.grid-item {
  width: 33.33%;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 1%;
}
.grid-content {
  padding: 15px;
}
.grid-item figure.article-preview-image {
  margin: 0;
}
.grid-item-container {
  border: 1px solid #e0dada;
  position: relative;
}
a.btn.btn-grid {
  border: 2px solid #848d47;
  padding: 15px 30px;
  margin-top: 15px;
  color: #848d47;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 11px;
}
a.btn.btn-grid:hover {
  background: #848d47;
  color: #ffffff;
}
.grid-background-color {
  background-color: #848d47;
}
.grid-background-color h2,
.grid-background-color a {
  color: #ffffff !important;
  padding: 20px 3px;
  text-align: center;
}
.grid-background-color a:hover {
  color: #c6c2c2 !important;
}
.grid-content a.post-title-link:hover {
  color: #848d47;
}
.relative-img {
  position: relative;
}
.background-img-content {
  position: absolute;
  bottom: 0px;
}
.background-img-content a,
.background-img-content p {
  color: #ffffff !important;
  border: none !important;
}
.background-img-content a:hover {
  color: #848d47 !important;
}
.background-img-content a.btn {
  padding: 0 !important;
  letter-spacing: 3px;
}
.background-img-content a.btn:hover {
  background: transparent;
}
.grid-background-color.news-list {
  background-color: #1c1c1c;
}
.news-container {
  padding: 30px 0;
  clear: both;
}
.box-overlay {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
footer.nicdark_clearfix,
.nicdark_clearfix {
  clear: both;
}
.no-padding {
  padding: 0 !important;
}
.banner-img {
  max-height: 720px;
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
  line-height: 11px;
}
.banner-img h1 {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 40%;
  bottom: 0;
  text-align: center;
  color: #ffffff !important;
}
.banner-img p {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 10px;
  text-align: center;
  color: #ffffff !important;
}
.grid-content h2.post-title {
  font-weight: normal;
  margin-top: 10px !important;
}
.tagline {
  text-transform: uppercase;
  font-size: 12px;
}
p.tagline span {
  border-bottom: 1px solid;
  width: 25px;
  display: block;
}
.custom_cat_list p {
  border: 1px solid;
  padding: 5px;
  display: inline-block;
  margin: 10px;
}
.custom_cat_list {
  margin: 20px auto;
}
.custom_cat_list p a:hover,
.custom_cat_list p:hover {
  color: #848d47;
  border-color: #848d47;
}
.news-content {
  padding: 0 15px !important;
}

/***** HOME - LATEST NEWS *****/
.news-text {
  min-height: 150px !important;
}

@media (max-width: 767px) {
  .news-heading {
    height: 40px !important;
  }

  .news-text {
    min-height: 120px !important;
  }
}

.footer-award-logo > li div div a img {
  width: auto !important;
}

.footer-award-logo > li div div {
  margin: 0 !important;
}

.hustle-title {
  font-family: Montserrat !important;
}

.hustle-group-content p {
  font-family: Montserrat !important;
}