/*
 * Responsive Stylesheet
 * Chapter 00 - supplimentary style
 * Chapter 01 - login style
 * Chapter 02 - search style
 * Chapter 03 - flight search result / listing style
 * Chapter 04 - footer style
 * Chapter 05 - font style
 * Chapter 06 - offcanvas style
 * Chapter 07 - cart style
 * Chapter 08 - passenger detail style
 * Chapter 09 - alternate fare rule style
 * Chapter 10 - common page style 
 * Chapter 02A - hotel search style
 * Chapter 11 - tab structure style
 * Chapter 12 - hotel search result / listing style
 * Chapter 13 - hotel detail page style
 * Chapter 14 - rate matrix / calendar search style
 * Chapter 15 - Star ratings filter style
 * Chapter 16 - Hotel info inside map
 * Chapter 17 - owl carousel image slider style
 * Chapter 18 - airline matrix style
 * Chapter 19 - header & sidebar hamburger menu style
 * Chapter 20 - Alba travel hotel listing style
 * Chapter 21 - Alba travel search style
 * Chapter 22 - Bootstrap Customisation
 * Chapter 23 - Alba travel transfer style
 * Chapter 24 - date & time picker style
 * Chapter 25 - Activity business style
 * Chapter 26 - login page b2b style
 * Chapter 27 - footer b2b style
 */
.wrapper,
.page-wrapper,
.page-wrapper-inner,
.top-header {
  /* border: dotted 2px red; */
}

.container,
.container-fluid,
.sw-sec-search,
.sw-sec-listing {
  /*outline: dotted 1px blue;*/
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.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,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-sm-0-5,
.col-md-0-5,
.col-lg-0-5,
.col-xl-0-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5,
.col-xl-1-5 {
  /* outline: dotted 1px grey; */
}

header,
.top-header,
.site-footer,
.login-form,
header.top-header figure,
.site-footer-inner,
.copyright,
.footer-links,
.footer-links li,
.page-wrapper-inner,
.header-left,
.header-right,
.trip-way-check,
.terif-class,
.search-column1,
.advanced-search-container,
.adv-search-inner,
.search-result-section,
.search-head,
.searchfldtl-row,
.search-fl-left,
.search-fl-shdl,
.cart-head {
  /* border: solid 1px blue; */
}

.main-container,
.search-container,
.travel-dtl,
.advanced-search,
.adv-filter-div,
.search-column2,
.checkbox-custom,
.travel-class,
.reset-button,
.lbl-loginname,
.pas-seg-select,
aside,
.search-head-left,
.search-flight-detail,
.search-fl-row,
.search-fl-right,
.search-fl-metadetail,
.search-fl-metadetail,
.return-total,
.book-teriff,
.cart-left {
  /*border: solid 1px red;*/
}

.search-content,
.search-check-filter,
.search-column3,
.pas-add-right,
.search-list-right,
.search-head-right,
.search-fl-dtl,
.price-start,
.upgrade-teriff,
.cart-right {
  /*border: solid 1px yellowgreen;*/
}

.search-flight-detail-container,
.search-flight-more {
  /*border: solid 1px black;*/
}

.search-list-aside {
  /*display: none;*/
}

.search-container {
  /*display: none;*/
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter # 00 - supplimentary style */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
html,
body {
  height: 100%;
  overflow-x: hidden;
  /* Prevent scroll on narrow devices */
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  color: var(--secondcolor);
}

.clear {
  display: block;
  clear: both;
}

:root {
  --labelfont: 11px;
  --checkboxfont: 12px;
  --textboxfont: 13px;
  --buttonfont: 12px;
  --deltafont: 15px;
  --alphafont: 14px;
  --betafont: 12px;
  --gammafont: 11px;
  --xxlfont: 22px;
  --xlfont: 18px;
  --viewportsize: auto;
  --buttonradius: 0px;
  --responsive-margin-padding: 8px;

  /* alba travel colors */
  --firstcolor: #2E7E99;
  /* Main color */
  --firstcolorhover: #5797AD;
  /* Main color hover */
  --firstcolorlite: #E9ECF0;
  /* Background mask border input / snippet */
  --secondcolor: #495057;
  /* Text */
  --secondcolorlite: #ADB5BD;
  /* Border input on background white */
  --thirdcolor: #F3911F;
  /* Secondary color */
  --forthcolor: #F9FAFC;
  /* Background row price */



  /* alba travel fonts */
  --xsfont: 12px;
  --smfont: 12px;
  --mdfont: 13px;
  --lgfont: 14px;
  /* --xlfont: 15px; */
  --2xfont: 16px;
  --3xfont: 18px;
  --4xfont: 20px;
  --5xfont: 22px;
  --6xfont: 24px;
  --7xfont: 26px;
  /* used */
  --8xfont: 28px;
  --10xfont: 30px;
}

@media (min-width: 768px) {
  :root {
    --labelfont: 11px;
    --checkboxfont: 12px;
    --textboxfont: 13px;
    --responsive-margin-padding: 16px;

    /* alba travel fonts */
    --smfont: 13px;
    --mdfont: 14px;
    --lgfont: 15px;
    /*--xlfont: 16px;*/
    --2xfont: 17px;
    --3xfont: 19px;
    --4xfont: 21px;
    --5xfont: 23px;
    --6xfont: 25px;
    --7xfont: 28px;
    --8xfont: 32px;
    --10xfont: 40px;
  }
}

@media (min-width: 1280px) {
  :root {
    --labelfont: 11px;
    --checkboxfont: 12px;
    --textboxfont: 13px;
    --buttonfont: 13px;
    --deltafont: 16px;
    --alphafont: 15px;
    --betafont: 13px;
    --gammafont: 12px;
    --xxlfont: 24px;
    --xlfont: 20px;
    --viewportsize: 1140px;
    --responsive-margin-padding: 24px;

    /* alba travel fonts */
    --xsfont: 13px;
    --smfont: 14px;
    --mdfont: 15px;
    --lgfont: 16px;
    /*--xlfont: 17px;*/
    --2xfont: 18px;
    --3xfont: 20px;
    --4xfont: 22px;
    --5xfont: 24px;
    --6xfont: 26px;
    --7xfont: 30px;
    --8xfont: 34px;
    --10xfont: 50px;
  }
}

@media (min-width: 1440px) {
  :root {
    --labelfont: 12px;
    --checkboxfont: 13px;
    --textboxfont: 14px;
    --buttonfont: 14px;
    --deltafont: 17px;
    --alphafont: 16px;
    --betafont: 14px;
    --gammafont: 13px;
    --xxlfont: 26px;
    --xlfont: 22px;
    --viewportsize: 1280px;
  }
}

@media (min-width: 1680px) {
  :root {
    --labelfont: 13px;
    --checkboxfont: 14px;
    --textboxfont: 14px;
    --viewportsize: 1366px;
  }
}

.main-container,
header.top-header,
.site-footer-inner {
  max-width: var(--viewportsize);
}

label.search-lables,
.search-lables i,
.form-cntrl label {
  font-size: var(--labelfont);
}

.search-inputs,
.search-inputs input,
.form-grp input,
.header-btn i,
.form-input {
  font-size: var(--textboxfont);
}

.travel-class {
  font-size: var(--checkboxfont);
}

.btn-link,
.header-btn,
.btn-type3.font-16,
.sw-menu-title {
  font-size: var(--buttonfont);
}

.fl-time,
.fl-1-from,
.fl-1-to,
.fl-name i,
.cart-head-fl i,
.cart-fl-time,
.lbl-loginname,
.search-flight-more-bar .fl-more i,
.search-flight-more-bar2 .fl-more i,
.filter-header,
.star-ratings,
.show-more-rooms-bar .fl-more i,
.sort-header,
.hotel-info2 i,
.hotel-address2 i,
.description-header {
  font-size: var(--alphafont);
}

.search-head-name,
.search-head-name i,
.search-result-number,
.fl-station,
.fl-dur-dgt,
.search-flight-more-bar .fl-more,
.search-flight-more-bar2 .fl-more,
.upgrade-teriff,
.fl-stop-from,
.fl-stop-to,
.halt-time,
.halt-lbl,
.fl-name,
.fl-1,
.hide-more-detail,
.cart-head-fl,
.cart-fl-time .cart-fl-station,
.teriff-p-title,
.alt-rate-title-bg,
.alt-rate-title,
.price-tariff,
.fl-pas-num-head,
.pay-method-head,
.selected-ssr-info-label,
.reservation-dtl,
.price-change-info,
.show-rule,
.rate-head,
.return-total,
.col-header,
.condi-link,
.add-remove-box,
.loading-text,
.hotel-fav-heart,
.pagination-div ul li,
.show-more-rooms-bar,
.star-ratings2,
.hotel-name2,
.hotel-name3,
.list-back-link,
.available-dates,
.guest-no-header {
  font-size: var(--betafont);
}

.fl-class,
.fl-traveller,
.fl-seat,
.list-loading,
.fl-dur-total,
.fl-num,
.fl-date,
.cart-fl-num,
.cart-fl-date,
.cart-fl-more-rates,
ul.list-bullet,
.cart-condition,
.rule-condition,
.rule-terms,
.alt-fl-name,
.alt-fl-detail-row,
.fl-frm,
.fl-via,
.fl-frm-date,
.fare-rule-titles,
.rate-title-row,
.rate-vaule-row,
.table td,
.table th,
.summary-text,
.rate-terms-title,
.rate-terms-sec p,
.btn-reset,
.col-text,
.col-text-4a,
.col-text-4b,
.col-text-see,
.pas-lbl,
.col-accommodation,
.col-occupants,
.col-treatments,
.col-farerules,
.row-supplier-info,
.col-farerules-header,
.hotel-info2,
.hotel-info3,
.hotel-address2,
.hotel-metadetail-right,
.col-promotion-header,
.col-promotion,
.warning-container {
  font-size: var(--gammafont);
}

.price-start,
.cart-price-start,
.cart-card-offer,
.cart-upgrade-teriff,
.reservation-dtl i,
.search-head-date,
.cart-name,
.cart-total,
.hotel-price {
  font-size: var(--deltafont);
}

.price-start span,
.cart-price-start span,
.cart-total span,
.hotel-price span.rate {
  font-size: var(--xxlfont);
}

.book-teriff,
.common-page-header,
.hotel-fav-heart i,
.col-occupants i.fa-male,
.col-occupants i.fa-female {
  font-size: var(--xlfont);
}

.sw-ex-service-desc,
.sw-ex-service-badge,
.pas-service-title,
.pas-add-service-title,
.pas-add-service-detail {
  font-size: var(--xsfont);
}

.hotel-info-sm,
.hotel-address-sm,
.footer-txt,
.footer-links-list ul li a,
.link-litle,
.sw-show-more3,
.sw-transfer-service-name,
.bookref-label,
.sw-open-map-btn {
  font-size: var(--smfont);
}

.hotel-address,
.hotel-address i,
.sw-transfer-rate-title,
.sw-transfer-subtitle,
.sw-ex-service-title,
.sw-ex-service-label {
  font-size: var(--mdfont);
}

.hotel-info,
.hotel-info i,
.sw-rating-number,
.checkbox-custom label,
.sw-search-period,
.btn,
.sw-room-name i,
.sw-show-more2,
.hotel-info4,
.hotel-info4 i,
.sw-amenity2,
.sw-transfer-title,
.sw-transfer-category {
  font-size: var(--lgfont);
}

.sidebar-title,
.sw-show-more,
.sw-search-details,
.sw-amenity,
.sw-ex-service-free,
.sw-ex-service-paid {
  font-size: var(--2xfont);
}

.hotel-name-sm,
.sw-search-header {
  font-size: var(--3xfont);
}

.sw-room-name {
  font-size: var(--3xfont);
}

.sw-transfer-service-icon {
  font-size: var(--4xfont);
}

.hotel-facilities,
.sw-sub-header,
.sw-rate-sm,
.sw-ex-service-total {
  font-size: var(--5xfont);
}

.hotel-name,
.sw-city-hotels-num {
  font-size: var(--6xfont);
}

.sw-page-title {
  font-size: var(--7xfont);
}

.sw-sec-search,
.sw-sec-listing,
.sw-sec-detail,
.sw-sec-cart,
.sw-sec-booking,
.sw-sec-reservation,
.sw-sec-services,
.sw-sec-act-listing {
  margin-bottom: var(--responsive-margin-padding);
}

.height-52 {
  height: 52px;
}

.text-firstcolor {
  color: var(--firstcolor);
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter # 01 - login style */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.page-wrapper {
  min-height: calc(100vh - 54px);
}

header.top-header {
  flex-direction: column;
}

header.top-header figure {
  margin: 0 auto;
}

.header-right {
  flex-direction: row;
  margin-top: 5px;
}

.header-btn {
  border-radius: var(--buttonradius);
  margin-left: 5px;
  min-width: 90px;
  min-height: 35px;
  text-transform: uppercase;
  font-weight: 500;
  outline: none;
  -webkit-appearance: none;
  transition: all 0.3s ease;
}

.header-btn:first-child {
  margin-left: 0px;
}

@media (min-width: 360px) {
  .header-btn {
    margin-left: 10px;
    min-width: 100px;
  }
}

@media (min-width: 375px) {
  .header-btn {
    min-width: 105px;
  }

  .login-form {
    margin: 0px auto;
    margin-top: 30px;
  }
}

@media (min-width: 576px) {}

@media (min-width: 768px) {
  .page-wrapper {
    min-height: calc(100vh - 62px);
  }

  .header-right {
    margin-top: 0px;
  }

  .header-btn {
    margin-left: 15px;
    min-width: 115px;
    min-height: 40px;
  }
}

@media (min-width: 992px) {
  .page-wrapper {
    min-height: calc(100vh - 45px);
  }

  header.top-header {
    flex-direction: row;
  }
}

@media (min-width: 1200px) {
  .page-wrapper {
    min-height: calc(100vh - 53px);
  }

  header.top-header figure {
    margin: 0;
  }

  .header-btn {
    margin-left: 20px;
    min-width: 130px;
    min-height: 45px;
  }

  .login-form {
    margin: 0px;

  }
}

@media (min-width: 1400px) {}


/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 26 - login page b2b style */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.sw-login-page-bg {
  background-color: #2f4858;
}

.sw-lang {
  display: flex;
  justify-content: flex-end;
  margin: var(--responsive-margin-padding) 0;
}

.sw-lang-select {
  width: 100px;
  border-radius: 0px;
}

.sw-login-form-box {
  border: dashed 4px #ADB5BD;
  padding: var(--responsive-margin-padding);
}

.sw-login-title {
  color: #cecd00;
  text-transform: uppercase;
  font-weight: bold;
  font-size: var(--7xfont);
  text-align: center;
}

.sw-sub-title {
  color: #fff;
  font-size: 13px;
  text-align: center;
}

.sw-login-form-ele {
  margin-top: 20px;
}

.btn-success {
  background-color: #cecd00;
  border-color: #cecd00;
  color: #2f4858;
}

.btn-success:hover {
  background-color: #2f4858;
  border-color: #cecd00;
  color: #cecd00;
}

.btn-outline-success {
  background-color: #2f4858;
  border-color: #cecd00;
  color: #cecd00;
}

.btn-outline-success:hover {
  background-color: #cecd00;
  border-color: #cecd00;
  color: #2f4858;
}

.sw-forgot-pass-link {
  text-align: center;
}

.sw-forgot-pass-link a {
  color: #cecd00;
}

.form-grp input:focus,
.form-grp input:focus-visible {
  outline: none;
  box-shadow: none;
}

.form-grp.sw-mb {
  margin-bottom: 16px;
}

.sw-login-desc-box {
  /* border: solid 2px cyan; */
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
}

.sw-login-desc {
  font-size: var(--3xfont);
  line-height: var(--3xfont);
  color: #fff;
  margin-bottom: 30px;
}

.sw-text-firstcolorhover {
  color: #cecd00;
}

.sw-login-infographic {
  margin-top: 30px;
  height: 300px;
  /* border: dotted 1px #fff; */
}

.sw-login-infographic img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  /* contain-width & cover-height */
  object-position: center center;
}

.sw-form-container {
  /* width: 80%;
  margin: 0 auto; */
}

.sw-register-heading {
  color: #cecd00;
  font-weight: 700;
  font-size: var(--3xfont);
  margin: 0 0 calc(var(--responsive-margin-padding) / 2) var(--responsive-margin-padding);
}

.sw-register-box {
  border: dashed 4px #ADB5BD;
  padding: var(--responsive-margin-padding);
}

.sw-register-action {
  padding: var(--responsive-margin-padding);
}

.sw-register-subheading {
  color: #cecd00;
  font-weight: 700;
  font-size: var(--2xfont);
  margin: 0 0 calc(var(--responsive-margin-padding) / 2) 0;
}

.sw-register-note {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 calc(var(--responsive-margin-padding) / 2) 0;
}

.sw-register-check.form-check-input[type="checkbox"] {
  border-radius: 0px;
}

.sw-register-label-green.form-check-label {
  color: #cecd00;
}

.sw-register-label-white.form-check-label {
  color: #fff;
}

.sw-register-check.form-check-input:checked {
  background-color: #cecd00;
  border-color: #cecd00;
}

.sw-register-btn {
  min-width: 250px;
}

.sw-register-bg {
  display: none;
}

.sw-register-top-bg {
  display: none;
}

.sw-register-bottom-bg {
  display: none;
}

.sw-home-container {
  padding: var(--responsive-margin-padding);
}
.sw-home-nav-box-main {    
    padding: 5px;
}
.sw-home-nav-box-sub {
    padding-top:5px;
    border: 1px solid var(--firstcolor);
    min-height:280px;
}
.sw-home-nav-box {
  /* border: solid 1px red; */
  margin-bottom: 20px;
}

.sw-home-nav-icon {
  /* border: solid 1px blue; */
  height: calc(var(--10xfont) + 20px);
  margin-bottom: 16px;
}

.sw-home-nav-icon img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  /* contain-width & cover-height */
  object-position: center center;
}

.sw-home-nav-name {
  color: #2F4858;
  font-weight: bold;
  font-size: var(--8xfont);
  line-height: var(--8xfont);
  margin-bottom: 10px;
  /* min-height: calc(var(--8xfont) * 2); */
}

.sw-home-nav-desc {
  width: 80%;
  margin: 0 auto;
  color: #808080;
  font-size: var(--2xfont);
  line-height: var(--2xfont);
  max-height: 56px;
  overflow: hidden;
}

.sw-home-header-bg {
  background-color: #2F4858;
  height: 200px;
}
.sw-home-tagline {
  color: #C6C900;
  font-size: var(--7xfont);
  font-weight: bold;
  /* margin-top: -60px; */
}


@media (min-width: 375px) {}

@media (min-width: 576px) {}

@media (min-width: 768px) {
  .sw-login-form-ele {
    margin-top: 0px;
  }
}

@media (min-width: 992px) {
  .sw-login-title {
    text-align: left;
  }

  .sw-sub-title {
    text-align: left;
  }

  .sw-login-desc-box {
    margin-top: 0px;
  }
}

@media (min-width: 1200px) {
  .sw-login-desc-box {
    width: 64%;
  }

  .sw-register-bg {
    display: block;
    border: solid 2px cyan;
    position: relative;
  }

  .sw-register-top-bg {
    display: block;
    position: absolute;
    left: 24px;
    top: 36px;
    color: #ADB5BD;
    font-size: 100px;
  }

  .sw-register-bottom-bg {
    display: block;
    position: absolute;
    right: 10px;
    bottom: 0px;
    color: #ADB5BD;
    font-size: 100px;
  }
}

@media (min-width: 1400px) {
  .sw-login-desc-box {
    width: 55%;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 27 - footer b2b style */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.sw-footer {
  background-color: #fff;
  padding-top: calc(var(--responsive-margin-padding) * 3);
}

.sw-footer-bg {
  background-color: #E6E6E6;
  border-top: solid 10px #C6C900;
}

.sw-footer-logo {
  margin-bottom: calc(var(--responsive-margin-padding) * 1.5);
}

.sw-footer-infobox {
  display: flex;
  flex-direction: column;
}

.sw-footer-contact {
  flex: 0 0 37%;
  margin-bottom: calc(var(--responsive-margin-padding) * 1.5);

  font-size: 13px;
  line-height: 15px;
}

.sw-footer-timings {
  flex: 0 0 40%;
  margin-bottom: calc(var(--responsive-margin-padding) * 1.5);

  display: flex;
  flex-direction: column;
  align-items: left;
}

.sw-footer-social {
  /* border: solid 1px black; */
  flex: 0 0 23%;
  margin-bottom: calc(var(--responsive-margin-padding) * 1.5);

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.sw-footer-helpline {
  font-size: var(--7xfont);
  font-weight: bold;
  flex: 0 0 47%;
}

.sw-footer-avail {
  font-size: 13px;
  line-height: 15px;
  flex: 1;
}

.sw-social-circle {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background-color: #2f4858;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
}

.sw-social-fto {
  height: 36px;
  width: 45px;
  /* border: solid 1px grey; */
}

.sw-social-iata {
  height: 36px;
  width: 50px;
  /* border: solid 1px grey; */
}

.sw-social-fto img,
.sw-social-iata img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  /* contain-width & cover-height */
  object-position: center center;
}

.sw-social-circle,
.sw-social-fto {
  margin-right: 10px;
}

@media (min-width: 375px) {}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
  .sw-footer-infobox {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .sw-footer-contact {
    flex: 0 0 50%;
  }

  .sw-footer-timings {
    flex: 0 0 50%;
  }
}

@media (min-width: 1200px) {
  .sw-footer-contact {
    border-right: solid 1px #2f4858;
    flex: 0 0 38%;
  }

  .sw-footer-timings {
    border-right: solid 1px #2f4858;
    flex: 0 0 39%;
    flex-direction: row;
    padding: 0px 10px;
    align-items: center;
  }

  .sw-footer-social {
    flex: 0 0 23%;
    padding-left: 10px;
  }

  .sw-footer-helpline {
    flex: 0 0 55%;
  }
}

@media (min-width: 1400px) {
  .sw-footer-contact {
    flex: 0 0 35%;
  }

  .sw-footer-timings {
    flex: 0 0 42%;
    padding: 0px 20px;
  }

  .sw-footer-social {
    flex: 0 0 23%;
    justify-content: center;
  }

  .sw-footer-helpline {
    flex: 0 0 50%;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter - 02 - search style */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.main-container {
  padding: 0 5px;
}

.search-tabs ul li {
  font-size: 15px;
  padding: 19px 30px;
}

.search-tabs ul li .fa-plane {
  font-size: 16px;
}

.trip-way-check {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1px;
}

.trip-way-check .checkbox-custom {
  margin-right: 0px;
  /* 38 */
}

.terif-class {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  padding-left: 0px;
  align-items: center;
  margin-top: 8px;
}

.travel-class {
  margin-left: 0px;
  height: 21px;
}

.travel-class .fa-chevron-down {
  padding-top: 2px;
}

.travel-class span {
  margin: 0 11px;
}

.travel-dropdown {
  min-width: 156px;
  border: solid 1px var(--firstcolor);
  z-index: 3;
}

.search-check-filter {
  display: flex;
  flex-direction: column;
  padding: 18px;
}

.travel-dtl {
  display: flex;
  flex-direction: column;
  padding: 0px 18px 18px 18px;
}

.add-route-div {
  padding: 0px 18px 18px;
}

.search-column1 {
  flex: 0 0 100%;
  display: flex;
}

.travel-dates {
  /*flex-direction: column;*/
  /*margin-left: 0px;*/
}

.travel-passenger {
  margin-left: 0px;
}

.travel-loc {
  flex-direction: column;
}

.arrival-loc {
  padding-left: 17px;
}

.from-to-ico {
  right: -18px;
  height: 36px;
  width: 36px;
  font-size: 16px;
  top: 100%;
  margin-top: -20px;
  border-radius: 50%;
}

.advanced-search {
  margin: 0 18px;
}

.v-col-3>.col-div {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0px 5px 11px;
}

.search-column2 {
  position: relative;
}

.remove-row-lg {
  width: 50px;
  height: 50px;
  font-size: 24px;
  margin-left: 0px;
  margin-top: 8px;
}

.remove-row-lg-2 {
  position: absolute;
  background-color: var(--firstcolor);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity 0.2s linear;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  bottom: -18px;
  right: -18px;
  font-size: 24px;
}

.remove-row-lg-2:hover {
  opacity: 0.5;
}

.add-route-div {
  display: flex;
  justify-content: center;
}

.search-footer {
  justify-content: flex-end;
  padding: 8px 18px;
}

.reset-button-box {
  margin-top: 8px;
  margin-left: 0px;
  /* 38px */
}

.btn {
  border-radius: 0px;
}

.btn-reset {
  border-radius: var(--buttonradius);
  cursor: pointer;
  border: 0 none;
  letter-spacing: 1.2px;
  text-align: center;
  padding: 8px;
  outline: none;
  background-color: #E4740D;
  /*#0D8AE4*/
  color: #FFFFFF;
  font-weight: 500;
  text-transform: uppercase;
  transition: all 0.3s ease;
  text-transform: capitalize;
}

.btn-reset:hover,
.btn-reset:focus {
  opacity: 0.5;
}

.header-left {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lbl-loginname {
  padding-left: 0px;
  color: #4b94e6;
  font-weight: 600;
}

.search-footer button {
  width: 210px;
}

.inner-bgimg {
  height: 215px;
}

@media (min-width: 375px) {}

@media (min-width: 576px) {}

@media (min-width: 768px) {
  .main-container {
    padding: 0 10px;
  }

  .search-tabs ul li {
    font-size: 16px;
    padding: 23px 33px;
  }

  .search-tabs ul li .fa-plane {
    font-size: 18px;
  }

  .trip-way-check {
    justify-content: unset;
    align-items: center;
  }

  .trip-way-check .checkbox-custom {
    margin-right: 79px;
  }

  .terif-class {
    justify-content: unset;
  }

  .travel-class {
    margin-left: 49px;
  }

  .travel-dtl {
    padding: 0px 24px 24px 24px;
  }

  .travel-dropdown {
    min-width: 300px;
  }

  .fare-dropdown {
    min-width: 170px;
  }

  .search-check-filter {
    padding: 24px 24px 24px 24px;
  }

  .add-route-div {
    padding: 0px 24px 24px;
  }

  .travel-dates {
    /*flex-direction: row;*/
  }

  .travel-loc {
    flex-direction: row;
  }

  .arrival-loc {
    padding-left: 39px;
  }

  .from-to-ico {
    right: -20px;
    height: 40px;
    width: 40px;
    font-size: 18px;
    top: 50%;
    margin-top: -20px;
  }

  .advanced-search {
    margin: 0 24px;
  }

  .v-col-3>.col-div {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .remove-row-lg-2 {
    width: 40px;
    height: 40px;
    bottom: -20px;
    right: -20px;
  }

  .add-route-div {
    justify-content: flex-start;
  }

  .search-footer {
    justify-content: flex-end;
    padding: 8px 24px;
  }

  .reset-button-box {
    margin-top: 0px;
    margin-left: 17px;
  }

  .header-left {
    flex-direction: row;
  }

  .lbl-loginname {
    padding-left: 20px;
  }

  .inner-bgimg {
    height: 203px;
  }
}

@media (min-width: 992px) {
  .inner-bgimg {
    height: 163px;
  }

}

@media (min-width: 1200px) {
  .main-container {
    padding: 0 15px;
  }

  .search-tabs ul li {
    font-size: 17px;
    padding: 27px 36px;
  }

  .search-tabs ul li .fa-plane {
    font-size: 20px;
  }

  .trip-way-check {
    margin-bottom: 0px;
  }

  .trip-way-check .checkbox-custom {
    margin-right: 30px;
  }

  .terif-class {
    padding-left: 6px;
    margin-top: 0px;
    justify-content: space-between;
  }

  .travel-class {
    margin-left: 22px;
    /* 38px */
  }

  .search-check-filter {
    flex-direction: row;
  }

  .travel-dtl {
    flex-direction: row;
  }

  .search-column1 {
    flex: 0 0 46%;
  }

  .search-column-trip {
    flex: 0 0 44%;
  }

  .search-inc-fr {
    flex: 0 0 18%;
  }

  .lbl-inl-fr {
    font-size: var(--checkboxfont);
    margin-right: 10px;
    margin-top: 5px;
    font-weight: 500;
    color: #000;
  }

  .travel-passenger {
    margin-left: 8px;
  }

  .from-to-ico {
    right: -23px;
    height: 47px;
    width: 47px;
    font-size: 21px;
    top: 50%;
    margin-top: -24px;
  }

  .v-col-3>.col-div {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .remove-row-lg {
    width: 71px;
    height: unset;
    font-size: 29px;
    margin-left: 8px;
    margin-top: 0px;
  }

  .remove-row-lg-2 {
    width: 71px;
    height: 71px;
    border-radius: 2px;
    bottom: 0px;
    right: -80px;
  }

  .reset-button-box {
    margin-left: 22px;
  }

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

  .inner-bgimg {
    height: 325px;
  }
}

@media (min-width: 1400px) {
  .trip-way-check .checkbox-custom {
    margin-right: 15px
  }

  .terif-class {
    justify-content: space-between;
  }

  .travel-class,
  .reset-button-box {
    margin-left: 38px;
  }

  .inner-bgimg {
    height: 327px;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter # 03 - flight search result / listing style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.search-flight-detail {
  background-color: var(--firstcolorlite);
  border: 1px solid var(--firstcolorlite);
}

.search-result-section {
  position: relative;
}

.search-list-right {
  /*flex: 1 1 auto;*/
  width: calc(100% - 5px);
}

.search-head {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-left: 10px;
}

.search-head-left {
  flex: 0 0 100%;
  max-width: 100%;
}

.search-head-right {
  text-align: left;
  margin-top: 8px;
  flex: 0 0 100%;
  max-width: 100%;
}

.searchfldtl-row {
  width: 100%;
}

.search-fl-dtl {
  display: flex;
  flex-direction: column;
}

.search-fl-dtl,
.cart-fl-dtl {
  padding: 8px;
}

.search-fl-left {
  padding-right: 0px;
  /* 16 */
}

.search-fl-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  flex: 0 0 100%;
  /* 211 */
  max-width: 100%;
  /* 211 */
  padding: 10px;
  margin-top: 8px;
  text-align: right;
  align-items: stretch;
}

.search-fl-row {
  flex-direction: column;
  padding: 10px;
}

.sidebar-box {
  /*margin: 0 5px;*/
  padding: 10px 0;
}

.sidebar-box input[type=text] {
  width: 100%;
}

.search-flight-detail {
  margin-top: 10px;
}

.search-head-name,
.search-result-number {
  margin-bottom: 3px;
}

.lbl-provider {
  font-size: 10px;
  padding: 2px 4px;
  top: 5px;
  right: 8px;
}

.search-fl-metadetail {
  width: 100%;
}

.return-total {
  margin-bottom: 10px;
  line-height: 20px;
}

.book-teriff {
  margin-bottom: 0px;
  /* 10 */
}

.price-start {
  margin-bottom: 10px;
}

.upgrade-teriff {
  margin-bottom: 0px;
  margin-top: 10px;
}

.search-flight-more-bar,
.search-flight-more-bar2,
.show-more-rooms-bar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.search-flight-more-bar,
.search-flight-more-bar2 {
  justify-content: flex-start;
}

.search-flight-more-bar .fl-more,
.search-flight-more-bar2 .fl-more {
  /*border: solid 1px cyan;*/
  flex: 0 0 50%;
  max-width: 50%;
  /*flex: 1;*/
  padding-left: 1px;
  /* 12px */
  align-items: center;
  justify-content: center;
}

.search-flight-more-bar .fl-more,
.hide-more-detail,
.fl-more-halt,
.search-flight-more-bar2 .fl-more {
  min-height: 40px;
}

.more-fl-details,
.fl-name,
.fl-dur-total,
.fl-more-right,
.alt-rate-row {
  /*border: solid 1px red;*/
}

.fl-name-details,
.fl-more-row,
.alt-rate-detail-row {
  /*border: solid 1px blue;*/
}

.fl-more-detail,
.fl-more-left {
  /*border: solid 1px green;*/
}

.fl-more-row {
  flex-direction: column;
  padding: 10px 0px;
}

.fl-name {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.fl-more-left {
  flex: 0 0 25%;
  padding-bottom: 10px;
  border-bottom: solid 1px #DFEFFB;
  margin: 0px 12px 10px 12px;
}

.fl-1 {
  margin-bottom: 10px;
}

.fl-more-times {
  flex: 0 0 calc(100% - 10px);
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #DFEFFB;
}

.fl-class {
  margin-bottom: 6px;
}

.fl-traveller {
  margin-bottom: 6px;
}

.fl-more-left figure {
  margin-bottom: 6px;
  min-height: 16px;
}

.fl-num {
  margin-bottom: 6px;
}

.fl-name,
.fl-more-right,
.fl-dur-total {
  padding-left: 12px;
}

.popup-content,
.terif--row,
.rule-terms {
  padding: 8px;
}

ul.list-bullet li {
  margin-bottom: 6px;
}

.fare-rule-titles {
  padding: 0px 8px;
  text-transform: capitalize;
}

.rule-condition,
.alt-rate-title,
.alt-rate-detail-row {
  margin: 0 8px;
}

.teriff-p-title,
.alt-rate-title {
  text-transform: capitalize;
}

.alt-rate-title-bg,
.rate-head {
  padding: 0px 8px;
}

.rate-inn-cont {
  padding: 8px;
}

.public-rate {
  flex: 0 0 25%;
  max-width: 25%;
  /*padding-right: 8px;*/
}

.summary-rate {
  flex: 0 0 25%;
  max-width: 25%;
  /*padding-right: 8px;*/
}

.summary-diff {
  flex: 0 0 25%;
  max-width: 25%;
  /*padding-right: 8px;*/
}

.summary-fee {
  flex: 0 0 25%;
  max-width: 25%;
}

.slider-handle {
  top: 2px;
  width: 16px;
  height: 16px;
}

@media (min-width: 375px) {}

@media (min-width: 576px) {}

@media (min-width: 768px) {
  .search-list-right {
    width: 100%;
  }

  .search-head {
    justify-content: space-between;
    flex-direction: row;
    padding-left: 5px;
  }

  .search-head-left {
    flex: 0 0 66.6666666667%;
    /* 33.3333333333% */
    max-width: 66.6666666667%;
    /* 33.3333333333% */
  }

  .search-head-right {
    text-align: right;
    margin-top: 0px;
    flex: 0 0 33.3333333333%;
    /* 33.3333333333% */
    max-width: 33.3333333333%;
    /* 33.3333333333% */
  }

  .search-fl-dtl,
  .cart-fl-dtl {
    padding: 16px;
  }

  .search-fl-row {
    flex-direction: row;
    padding: 13px;
  }

  .search-fl-right {
    flex-direction: row;
    padding: 13px;
    text-align: left;
    align-items: center;
  }

  .sidebar-box {
    /*margin: 0 10px;*/
    padding: 15px 0;
  }

  .search-flight-detail {
    margin-top: 15px;
  }

  .search-head-name,
  .search-result-number {
    margin-bottom: 4px;
  }

  .lbl-provider {
    padding: 3px 5px;
    top: 10px;
    right: 16px;
  }

  .search-fl-metadetail {
    width: 170px;
  }

  .return-total {
    margin-bottom: 0px;
  }

  .book-teriff {
    margin-bottom: 0px;
  }

  .upgrade-teriff {
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .search-flight-more-bar {
    flex-direction: row;
    justify-content: space-between;
  }

  .search-flight-more-bar2 {
    flex-direction: row;
    justify-content: flex-start;
  }

  .search-flight-more-bar .fl-more,
  .search-flight-more-bar2 .fl-more {
    flex: 0 0 25%;
    max-width: 25%;
    justify-content: center;
  }

  .search-flight-more-bar .fl-more,
  .hide-more-detail,
  .fl-more-halt,
  .search-flight-more-bar2 .fl-more {
    min-height: 44px;
  }

  .fl-more-row {
    flex-direction: row;
    padding: 13px 0px;
  }

  .fl-name,
  .fl-dur-total {
    padding-left: 16px;
  }

  .fl-name {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .fl-more-left {
    padding-bottom: 0px;
    border-bottom: none;
    margin: 0px 0px 0px 16px;
  }

  .fl-more-right {
    padding-left: 0px;
  }

  .fl-more-times {
    flex: 0 0 60%;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
  }

  .popup-content,
  .terif--row,
  .rule-terms {
    padding: 16px;
  }

  ul.list-bullet li {
    margin-bottom: 8px;
  }

  .fare-rule-titles {
    padding: 0px 16px;
  }

  .rule-condition,
  .alt-rate-title,
  .alt-rate-detail-row {
    margin: 0 16px;
  }

  .alt-rate-title-bg,
  .rate-head {
    padding: 0px 16px;
  }

  .rate-inn-cont {
    padding: 16px;
  }

  .slider-handle {
    top: 1px;
    width: 18px;
    height: 18px;
  }

}

@media (min-width: 992px) {

  .search-flight-more-bar .fl-more,
  .search-flight-more-bar2 .fl-more {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 1200px) {
  .search-fl-dtl {
    flex-direction: row;
  }

  .search-fl-dtl,
  .cart-fl-dtl {
    padding: 24px;
  }

  .search-fl-row {
    padding: 16px;
  }

  .search-fl-left {
    padding-right: 16px;
  }

  .search-fl-right {
    flex-direction: column;
    flex: 0 0 220px;
    max-width: 220px;
    margin-top: 0px;
    padding: 16px;
    text-align: right;
    align-items: stretch;
  }

  .sidebar-box {
    /*margin: 0 15px;*/
    padding: 20px 0;
  }

  .search-flight-detail {
    margin-top: 20px;
  }

  .search-head-name,
  .search-result-number {
    margin-bottom: 5px;
  }

  .lbl-provider {
    padding: 4px 6px;
    top: 15px;
    right: 24px;
  }

  .search-flight-more-bar .fl-more,
  .search-flight-more-bar2 .fl-more {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .search-flight-more-bar .fl-more,
  .hide-more-detail,
  .fl-more-halt,
  .search-flight-more-bar2 .fl-more {
    min-height: 48px;
  }

  .fl-more-row {
    padding: 16px 0px;
  }

  .fl-more-left {
    margin: 0px 0px 0px 24px;
  }

  .fl-name,
  .fl-dur-total {
    padding-left: 24px;
  }

  .fl-more-times {
    flex: 0 0 65%;
  }

  .popup-content,
  .terif--row,
  .rule-terms {
    padding: 24px;
  }

  ul.list-bullet li {
    margin-bottom: 10px;
  }

  .fare-rule-titles {
    padding: 0px 24px;
    text-transform: uppercase;
  }

  .rule-condition,
  .alt-rate-title,
  .alt-rate-detail-row {
    margin: 0 24px;
  }

  .teriff-p-title,
  .alt-rate-title {
    text-transform: uppercase;
  }

  .alt-rate-title-bg,
  .rate-head {
    padding: 0px 24px;
  }

  .rate-inn-cont {
    padding: 24px;
  }

  .slider-handle {
    top: 0px;
    width: 20px;
    height: 20px;
  }

  .return-total {
    margin-bottom: 10px;
  }

  .upgrade-teriff {
    margin-top: 10px;
  }
}

@media (min-width: 1400px) {
  .search-fl-right {
    flex: 0 0 264px;
    max-width: 264px;
  }

  .sidebar-box {
    /*margin: 0 20px;*/
    padding: 20px 0;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter # 04 - footer style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.site-footer,
.footer-topleft,
.copyright {
  /*border: solid 1px blue;*/
}

.footer-top {
  /*border: solid 2px black;*/
}

.site-footer-inner,
.footer-top-right,
.footer-links {
  /*border: solid 1px red;*/
}

footer {
  padding: 30px 0px;
  /*font-size: 13px;
  line-height: 17px;*/
  /*background-color: rgba(73, 80, 87, 0.9);*/
  background-color: var(--firstcolorlite);
  /*rgb(73, 80, 87)*/
  /*color: #fff;*/
  color: var(--secondcolor);
  border-bottom: solid 3px var(--thirdcolor);
  border-top: solid 3px var(--thirdcolor);
}

.site-footer {}

.site-footer-inner {
  flex-direction: column;
  padding: 10px;
  flex-wrap: wrap;
}

.footer-topleft {
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0px;
}

.footer-top-right {
  /*flex: 1 1 auto;*/
  justify-content: space-between;
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 18px;
}

.footer-txt {
  margin: 25px 0px;
  font-weight: 500;
}

.footer-contact ul {
  flex-direction: column;
}

.footer-contact ul li {
  margin-right: 0px;
  margin-bottom: 10px;
}

.copyright {
  width: 100%;
  text-align: center;
}

.footer-links {
  width: 100%;
  justify-content: space-evenly;
  /* flex-end | space-evenly | center */
}

@media (min-width: 768px) {
  footer {
    padding: 40px 0px;
  }

  .site-footer-inner {
    padding: 14px;
  }

  .footer-contact ul {
    flex-direction: row;
  }

  .footer-contact ul li {
    margin-right: 50px;
    margin-bottom: 0px;
  }
}

@media (min-width: 992px) {
  .site-footer-inner {
    flex-direction: row;
  }

  .copyright {
    width: 50%;
    text-align: left;
  }

  .footer-links {
    width: 50%;
    justify-content: flex-end;
    /* flex-end | center */
  }

  .footer-links li {
    margin-left: 45px;
  }
}

@media (min-width: 1200px) {
  footer {
    padding: 50px 0px;
  }

  .site-footer-inner {
    padding: 18px;
  }

  .footer-topleft {
    flex: 0 0 50%;
    max-width: 50%;
    /*padding-left: 10%;*/
  }

  .footer-top-right {
    flex: 0 0 50%;
    max-width: 50%;
    margin-top: 0px;
    justify-content: center;
  }

  .footer-links-list {
    flex: 0 0 35%;
    max-width: 35%;
    margin-top: 0px;
    justify-content: left;
  }

  .footer-cont-link {
    flex: 0 0 40%;
    max-width: 40%;
  }

  .ul-mnu-list {
    width: 250px;
    margin: auto;
  }
}

@media (min-width: 1400px) {}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter # 06 - offcanvas style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.offcanvas-container,
.child-container {
  /*border: solid 1px blue;*/
  /*margin: 50px 0px;*/
}

.btn-filter {
  display: block;
  margin-bottom: 16px;
  min-width: 250px;
}

.col-left {
  /*flex: 1;*/
  max-width: 250px;
  /*border: solid 1px red;*/
}

.col-right {
  flex: 1;
  margin-left: 0px;
  /*border: solid 1px pink;*/
}

.search-list-aside {
  /*margin-right: 5px;*/
  padding: var(--responsive-margin-padding);
  background-color: #fff;
  border: solid 1px var(--firstcolorlite);
  /*background-color: var(--firstcolorlite);*/
}

.col-left-hotel {
  flex: 1;
  max-width: 175px;
  /*border: solid 1px red;*/
}

.col-right-hotel {
  flex: 1;
  margin-left: 0px;
  /*border: solid 1px pink;*/
}

@media (min-width: 411px) {
  .col-left-hotel {
    max-width: 195px;
  }
}

@media (min-width: 768px) {
  .search-list-aside {
    margin-right: 0px;
  }

  .col-left-hotel {
    max-width: 350px;
  }
}

@media (min-width: 834px) {
  .col-left-hotel {
    max-width: 383px;
  }
}

@media (min-width: 992px) {
  .btn-filter {
    display: none;
  }

  .col-right {
    margin-left: 24px;
  }

  .col-right-hotel {
    margin-left: 24px;
  }

  .col-left-hotel {
    max-width: 250px;
  }
}

@media (min-width: 1200px) {
  .col-left-hotel {
    max-width: 290px;
  }
}

@media (min-width: 1400px) {
  .col-left-hotel {
    max-width: 300px;
  }
}

@media (min-width: 1600px) {
  .col-left-hotel {
    max-width: 310px;
  }
}

@media screen and (max-width: 991px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right .sidebar-offcanvas {
    right: -50%;
    /* 6 columns */
  }

  .row-offcanvas-left .sidebar-offcanvas {
    left: -50%;
    /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%;
    /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%;
    /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%;
    /* 6 columns */
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter # 07 - cart style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.cart-price-start,
.cart-upgrade-teriff {
  /* border: solid 1px blue; */
}

.cart-price-start {
  padding-top: 8px;
}

.cart-card-offer,
.cart-fl-right button.btn {
  /* border: solid 1px green;*/
}

.cart-fl-row,
.cart-fl-row2 {
  flex-direction: column;
  /*border: solid 1px Chartreuse;*/
}

.cart-fl-row2 {
  display: flex;
  flex-direction: column;
}

.cart-head {
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}

.cart-left {
  margin-bottom: 10px;
}

.cart-right {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  /*border: solid 1px Turquoise;*/
}

.cart-total-box {
  margin-right: 0px;
  text-align: center;
}

.cart-fl-dtl {
  flex-direction: column;
}

.cart-fl-left {
  /* border: solid 1px red; */
  flex: 1;
  width: 100%;
}

.cart-fl-left2 {
  /*border: solid 1px red;*/
  flex: 1 1 100%;
  width: 100%;
}

.cart-fl-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  flex: 1;
  width: 100%;
  text-align: right;
  padding: var(--responsive-margin-padding);
  /* border: solid 1px Fuchsia; */
}

.cart-fl-metadetail {
  /*border: solid 1px blue;*/
  flex: 1;
  border-bottom: solid 1px #DFEFFB;
  padding-bottom: 4px;
  margin-bottom: 4px;
}

.cart-fl-duration {
  /*border: solid 1px green;*/
  flex: 1;
  border-bottom: solid 1px #DFEFFB;
  padding-bottom: 4px;
  margin-bottom: 4px;
}

.cart-fl-timing {
  /*border: solid 1px orange;*/
  flex: 1;
  border-bottom: solid 1px #DFEFFB;
  padding-bottom: 4px;
  margin-bottom: 4px;
}

.cart-fl-more-rates {
  /*border: solid 1px red;*/
  flex: 2;
  border-bottom: solid 1px #DFEFFB;
  padding-bottom: 8px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}

button.min-some-w,
a.min-some-w {
  min-width: unset;
}

.terif--row {
  flex-direction: column;
}

.teriff-logo {
  flex: 1;
}

.teriffincl {
  flex: 1;
}

.teriffPayable {
  flex: 1;
}

.teriffnot-include {
  flex: 1;
}

.teriff-p-title {
  margin: 16px 0px;
}

.teriff-logo figure {
  margin-bottom: 16px;
}

.cart-fl-right button.btn {
  margin-top: 30px;
  max-width: 250px;
}

.btn-type4 {
  align-self: flex-end;
}

.cart-card-offer {
  padding-top: 16px;
}

.cart-mod-fee {
  background-color: transparent;
  line-height: 15px;
  color: #000;
  font-weight: 500;
  border: 1px solid var(--secondcolorlite);
  padding: 5px;
  margin: 0;
  max-width: 100%;
  text-align: right;
}

.cart-reserv-notice {}

.cart-reserv-notice strong {
  font-weight: 600;
}

.price-change-info {
  background: #f6f6f6;
  margin: 8px;
}

.cart-reserv-notice,
.price-change-info {
  padding: 8px;
}

.h-m-52 {
  max-height: 52px;
}

.cart-total-bottom2 {
  border-top: 1px solid #707070;
  padding: 8px 0px;
}

.cart-name {
  justify-content: center;
}

.cart-right button+button {
  margin-left: 0px;
}

.hotel-metadetail-left {
  flex: 3;
  /*border: solid 1px red;*/
  border-bottom: solid 1px #DFEFFB;
  padding-bottom: 4px;
  margin-bottom: 4px;
}

.hotel-metadetail-left .date-checkout {
  margin-left: 16px;
}

.hotel-metadetail-right {
  flex: 2;
  /*border: solid 1px blue;*/
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}

.cart-row {
  overflow: hidden;
  border: solid 1px var(--firstcolor);
  /*border-radius: 5px;*/
}

.warning-container {
  /*border: solid 1px Tan;*/
  margin: 0 var(--responsive-margin-padding) var(--responsive-margin-padding);
}

.warning-container .title {
  font-weight: 600;
  color: #CC3E3E;
}

.sw-accordian-link {
  /*border:solid 1px red;*/
  font-weight: 600;
  color: var(--firstcolor);
  cursor: pointer;
}

.sw-accordian-box {
  margin-bottom: 24px;
  margin-top: -1px;
}

.sw-accordian-details {
  padding: var(--responsive-margin-padding);
  border: solid 1px var(--firstcolorlite);
}

@media (min-width: 768px) {

  .cart-fl-row,
  .cart-fl-row2 {
    flex-direction: row;
  }

  .cart-head {
    flex-direction: row;
    justify-content: space-between;
  }

  .cart-left {
    margin-bottom: 0px;
  }

  .cart-right {
    flex-direction: row;
  }

  .cart-total-box {
    margin-right: 16px;
  }

  .terif--row {
    flex-direction: row;
  }

  .teriff-p-title {
    margin: 0px 0px 16px 0px;
  }

  .cart-fl-right {
    flex-direction: row;
    text-align: left;
    align-items: center;
  }

  .cart-fl-right button.btn {
    margin-top: 0px;
  }

  .cart-card-offer {
    padding-top: 0px;
  }

  .cart-reserv-notice,
  .price-change-info {
    padding: 16px;
  }

  .price-change-info {
    margin: 16px;
  }

  .cart-fl-metadetail,
  .cart-fl-duration,
  .cart-fl-timing,
  .cart-fl-more-rates,
  .hotel-metadetail-left {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }

  .cart-total-bottom2 {
    padding: 16px 0px;
  }

  .cart-name {
    justify-content: flex-start;
  }

  .cart-right button+button {
    margin-left: 16px;
  }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
  .cart-total-box {
    margin-right: 24px;
  }

  .cart-fl-dtl {
    flex-direction: row;
  }

  .cart-fl-left2 {
    flex: 0 0 66.66666667%;
    width: 66.66666667%;
  }

  .cart-fl-right {
    flex: 1;
    max-width: 300px;
    /* 264 */
    align-self: flex-end;
    align-items: stretch;
  }

  .cart-fl-right {
    flex-direction: column;
    text-align: right;
  }

  .cart-fl-right button.btn {
    margin-top: 30px;
    max-width: 250px;
  }

  .cart-card-offer {
    padding-top: 16px;
  }

  .cart-reserv-notice,
  .price-change-info {
    padding: 24px;
  }

  .price-change-info {
    margin: 24px;
  }

  .cart-total-bottom2 {
    padding: 24px 0px;
  }
}

@media (min-width: 1400px) {}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 08 - passenger detail style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.fl-frm-tovr {
  display: none;
}

.fl-pas-dtl-pax-cont {
  margin: 8px;
}

.fl-from-to {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 8px;
}

.fl-frmto-dtl {
  margin-bottom: 8px;
}

.addi-service-container {
  text-align: right;
}

.form-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}

.form-element {
  padding-right: 0px;
  margin-bottom: 8px;
}

.form-element:last-child {
  margin-bottom: 0px;
}

.ele-1,
.ele-2,
.ele-3,
.ele-4,
.ele-5,
.ele-6,
.ele-7,
.ele-8,
.ele-9,
.ele-10,
.ele-11,
.ele-12,
.ele-13,
.ele-14,
.ele-15 {
  /*border: solid 1px red;*/
}

.ele-1,
.ele-2,
.ele-3,
.ele-4,
.ele-5,
.ele-6,
.ele-7,
.ele-8,
.ele-9,
.ele-10,
.ele-11,
.ele-12,
.ele-13,
.ele-14,
.ele-15 {
  flex: 1 1 100%;
  max-width: 100%;
}

.ele-1a,
.ele-2a,
.ele-3a {
  /*border: solid 1px grey;*/
  flex: 1 1 100%;
  max-width: 100%;
}

.frm-dropdown {
  width: 100%;
}

.selected-ssr-info-label {
  margin-top: 8px;
}

.cart-total-bottom {
  flex-direction: column;
  padding: 8px;
}

.booking-cart-left {
  margin-bottom: 8px;
}

.fl-frm,
.fl-via {
  margin-bottom: 8px;
}

.pay-method-detail {
  padding: 8px;
}

.creditcard-title {
  width: 100%;
}

.pas-add-service {
  padding: 0 8px 8px;
  border: solid 1px var(--firstcolorlite);
}

.pas-add-service {
  /*box-shadow: 0 1px 10px rgb(0 0 0 / 16%);*/
}

.pas-add-detial {
  padding: 8px;
  border: solid 1px var(--firstcolorlite);
}

.guest-details-box {
  border: solid 1px transparent;
}

.guest-form-box {
  /*border: solid 1px greenyellow;*/
  margin: 0 var(--responsive-margin-padding) var(--responsive-margin-padding) var(--responsive-margin-padding);
}

.guest-no-header {
  letter-spacing: 1.2px;
  color: vvar(--firstcolor);
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.guest-single-box {
  margin-bottom: var(--responsive-margin-padding);
}

@media (min-width: 768px) {
  .fl-pas-dtl-pax-cont {
    margin: 16px;
  }

  .fl-from-to {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 16px;
  }

  .fl-frmto-dtl {
    margin-bottom: 16px;
    flex: 1 1 30%;
    max-width: 30%;
    margin-right: 20px;
  }

  .addi-service-container {
    flex: 1 1 34%;
    max-width: 34%;
  }

  .border-right {
    border-right: solid 1px var(--tertiary-color);
  }

  .fl-frm-tovr {
    display: none;
  }

  .form-container {
    flex-direction: row;
  }

  .guest-details-box .ele-3a {
    padding-right: 0px;
  }

  .form-element {
    padding-right: 20px;
  }

  .form-element:nth-child(2),
  .form-element:nth-child(4),
  .form-element:nth-child(6),
  .form-element:nth-child(8),
  .form-element:nth-child(10),
  .form-element:nth-child(12),
  .form-element:nth-child(14),
  .form-element:nth-child(16) {
    padding-right: 0px;
  }

  .ele-1,
  .ele-2,
  .ele-3,
  .ele-4,
  .ele-5,
  .ele-6,
  .ele-7,
  .ele-8,
  .ele-9,
  .ele-10,
  .ele-11,
  .ele-12,
  .ele-13,
  .ele-14,
  .ele-15 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .ele-1a,
  .ele-2a {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .frm-dropdown {
    width: 50%;
  }

  .cart-total-bottom {
    padding: 16px;
  }

  .booking-cart-left {
    margin-bottom: 16px;
  }

  .pay-method-detail {
    padding: 16px;
  }

  .creditcard-title {
    width: 50%;
  }

  .pas-add-service {
    padding: 0px 16px 16px 16px;
  }

  .pas-add-detial {
    padding: 16px;
  }
}

@media (min-width: 992px) {
  .cart-total-bottom {
    flex-direction: row;
    justify-content: space-between;
  }

  .booking-cart-left {
    margin-bottom: 0px;
  }
}

@media (min-width: 1200px) {
  .fl-pas-dtl-pax-cont {
    margin: 24px;
  }

  .fl-from-to {
    padding: 24px;
  }

  .fl-frmto-dtl {
    flex: 1 1 25%;
    max-width: 25%;
  }

  .addi-service-container {
    flex: 1 1 46%;
    max-width: 46%;
  }

  .ele-1 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ele-2,
  .ele-3,
  .ele-4,
  .ele-5,
  .ele-6,
  .ele-7,
  .ele-8,
  .ele-9,
  .ele-10,
  .ele-11,
  .ele-12,
  .ele-13,
  .ele-14,
  .ele-15 {
    flex: 1 1 33.33333333%;
    max-width: 33.33333333%;
  }

  .ele-1a,
  .ele-2a {
    flex: 1 1 33.33333333%;
    max-width: 33.33333333%;
  }

  .ele-3a {
    flex: 1 1 66.66666667%;
    max-width: 66.66666667%;
  }

  .frm-dropdown {
    width: 33.33333333%;
  }

  .pas-title {
    width: calc(33.33% - 16px);
  }

  .guest-details-box .ele-3a {
    padding-right: 20px;
  }

  .form-element {
    margin-bottom: 16px;
  }

  .form-element:nth-child(2),
  .form-element:nth-child(6),
  .form-element:nth-child(8),
  .form-element:nth-child(10),
  .form-element:nth-child(12) {
    padding-right: 20px;
  }

  .form-element:nth-child(4),
  .form-element:nth-child(7),
  .form-element:nth-child(10),
  .form-element:nth-child(13) {
    padding-right: 0px;
  }

  .cart-total-bottom {
    padding: 24px;
    flex-direction: row;
    justify-content: space-between;
  }

  .pay-method-detail {
    padding: 24px;
  }

  .creditcard-title {
    width: 33.33333333%;
  }

  .pas-add-service {
    padding: 0px 24px 24px 24px;
  }

  .pas-add-detial {
    padding: 24px;
  }
}

@media (min-width: 1400px) {}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 09 - alternate fare rule style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.alt-fare-rule-row {
  /*border: solid 2px cyan;*/
}

.row-changes {
  /*border: solid 1px deeppink;*/
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 8px 8px 0px;
}

.fare-change-box {
  /*border: solid 1px deeppink;*/
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  flex: 1 1 100%;
  width: 100%;
}

.refund-box {
  /*border: solid 1px seagreen;*/
  flex: 1 1 100%;
  width: 100%;
}

.regole-box,
.cambi-box {
  /*border: solid 1px powderblue;*/
  width: 100%;
}

.rimborso-box {
  /*border: solid 1px powderblue;*/
  width: 100%;
}

.col-fare-rules {
  /*border: solid 1px seagreen;*/
  flex: 0 0 100%;
  width: 100%;
  margin-bottom: 8px;
}

.col-changes {
  /*border: solid 1px darkmagenta;*/
  flex: 0 0 100%;
  width: 100%;
  margin-bottom: 8px;
}

.col-ticket-refunds {
  /*border: solid 1px powderblue;*/
  flex: 0 0 100%;
  width: 100%;
}

.col-header {
  font-weight: 600;
  text-transform: uppercase;
  padding: 0px 0px 4px;
  /* 4 6 8 */
  border-bottom: solid 1px #707070;
}

.col-text-see {
  border: solid 1px #DFEFFB;
  flex: 0 0 98%;
  width: 98%;
  text-align: center;
  padding: 4px 0px;
  border-radius: var(--buttonradius);
  margin-bottom: 4px;
}

.col-text-see a {
  display: block;
  text-decoration: underline;
}

.col-text {
  padding: 2px 8px 2px 0px;
  font-weight: 500;
}

.col-text .fa-times {
  color: var(--firstcolor);
  padding-right: 10px;
}

.col-text a {
  text-decoration: underline;
  float: right;
  padding-right: 8px;
}

.col-text a:hover,
.col-text a:focus {
  text-decoration: none;
}

.row-changes2 {
  /*border: solid 1px deeppink;*/
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 8px 8px 0px;
}

.col-volo {
  /*border: solid 1px orange;*/
  margin-bottom: 10px;
  flex: 0 0 50%;
  width: 50%;
}

.alt-total-rate {
  /*border: solid 1px cyan;*/
  display: flex;
  align-items: center;
  flex-direction: column;
  border-top: 1px solid #707070;
  justify-content: space-between;
  padding-top: 8px;
  margin: 8px 8px;
}

.col-conditions {
  /*border: solid 1px red;*/
  flex: 0 0 100%;
  width: 100%;
}

.col-prezzo {
  /*border: solid 1px blue;*/
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: flex-end;
}

.condi-link {
  cursor: pointer;
  color: var(--firstcolor);
  text-transform: capitalize;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  letter-spacing: 1.1px;
}

@media (min-width: 768px) {
  .row-changes {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 16px 16px 0px;
  }

  .regole-box,
  .cambi-box {
    width: 50%;
  }

  .row-changes2 {
    padding: 16px 16px 0px;
  }

  .col-fare-rules {
    flex: 0 0 50%;
    width: 50%;
  }

  .col-changes {
    flex: 0 0 50%;
    width: 50%;
  }

  .col-ticket-refunds {
    flex: 0 0 50%;
    width: 50%;
  }

  .col-header,
  .col-header-3a,
  .col-header-3b {
    padding: 0px 0px 6px;
    /* 4 6 8 */
  }

  .col-volo {
    flex: 0 0 33.33333333%;
    width: 33.33333333%;
  }

  .alt-total-rate {
    margin: 8px 16px;
    flex-direction: row;
  }

  .col-conditions {
    flex: 1 0 50%;
    width: 50%;
  }

}

@media (min-width: 992px) {
  .col-fare-rules {
    flex: 0 0 33.33333333%;
    width: 33.33333333%;
    margin-bottom: 0px;
  }

  .col-changes {
    flex: 0 0 33.33333333%;
    width: 33.33333333%;
    margin-bottom: 0px;
  }

  .col-ticket-refunds {
    flex: 0 0 33.33333333%;
    width: 33.33333333%;
  }

  .col-volo {
    flex: 0 0 25%;
    width: 25%;
  }
}

@media (min-width: 1200px) {

  .row-changes,
  .row-changes2 {
    padding: 24px 24px 0px;
  }

  .fare-change-box {
    flex: 1 1 66.66666667%;
    width: 66.66666667%;
  }

  .refund-box {
    flex: 1 1 33.33333333%;
    width: 33.33333333%;
  }

  .col-header,
  .col-header-3a,
  .col-header-3b {
    padding: 0px 0px 8px;
    /* 4 6 8 */
  }

  .alt-total-rate {
    margin: 8px 24px;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 10 - common page style 
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.common-page-container {
  background-color: #FFFFFF;
  margin-bottom: 8px;
  padding: 8px;
  border-radius: var(--buttonradius);
  display: flex;
  flex-direction: column;
}

.col-page-image {
  /*border: solid 1px red;*/
  flex: 0 0 100%;
  width: 100%;
}

.col-page-image img {
  display: block;
  border-radius: var(--buttonradius);
  overflow: hidden;
  max-height: 200px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.col-page-text {
  /*border: solid 1px blue;*/
  flex: 0 0 100%;
  width: 100%;
  padding: 10px 0px 0px 0px;
}

.common-page-header {
  text-transform: capitalize;
  font-weight: 500;
  margin-bottom: 10px;
}

.loader-inner {
  /*border: solid 2px red;*/
  height: 100%;
  display: flex;
  justify-content: center;
  padding: 8px;
  align-items: center;
  /*background-color: #fff;*/
}

.loader-body {
  /*border: solid 2px blue;*/
  text-align: center;
}

.loading-text {
  color: var(--firstcolor);
  font-weight: 700;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  margin-top: 16px
}

.loader-body figure img {
  /*border: solid 2px pink;*/
  max-width: 90%;
}


@media (min-width: 768px) {
  .common-page-container {
    margin-bottom: 16px;
    padding: 16px;
  }

  .col-page-image img {
    max-height: 300px;
    width: 100%;
  }

  .loader-body figure img {
    max-width: 80%;
  }
}

@media (min-width: 1200px) {
  .common-page-container {
    margin-bottom: 24px;
    padding: 24px;
    flex-direction: row;
  }

  .col-page-image {
    flex: 0 0 40%;
    width: 40%;
  }

  .col-page-image img {
    max-height: 400px;
  }

  .col-page-text {
    flex: 0 0 60%;
    width: 60%;
    padding: 0px 0px 0px 10px;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 02A - hotel search style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.hotel-search-box,
.hotel-search-box2 {
  /*border: solid 1px red;*/
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.col-city,
.col-dates,
.col-guests,
.child-age-box,
.col-dates2,
.col-guests2,
.col-update-search {
  /*border: solid 1px blue;*/
}

.col-city {
  flex: 1 1 100%;
  width: 100%;
}

.col-dates {
  flex: 1 1 100%;
  width: 100%;
}

.col-dates2 {
  flex: 1 1 100%;
  width: 100%;
}

.col-guests {
  flex: 1 1 100%;
  width: 100%;
}

.col-guests2 {
  flex: 1 1 100%;
  width: 100%;
}

.col-update-search {
  flex: 1 1 100%;
  width: 100%;
  padding-left: 0px;
}

.col-dates2,
.col-guests2,
.col-update-search {}

.col-update-search button {
  width: 100%;
}

.camera-box {
  border-bottom: solid 1px #DFEFFB;
  margin-bottom: 5px;
  padding-bottom: 10px;
}

.camera-box:last-child {
  margin-bottom: 0px;
}

.add-remove-box {
  text-align: center;
}

.add-remove-box a {
  padding: 0px 0px 3px;
  display: block;
  background-color: var(--firstcolorlite);
  padding: 2px;
  margin-bottom: 3px;
}

.add-remove-box a:hover {
  text-decoration: none;
}

.link-remove {
  color: maroon;
}

.link-remove:hover {
  color: maroon;
}

.link-add {
  color: var(--firstcolor);
}

@media (min-width: 768px) {
  .hotel-search-box {
    padding: 24px;
  }

  .hotel-search-box2 {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .col-guests2 {
    flex: 1 1 50%;
    width: 50%;
  }

  .col-update-search {
    flex: 1 1 50%;
    width: 50%;
    padding-left: 8px;
  }
}

@media (min-width: 992px) {
  .col-dates2 {
    flex: 1 1 40%;
    width: 40%;
  }

  .col-guests2 {
    flex: 1 1 35%;
    width: 35%;
    padding-left: 8px;
  }

  .col-update-search {
    flex: 1 1 25%;
    width: 25%;
  }
}

@media (min-width: 1200px) {
  .hotel-search-box {
    flex-direction: row;
  }

  .col-dates2 {
    flex: 1 1 40%;
    width: 40%;
  }

  .col-guests2 {
    flex: 1 1 35%;
    width: 35%;
    padding-left: 0px;
  }

  .col-update-search {
    flex: 1 1 25%;
    width: 25%;
  }
}

@media (min-width: 1600px) {
  .col-dates2 {
    flex: 1 1 40%;
    width: 40%;
  }

  .col-guests2 {
    flex: 1 1 40%;
    width: 40%;
  }

  .col-update-search {
    flex: 1 1 20%;
    width: 20%;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 11 - tab structure style  
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.search-tabs-container {
  display: flex;
  flex-direction: column;
  background-color: var(--tertiary-color);
}

.tabs {
  /*border: solid 2px orangered;*/
  display: flex;
  flex-direction: row;
  background-color: rgb(13, 138, 228, 0.9);
  overflow-x: auto;
}

.tab {
  /*border: solid 1px blue;*/
  cursor: pointer;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: unset;
  font-weight: 500;
  letter-spacing: 1px;
  /* 1.7 */
  font-size: 15px;
  padding: 20px;
}

.panels {
  width: 100%;
  /*overflow:hidden;*/
}

.panel {
  display: none;
  animation: fadein .8s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.panel-title {
  font-size: 1.5em;
  font-weight: bold
}

.radio {
  display: none;
}

#one:checked~.panels #one-panel,
#two:checked~.panels #two-panel,
#three:checked~.panels #three-panel,
#eleven:checked~.panels #eleven-panel {
  display: block
}

#one:checked~.tabs #one-tab,
#two:checked~.tabs #two-tab,
#three:checked~.tabs #three-tab,
#eleven:checked~.tabs #eleven-tab,
.active-tab {
  background-color: rgba(255, 255, 255, 0.8);
  color: var(--firstcolor);
  pointer-events: none;
}

@media (min-width: 768px) {
  .tab {
    letter-spacing: 1.7px;
    font-size: 16px;
    padding: 23px 33px;
  }
}

@media (min-width: 1200px) {
  .tab {
    font-size: 17px;
    padding: 27px 36px;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 12 - hotel search result / listing style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.color-red {
  color: var(--red-color);
}

.color-green {
  color: var(--green-color);
}

.color-grey {
  color: var(--grey-color);
}

.hotel-search-filter-box {
  padding: calc(var(--responsive-margin-padding) - 4px);
  background-color: #fff;
  border: solid 1px var(--firstcolorlite);
}

.filter-container {
  /*border-bottom: solid 2px #EBECF0;*/
  padding-bottom: var(--responsive-margin-padding);
  margin-bottom: var(--responsive-margin-padding);
}

.hotel-search-filter-box .filter-container:last-child {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.hotel-map-box {
  position: relative;
  height: 210px;
  /* 370 */
  width: 100%;
  border-radius: 2px;
  border: solid 1px #EBECF0;
  /*display: flex;*/
  justify-content: center;
  align-items: center;
}

.open-map-button {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.open-map-button button {
  width: 100%;
}

.filter-property {
  /*border: solid 1px red;*/
}

.textbox-with-icon {
  position: relative;
}

.textbox-with-icon input[type="text"] {
  /*border-radius: 2px;*/
  min-height: 40px;
}

.textbox-with-icon input[type="text"],
.selectbox-with-icon select,
.selectbox-with-icon2 select {
  width: 100%;
  outline: none;
  border: none;
  padding: 8px 16px;
  transition: 0.3s;
  border: solid 1px var(--firstcolorlite);
}

.textbox-with-icon i {
  position: absolute;
  right: 12px;
  top: 11px;
  font-size: 18px;
  color: var(--firstcolor);
  transition: 0.3s;
}

.selectbox-with-icon,
.selectbox-with-icon2 {
  position: relative;
  display: block;
  height: 40px;
  line-height: 40px;
  /*border-radius: var(--buttonradius);*/
  overflow: hidden;
}

.selectbox-with-icon select,
.selectbox-with-icon2 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  background-image: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0 0 8px;
  cursor: pointer;
  font-weight: 500;
  background-color: #fff;
}

.selectbox-with-icon::after,
.selectbox-with-icon2::after {
  content: '\f078';
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  color: var(--firstcolor);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  pointer-events: none;
}

.star-rating-box i {
  /*color: orange;
  font-size: 22px;*/
}

.hotel-search-sort-box {
  /*border: solid 1px blue;*/
  margin-top: var(--responsive-margin-padding);
}

.sort-header {
  color: var(--firstcolor);
  font-weight: 500;
  margin-bottom: 12px;
}

.sort-para-box {
  /*border: solid 1px cyan;*/
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.selectbox-with-icon {
  /*border: solid 1px red;*/
  flex: 0 0 48%;
  width: 48%;
  margin-bottom: 10px;
}

.selectbox-with-icon2 {
  /*border: solid 1px red;*/
  flex: 0 0 100%;
  width: 100%;
}

.hotel-search-list-box {
  /*border: solid 1px orange;*/
}

.single-hotel-box-container {
  margin-top: 16px;
}

.single-hotel-box {
  border: solid 1px red;
  position: relative;
  /*background-color: var(--tertiary-color);*/
  /*padding: var(--responsive-margin-padding);*/
  display: flex;
  flex-direction: column;
}

.col-hotel-data {
  flex: 1 1 65%;
  display: flex;
  flex-direction: column;
}

.col-price-data {
  /*border: solid 1px cyan;*/
  text-align: right;
  flex: 1 1 31%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 8px 0px;
  margin: 0px 0px 0px 0px;
  /* left 24 */
}

.hotel-offer {
  position: absolute;
  top: -10px;
  /* -12 */
  left: 0;
  background: #275189;
  color: #fff;
  border-radius: 9px 0 0 0;
  font-size: 8px;
  /* 10px */
  font-weight: 600;
  padding: 2px 4px;
  /* 4 6 */
  text-transform: uppercase;
}

.hotel-details {
  margin-left: 0px;
  flex: 1 1 100%;
}

.hotel-name2,
.hotel-name3 {
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-weight: bold;
  /*border: solid 1px lightgray;*/
}

.hotel-name2 {
  margin-bottom: var(--responsive-margin-padding);
}

.hotel-name3 {
  margin-bottom: 8px;
}

.hotel-info2,
.hotel-info3,
.hotel-info4,
.hotel-address2 {
  font-weight: 600;
  /*border: solid 1px darkgray;*/
}

.hotel-info3 {
  color: var(--firstcolor);
}

.hotel-info4 {
  color: var(--secondcolor);
}

.hotel-info2,
.hotel-info3,
.hotel-address2 {
  margin-top: 8px;
  /* 12 */
  display: flex;
  flex-direction: row;
  align-items: center;
}

.hotel-info2 i,
.hotel-address2 i {
  display: block;
  min-width: 24px;
}

.hotel-info2 i,
.hotel-address2 i {
  color: var(--secondary-color);
  text-align: left;
}

.hotel-info2 span,
.hotel-address2 span {
  padding-left: 8px;
}

.hotel-address3,
.text-treatment,
.text-facility {
  font-size: 10px;
}

.hotel-address3,
.text-facility {
  color: var(--grey-color);
}


.hotel-price {
  text-transform: uppercase;
  font-weight: bold;
  color: var(--secondary-color);
  letter-spacing: 1.8px;
  /*border: solid 1px lightgray;*/
  text-align: right;
}

.hotel-price span.rate {}

.hotel-fav-heart {
  color: var(--grey-color);
}

.hotel-fav-heart i {
  display: block;
  min-width: 24px;
  text-align: center;
  padding-left: 8px;
  color: #E94848;
}

.fav-hotel-check label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
}

.fav-hotel-check label span {
  display: block;
}

.fav-hotel-check input[type="checkbox"],
.fav-hotel-check .checked {
  display: none;
}

.fav-hotel-check input[type="checkbox"]:checked~.checked {
  display: block;
}

.fav-hotel-check input[type="checkbox"]:checked~.unchecked {
  display: none;
}

.hotel-fav-heart,
.hotel-detail-btn {
  margin-top: 8px;
}

.hotel-detail-btn {
  align-self: flex-end;
  /*border: solid 1px lightskyblue;*/
}

.hotel-detail-btn .btn {
  width: 100%;
  max-width: 250px;
  background-color: #fff;
  color: var(--firstcolor);
  border: solid 1px var(--firstcolor);
  ;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 16px;
  /* 0px 16px */
}

.single-hotel-more-box {}

.show-more-rooms-bar {
  background-color: #fff;
  position: relative;
}

.show-more-rooms-bar .fl-more {
  /*border: solid 1px cyan;*/
  display: flex;
  flex: 0 0 100%;
  width: 100%;
  min-height: 50px;
  /*flex: 1;*/
  align-items: center;
  justify-content: center;
  color: var(--firstcolor);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
}

.show-more-rooms-bar .fl-more.active {
  background-color: #DFEFFB;
}

.show-more-rooms-bar .fl-more i {
  margin-left: 8px;
  transition: transform 0.3s;
}

.show-more-rooms-bar .fl-more.active i {
  transform: rotate(180deg);
}

.accordion-more-rooms-content,
.accordion-more-rooms-content2 {
  display: none;
  /*padding: var(--responsive-margin-padding);*/
}

.more-rooms-content-box {
  /*border: solid 1px cyan;*/
  margin-bottom: 10px;
}

.room-option-box,
.room-header-box {
  /*border: solid 1px blue;*/
  display: flex;
  flex-direction: column;
  border-bottom: solid 1px var(--grey-color);
  margin-left: var(--responsive-margin-padding);
  margin-right: var(--responsive-margin-padding);
  margin-bottom: 12px;
  padding: 4px;
}

.room-header-box {
  margin-top: var(--responsive-margin-padding);
  text-transform: uppercase;
}

.room-option-box {
  border: solid 1px #e6e6e6;
  border-radius: var(--buttonradius);
}

.room-header-box .col-accommodation,
.room-header-box .col-occupants,
.room-header-box .col-treatments,
.room-header-box .col-farerules,
.room-header-box .col-farerules-header,
.room-header-box .col-promotion-header {
  font-weight: 600;
}

.rooms-info {
  /*border: solid 1px grey;*/
  display: flex;
  flex: 1 1 100%;
  width: 100%;
  flex-direction: column;
  justify-content: space-evenly;
  /*background-color: cyan;*/
}

.room-price {
  /*border: solid 1px lightgray;*/
  flex: 1 1 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  /*justify-content: space-between;*/
  align-items: center;
  flex-wrap: wrap;
  padding: 5px 0px 0px;
  /*background-color: yellow;*/
}

.row-room-info {
  /*border: solid 1px lime;*/
  width: 100%;
  border-bottom: solid 1px #DFEFFB;
  padding: 5px 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.room-header-box .row-room-info {
  border-bottom: none;
}

.col-accommodation,
.col-occupants,
.col-treatments,
.col-farerules,
.col-promotion {
  /*border: solid 1px black;*/
  font-weight: 500;
}

.col-accommodation {
  flex: 0 0 53%;
  padding-right: 5px;
}

.col-occupants {
  flex: 0 0 22%;
}

.col-treatments {
  flex: 0 0 25%;
}

.col-room-price,
.col-cart-btn {
  /*border: solid 1px grey;*/
}

.col-promotion,
.col-promotion-header {
  flex: 0 0 25%;
  width: 25%;
  /*border: solid 2px cyan;*/
}

.col-farerules,
.col-farerules-header {
  flex: 0 0 25%;
  width: 25%;
  /*border: solid 2px red;*/
}

.col-room-price {
  flex: 0 0 33%;
  /* 35 */
  width: 33%;
  text-align: right;
}

.col-cart-btn {
  flex: 0 0 17%;
  /* 15 */
  width: 17%;
  display: flex;
  justify-content: flex-end;
}

.col-farerules-header,
.col-promotion-header {
  display: none;
}

.row-supplier-info {
  /*border: solid 1px red;*/
  /*background-color: lime;*/
  flex: 0 0 100%;
  width: 100%;
  text-align: right;
}

.row-supplier-info .supplier-code {
  font-size: 10px;
  letter-spacing: 1.1px;
  color: var(--grey-color);
}

.text-tariff {
  font-size: 17px;
  font-weight: 700;
}

.hotel-cart-ico {}

.slider-strips {
  padding-top: 8px;
}

.sw-custom-sort-box {
  position: relative;
}

.sw-custom-sort-ele {
  border: 1px solid #D2D4DA;
  padding: 10px 18px 10px 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.sw-sort-ele-dis {
  /* border: solid 1px red; */
}

.sw-sort-ele-ico {
  color: var(--firstcolor);
}

.sw-sort-by {
  font-size: 12px;
  font-weight: 600;
  color: var(--secondcolor);
  letter-spacing: 0px;
}

.sw-sort-value {
  font-size: 14px;
  font-weight: 600;
  color: var(--firstcolor);
  letter-spacing: 0px;
  margin-top: -4px;
}

.sw-custom-sort-list {
  background-color: #fff;
  width: 100%;
  border: solid 1px var(--firstcolor);
  padding: 10px 14px;
  position: absolute;
  top: 60px;
}

.sw-custom-sort-list ul {
  margin: 0;
  padding: 0;
}

.sw-custom-sort-list ul li {
  list-style: none;
  font-size: 14px;
  line-height: 14px;
  color: var(--secondcolor);
  letter-spacing: 0px;
  margin-bottom: 10px;
  cursor: pointer;
}

.sw-custom-sort-list ul li:last-child {
  margin-bottom: 0px;
}

.sw-custom-sort-list ul li.selected {
  font-weight: 600;
  color: var(--firstcolor);
}

@media (min-width: 375px) {}

@media (min-width: 576px) {}

@media (min-width: 768px) {
  .single-hotel-box-container {
    margin-top: 24px;
  }

  .col-hotel-data {
    flex-direction: row;
    /*padding: 12px;*/
  }

  .hotel-details {
    margin-left: 12px;
  }

  .col-price-data {
    flex-direction: row;
    padding: 12px 0px 0px 12px;
  }

  .hotel-offer {
    top: -11px;
    /* -12 */
    left: 0;
    font-size: 9px;
    /* 10px */
    padding: 3px 5px;
    /* 4 6 */
  }

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

  .hotel-address3,
  .text-treatment,
  .text-facility {
    font-size: 11px;
  }

  .hotel-fav-heart,
  .hotel-detail-btn {
    margin-top: 0px;
  }

  .selectbox-with-icon {
    flex: 0 0 24%;
    width: 24%;
    margin-bottom: 0px;
  }

  .col-promotion,
  .col-promotion-header {
    flex: 0 0 30%;
    width: 30%;
  }

  .col-farerules,
  .col-farerules-header {
    flex: 0 0 36%;
    width: 36%;
  }

  .col-room-price {
    flex: 0 0 25%;
    /* 35 */
    width: 25%;
  }

  .col-cart-btn {
    flex: 0 0 9%;
    /* 15 */
    width: 9%;
  }

}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
  .single-hotel-box-container {
    margin-top: 32px;
  }

  .single-hotel-box {
    flex-direction: row;
  }

  .hotel-name3 {
    margin-bottom: 12px;
  }

  .hotel-address3,
  .text-treatment,
  .text-facility {
    font-size: 12px;
  }

  .hotel-info2,
  .hotel-info3,
  .hotel-address2 {
    margin-top: 12px;
  }

  .col-price-data {
    flex-direction: column;
    padding: 0px;
    margin: 0px 0px 0px 12px;
    /* left 24 */
  }

  .hotel-offer {
    top: -12px;
    /* -12 */
    left: 0;
    font-size: 10px;
    /* 10px */
    padding: 4px 6px;
    /* 4 6 */
  }

  .hotel-price {
    text-align: right;
  }

  .hotel-detail-btn {
    align-self: unset;
  }

  .hotel-detail-btn .btn {
    width: 100%;
    max-width: unset;
  }

  .room-option-box {
    border: solid 1px transparent;
    border-radius: unset;
  }

  .room-option-box,
  .room-header-box {
    flex-direction: row;
    border-bottom: solid 1px var(--grey-color);
    margin-bottom: 0px;
    padding: 0px 0px 12px 0px;
  }

  .rooms-info {
    flex: 1 1 50%;
    width: 50%;
  }

  .room-price {
    flex: 1 1 50%;
    width: 50%;
    padding: 0px 0px 0px;
  }

  .col-farerules-header,
  .col-promotion-header {
    display: block;
  }

  .rooms-info .row-room-info:last-child {
    border-bottom: none;
  }

  .text-tariff {
    letter-spacing: 1.1px;
  }

  .col-promotion,
  .col-promotion-header {
    flex: 0 0 25%;
    width: 25%;
  }

  .col-farerules,
  .col-farerules-header {
    flex: 0 0 25%;
    width: 25%;
  }

  .col-room-price {
    flex: 0 0 35%;
    width: 35%;
  }

  .col-cart-btn {
    flex: 0 0 15%;
    width: 15%;
  }

  .room-header-box {
    text-transform: capitalize;
  }



}

@media (min-width: 1400px) {
  .col-hotel-data {
    flex: 1 1 67%;
  }

  .col-price-data {
    flex: 1 1 28%;
  }

  .col-price-data {
    margin: 0px 0px 0px 24px;
    /* left 24 */
  }

  .selectbox-with-icon {
    flex: 0 0 23%;
    width: 23%;
    margin-bottom: 0px;
  }

  .rooms-info {
    /*flex: 1 1 50%;
    width: 50%;*/
  }

  .room-price {
    /*flex: 1 1 50%;
    width: 50%;*/
  }

  .text-tariff {
    font-size: 18px;
    letter-spacing: 1.4px;
  }

  .col-promotion,
  .col-promotion-header {
    flex: 0 0 25%;
    width: 25%;
  }

  .col-farerules,
  .col-farerules-header {
    flex: 0 0 27%;
    width: 27%;
  }

  .col-room-price {
    flex: 0 0 34%;
    width: 34%;
  }

  .col-cart-btn {
    flex: 0 0 14%;
    width: 14%;
  }

  .room-header-box {
    text-transform: uppercase;
  }

}

@media (min-width: 1920px) {
  .col-hotel-data {
    flex: 1 1 69%;
  }

  .col-price-data {
    flex: 1 1 27%;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 13 - hotel detail page style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.hotel-metadata-box,
.hotel-rate-box,
.available-rooms-box {
  padding: var(--responsive-margin-padding);
}

.hotel-metadata-box,
.list-back-link,
.hotel-rate-box {
  margin-bottom: var(--responsive-margin-padding);
}

.hotel-metadata-box,
.available-rooms-box {
  background-color: var(--tertiary-color);
}

.list-back-link {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1.4px;
}

.list-back-link a,
.list-back-link a:hover {
  text-decoration: none;
}

.list-back-link i,
.list-back-link span {
  display: inline-block;
}

.list-back-link span {
  margin-left: 10px;
}

.hotel-rate-box {
  /*border: solid 1px blue;*/
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
}

.hotel-rb-name {
  flex: 1;
  /*border: solid 1px cyan;*/
}

.hotel-rb-rate {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1;
  /*max-width: 270px;*/
  /*border: solid 1px red;*/
  text-align: right;
  margin-top: 10px;
}

.see-rooms-btn {
  margin-top: 10px;
  align-self: flex-end;
}

.see-rooms-btn button {
  width: 210px;
}

.hotel-photo-map-box {
  border: solid 1px darkmagenta;
  display: flex;
  flex-direction: column;
}

.hotel-photos-container {
  /*border: solid 5px cyan;*/
  flex: 1;
}

.hotel-photos-container2 {
  /*border: solid 5px cyan;*/
  /*flex: 1 1 100%;*/
  /*width: auto;*/

}

.hotel-map-box-container {
  /*border: solid 1px red;*/
  width: 100%;
  margin-top: 10px;
}

.available-rooms-box {
  position: relative;

}

.available-rooms-child {
  background-color: #fff;
  border-radius: 2px;
  padding-top: var(--responsive-margin-padding);
  padding-bottom: var(--responsive-margin-padding);
}

.available-dates {
  font-weight: 600;
  padding-left: var(--responsive-margin-padding);
  padding-bottom: var(--responsive-margin-padding);
  border-bottom: solid 1px #DFEFFB
}

.available-dates i {
  color: var(--secondary-color);
  padding-right: 10px;
}

.hr-primary {
  border-top: solid 1px var(--firstcolor);
  margin-top: var(--responsive-margin-padding);
  margin-bottom: var(--responsive-margin-padding);
}

.description-box {
  display: flex;
  flex-direction: column;
}

.structure-desc-box,
.services-box {
  padding: var(--responsive-margin-padding);
  background-color: #fff;
}

.structure-desc-box {
  flex: 1 1 70%;
}

.services-box {
  flex: 1 1 30%;
  margin-left: 0;
  margin-top: var(--responsive-margin-padding);
}

.description-header {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: var(--responsive-margin-padding);
  letter-spacing: 2.1px;
}

.description-text {
  text-align: justify;
}

.description-list {
  padding-left: 0px;
  list-style-position: inside;
  list-style: none;
}

.description-list li {}

.description-list li:before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  content: '\f0a9';
  font-size: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .hotel-rate-box {
    flex-direction: row;
  }

  .hotel-rb-name {
    flex: 2;
  }

  .hotel-rb-rate {
    margin-top: 0px;
  }

  .hotel-map-box {
    height: 370px;
  }
}

@media (min-width: 992px) {
  .description-box {
    flex-direction: row;
  }

  .services-box {
    flex: 1 1 30%;
    margin-left: var(--responsive-margin-padding);
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  .hotel-rb-name {
    flex: 3;
  }

  .hotel-photo-map-box {
    flex-direction: row;
  }

  .hotel-map-box-container {
    max-width: 370px;
    margin-top: 0px;
    margin-left: 24px;
  }

  .hotel-map-box {
    height: 300px;
  }
}

@media (min-width: 1400px) {
  .hotel-map-box {
    height: 310px;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 14 - rate matrix / calendar search style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.matrix-container,
.sw-airline-matrix-container {
  margin-top: var(--responsive-margin-padding);
  background-color: var(--firstcolorlite);

  /*border: solid 2px red;*/
}

.matrix-container {
  padding: var(--responsive-margin-padding);
  border: 1px solid var(--firstcolorlite);
}

.sw-airline-matrix-container {
  border: calc(var(--responsive-margin-padding) / 3) solid var(--firstcolorlite);
}

.rate-matrix-box {}

.rate-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: #fff;
}

.rate-col {
  border-top: solid 1px #dfdfdf;
  border-left: solid 1px #dfdfdf;
  text-align: center;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 12.5%;
  width: 12.5%;
  height: 50px;
  /* 60 */
  padding: 0px 0px;
  /* 8 */
  cursor: pointer;
}

.rate-col:hover {
  background-color: #E4740D;
}

.rate-row .rate-col:last-child {
  border-right: solid 1px #dfdfdf;
}

.rate-matrix-box .rate-row:last-child .rate-col {
  border-bottom: solid 1px #dfdfdf;
}

.rate-row .rate-col:first-child {
  font-weight: 600;
  justify-content: flex-start;
}

.rate-row .rate-col:first-child:hover {
  background-color: unset;
  cursor: unset;
}

.rate-row .rate-col:first-child.suggested-row-col:first-child:hover {
  background-color: rgba(46, 126, 153, 0.6);
}

.rate-matrix-box .rate-row:first-child .rate-col {
  font-weight: 600;
}

.rate-matrix-box .rate-row:first-child .rate-col:hover {
  background-color: unset;
  cursor: unset;
}

.rate-matrix-box .rate-row:first-child .suggested-row-col:hover {
  background-color: rgba(46, 126, 153, 0.6);
}

.rate-col span,
.m-l-10,
.sw-airline-matrix td {
  font-size: 8px;
}

.lowest-rate,
.lowest-rate-i {
  background-color: #ccffdd;
  font-weight: 600;
}

.highest-rate,
.highest-rate-i {
  background-color: #ffb3b3;
  font-weight: 600;
}

.suggested-rate {
  background-color: rgba(46, 126, 153, 1);
  color: #fff;
  font-weight: 600;
}

.suggested-row-col {
  background-color: rgba(46, 126, 153, 0.6);
  color: #fff;
}

.price-indicator-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: var(--responsive-margin-padding);
}

.indicator-box {
  height: 20px;
  /* 30 */
  width: 20px;
  border: solid 1px #dfdfdf;
  border-radius: 2px;
}

.m-l-10 {
  margin-left: 10px;
  font-weight: 600;
}

.col-info {
  display: unset;
  color: var(--firstcolor);
}

.col-info-child {
  position: relative;
}

.col-info .info-right {
  position: absolute;
  right: 0px;
  top: 5px;
}

.col-info .info-left {
  position: absolute;
  left: 0px;
  top: 31px;
}

@media (min-width: 768px) {
  .rate-col {
    height: 54px;
    padding: 0px 4px;
  }

  .rate-col span,
  .m-l-10,
  .sw-airline-matrix td {
    font-size: 10px;
    letter-spacing: 1px;
  }

  .indicator-box {
    height: 24px;
    width: 24px;
  }
}

@media (min-width: 1200px) {
  .rate-col {
    height: 58px;
    padding: 0px 8px;
  }

  .rate-col span,
  .m-l-10,
  .sw-airline-matrix td {
    font-size: 12px;
  }

  .indicator-box {
    height: 28px;
    width: 28px;
  }
}

@media (min-width: 1600px) {
  .rate-col {
    height: 60px;
    padding: 0px 10px;
  }

  .rate-col span,
  .m-l-10,
  .sw-airline-matrix td {
    font-size: 14px;
  }

  .indicator-box {
    height: 30px;
    width: 30px;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 15 - Star ratings filter style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.stella-rating {
  position: relative;
  float: left;
  margin-bottom: 0px;
  color: orange;
  cursor: pointer;
}

.stella-rating input[type="checkbox"],
.stella-rating .checked {
  display: none;
}

.stella-rating input[type="checkbox"]:checked~.checked {
  display: inline-block;
  color: orange;
}

.stella-rating input[type="checkbox"]:checked~.unchecked {
  display: none;
  color: orange;
}

.stella-rating span:before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: '\f006';
}

.stella-rating input[type="checkbox"]:checked~span:before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  content: '\f005';
}

.stella-number-filter {
  position: absolute;
  top: 9px;
  left: 13px;
  font-size: 10px;
  display: inline-block;
  color: orange;
  font-weight: 600;
}

.stella-rating input[type="checkbox"]:checked~.checked~.stella-number {
  color: #fff;
}

.stella-rating input[type="checkbox"]:checked~.checked~.stella-number-filter {
  color: #fff;
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 16 - Hotel info inside map
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.hotel-info-mono {
  /*border: solid 1px red;*/
}

.hotel-box-mono {
  border: solid 1px #fff;
  position: relative;
  /*border: solid 1px transparent;*/
  display: flex;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  max-width: 450px;
  border-radius: 4px;
}

.hotel-box-mono .close {
  position: absolute;
  right: 1px;
  top: 1px;
  background-color: #fff;
  cursor: pointer;
}

.hotel-box-mono .close i {
  font-size: 18px;
  color: red;
}

.hotel-box-mono .pointer {
  position: absolute;
  left: calc(50% - 11px);
  bottom: -16px;
  cursor: pointer;
}

.hotel-box-mono .pointer i {
  font-size: 32px;
  color: var(--firstcolor);
  display: block;
  height: 26px;
  width: 22px;
}

.hotel-box-mono .hotel-ratings {
  position: absolute;
  top: -1px;
  left: -1px;
  background-color: rgba(46, 126, 153, 0.9);
  color: #fff;
  text-align: center;
  padding: 8px;
  border-radius: 4px;
}

.hotel-box-mono .hotel-ratings .digit {
  font-weight: 500;
  font-size: 13px;
}

.hotel-box-mono .hotel-ratings .text {
  font-weight: 400;
  font-size: 10px;
}

.hotel-box-mono .col-hotel-data {
  /*border: solid 1px black;*/
  padding: 8px;
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 4px;
}

.hotel-box-mono .hotel-thumbnail {
  flex: 0 0 150px;
  width: 100%;
  height: 150px;
  overflow: hidden;
  border-radius: 4px;
}

.hotel-box-mono .hotel-thumbnail img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  /* contain-width & cover-height */
  object-position: center center;
  border-radius: 4px;
}

.hotel-box-mono .hotel-details {
  margin-left: 8px;
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.hotel-box-mono .star-ratings {
  margin: 0px 0px 4px;
  color: #DFD04A;
}

.hotel-box-mono .no-star-ratings {
  height: 18px;
}

.hotel-box-mono .hotel-name {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
}

.hotel-box-mono .hotel-name a {
  color: var(--secondary-color);
  text-decoration: none;
}

.hotel-box-mono .hotel-name a:hover {
  text-decoration: underline;
}

.hotel-box-mono .star-ratings,
.hotel-box-mono .hotel-address {
  font-size: 10px;
}

.hotel-box-mono .room-info {
  font-size: 11px;
}

.hotel-box-mono .hotel-address {
  color: grey;
  margin-bottom: 8px;
}

.hotel-box-mono .hotel-address,
.hotel-box-mono .room-info {
  font-weight: 600;
  margin-top: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.hotel-box-mono .hotel-address i {
  text-align: center;
  display: block;
  min-width: 16px;
}

.hotel-box-mono .hotel-address span {
  padding-left: 4px;
}

.hotel-box-mono .room-price {
  font-weight: bold;
  margin-top: 8px;
  font-size: 20px;
  color: var(--secondary-color);
}

@media (min-width: 768px) {
  .hotel-box-mono .col-hotel-data {
    flex-direction: row;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 17 - owl carousel image slider style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.owl-next,
.owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
}

.owl-prev {
  left: 10px;
}

.owl-next {
  right: 10px;
}

.slider,
.navigation-thumbs {
  width: 330px;
}

.slider {
  /*width:900px;*/
  margin: 0 auto;
  margin-bottom: 10px;
}

.navigation-thumbs {
  /*width:900px; */
  margin: 0 auto;
}

.slider .item {
  /*border: solid 1px blue;*/
  flex: 0 0 500px;
  width: 100%;
  height: 250px;
  overflow: hidden;
}

.slider .item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  /* contain-width & cover-height */
  object-position: center center;
}

.navigation-thumbs .item {
  /*border: solid 1px red;*/
  flex: 0 0 80px;
  width: 100%;
  height: 35px;
  overflow: hidden;
}

.navigation-thumbs .item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  /* contain-width & cover-height */
  object-position: center center;
}

.dd-adv-fl-hr,
.dd-adv-fl-min {
  margin-right: 8px;
  min-width: 50%;
}

.frm-dropdown-adv-fl-hr,
.frm-dropdown-adv-fl-min {
  min-width: 100%;
}

@media (min-width: 768px) {

  .slider,
  .navigation-thumbs {
    width: 700px;
  }

  .slider.sw-owl-activity1,
  .navigation-thumbs.sw-owl-activity1 {
    width: 650px;
  }

  .slider.sw-owl-activity2,
  .navigation-thumbs.sw-owl-activity2 {
    width: 650px;
  }

  .slider .item {
    height: 400px;
  }

  .navigation-thumbs .item {
    height: 60px;
  }
}

@media (min-width: 992px) {

  .slider.sw-owl-activity1,
  .navigation-thumbs.sw-owl-activity1 {
    width: 608px;
  }

  .slider.sw-owl-activity2,
  .navigation-thumbs.sw-owl-activity2 {
    width: 906px;
  }
}

@media (min-width: 1200px) {

  .slider,
  .navigation-thumbs {
    width: 900px;
  }

  .slider.sw-owl-activity1,
  .navigation-thumbs.sw-owl-activity1 {
    width: 686px;
  }

  .slider.sw-owl-activity2,
  .navigation-thumbs.sw-owl-activity2 {
    width: 1024px;
  }

  .hotel-photos-container2 {
    /*width: 1px;*/
    /*flex: 1;*/
  }

  .slider .item {
    height: 400px;
  }

  .navigation-thumbs .item {
    height: 60px;
  }
}

@media (min-width: 1440px) {

  .slider,
  .navigation-thumbs {
    width: 1000px;
  }

  .slider.sw-owl-activity1,
  .navigation-thumbs.sw-owl-activity1 {
    width: 860px;
  }

  .slider.sw-owl-activity2,
  .navigation-thumbs.sw-owl-activity2 {
    width: 1138px;
  }


  .slider .item {
    height: 450px;
  }

  .navigation-thumbs .item {
    height: 70px;
  }
}

@media (min-width: 1920px) {

  .slider,
  .navigation-thumbs {
    width: 100%;
  }

  .slider .item {
    height: 500px;
  }

  .navigation-thumbs .item {
    height: 80px;
  }
}

/*
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 18 - airline matrix style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.sw-airline-matrix-container {
  overflow: auto;
  width: 336px;
}

.sw-airline-matrix {
  /*margin-right: 20px;*/
  width: 100%;
}

.sw-airline-matrix td {
  border: solid 1px #dfdfdf;
  background-color: #fff;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
  padding: 5px 0 5px 5px;
}

.sw-airline-matrix td:hover {
  /*background-color: #E4740D;*/
}

.sw-airline-matrix td.suggested-rate {
  background-color: rgba(46, 126, 153, 1);
  color: #fff;
  font-weight: 600;
}

.sw-airline-matrix td:first-child {
  text-align: left;
  width: 200px;
  font-weight: 600;
  cursor: unset;
  padding-left: 10px;
}

.sw-airline-matrix tr:first-child td {
  cursor: unset;
}

.sw-airline-matrix td.rate-row {
  background-color: unset;
}

.sw-airline-matrix td.rate-row .rate-col {
  border: unset;
}

.sw-airline-matrix-logo {
  height: 100%;
  width: 100%;
  text-align: center;
  /*border: solid 1px red;*/
}

.sw-airline-matrix-logo img {
  width: 50px;
  object-fit: contain;
  /* contain-width & cover-height */
  object-position: center center;
}

.col-info-child2 {
  position: relative;
  min-height: 80px;
  color: var(--firstcolor);
}

.info-right2 {
  position: absolute;
  right: 3px;
  top: 3px;
}

.info-left2 {
  position: absolute;
  left: 0px;
  bottom: 3px;
}

.sw-nodata {
  cursor: not-allowed !important;
  color: var(--grey-color);
}

@media (min-width: 390px) {
  .sw-airline-matrix-container {
    width: 351px;
  }
}

@media (min-width: 411px) {
  .sw-airline-matrix-container {
    width: 372px;
  }
}

@media (min-width: 428px) {
  .sw-airline-matrix-container {
    width: 389px;
  }
}

@media (min-width: 768px) {
  .sw-airline-matrix-container {
    width: 724px;
    /*width: auto;*/
  }
}

@media (min-width: 810px) {
  .sw-airline-matrix-container {
    width: 766px;
  }
}

@media (min-width: 820px) {
  .sw-airline-matrix-container {
    width: 776px;
  }
}

@media (min-width: 834px) {
  .sw-airline-matrix-container {
    width: 790px;
  }
}

@media (min-width: 1024px) {
  .sw-airline-matrix-container {
    width: 730px;
  }
}

@media (min-width: 1200px) {
  .sw-airline-matrix-container {
    width: 853px;
  }
}

@media (min-width: 1280px) {
  .sw-airline-matrix-container {
    width: 753px;
  }
}

@media (min-width: 1440px) {
  .sw-airline-matrix-container {
    width: 839px;
  }
}

@media (min-width: 1600px) {
  .sw-airline-matrix-container {
    width: 914px;
  }
}

@media (min-width: 1920px) {
  .sw-airline-matrix-container {
    width: 978px;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 19 - header & sidebar hamburger menu style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.sw-header {
  display: flex;
  /*flex-direction: row;*/
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

.sw-header-left {
  /* width: 230px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;*/
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.sw-logo {
  /*width: 105px;*/
  /*height: 60px;*/
  width: 200px;
  /*border: solid 1px blue;*/
  /*margin: 5px 0 5px 20px;*/
}

.sw-hamburger-icon {
  font-size: 22px;
  color: var(--firstcolor);
  cursor: pointer;
}

.sw-main {
  /*border: solid 2px blue;*/
  border-top: solid 1px var(--firstcolor);
  display: flex;
  flex-direction: row;
}

.sw-left-col {
  background-color: var(--firstcolor);
  z-index: 1;
}

.sw-right-col {
  /*border: solid 2px green;*/
  flex: 1;
  /*padding: 0 var(--responsive-margin-padding);*/
}

.sw-menu {
  display: none;
  border-top: solid 8px #C6C900;
}

.sw-menu-title {
  display: none;
  color: #C6C900;
  text-transform: uppercase;
  letter-spacing: 0.09px;
  font-weight: bold;
}

.sw-menu ul {
  margin: 0;
  padding: 0;
}

.sw-menu ul li {
  list-style: none;
  padding: 15px 20px;
  /*border: solid 1px white;*/
}

.sw-menu ul li:hover {
  background-color: var(--firstcolorhover);
}

.sw-menu ul li.active {
  background-color: #fff;
}

.sw-menu ul li a {
  color: #fff;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.sw-menu ul li.active a {
  /*color: var(--firstcolor);*/ 
}
.sw-menu ul li.active {
  background-color: var(--firstcolorhover);
}

.sw-menu-icon {
  font-size: 20px;
  width: 32px;
  text-align: center;
}

.sw-menu-name {
  display: none;
}

.sw-page-title-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 36px 0px;
}

.sw-page-title {
  font-weight: bold;
  letter-spacing: 0.12px;
  color: var(--secondcolor);
}

.sw-breadcrumb {
  margin-left: var(--responsive-margin-padding);
}

.sw-breadcrumb ol {
  margin: unset;
}

.sw-breadcrumb ol li a {
  color: var(--secondcolor);
}

.sw-breadcrumb ol li.breadcrumb-item.active {
  color: var(--secondcolor);
}

.sw-header-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.sw-notification-box-mobile {
  color: var(--firstcolor);
  font-size: 20px;
  display: block;
  text-align: center;
  cursor: pointer;
}

.sw-notification-box-desktop {
  display: none;
  cursor: pointer;
}

.sw-notification-box {
  position: relative;
}

.sw-noti-icon {
  font-size: 22px;
  color: var(--firstcolor);
}

.sw-noti-number {
  position: absolute;
  right: -10px;
  top: -3px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background-color: var(--thirdcolor);
  color: #fff;
  font-size: 11px;
}

.sw-header-supplier {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.sw-sup-logo {
  height: 36px;
  width: 36px;
  /*border: solid 1px var(--firstcolorlite);*/
}

.sw-sup-user {
  margin: 0px 10px;
}

.sw-sup-agency {
  font-size: 14px;
  margin-bottom: -3px;
}

.sw-sup-person {
  font-size: 12px;
  color: var(--firstcolor);
}

.sw-sup-icon {
  color: var(--firstcolor);
}

.sw-title-control-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--responsive-margin-padding);
}

.sw-goback-btn {}

.sw-toggle-btn {}

@media (min-width: 992px) {
  .sw-page-title-box {
    flex-direction: row;
    align-items: center;
  }
}

@media (min-width: 1280px) {
  .sw-menu {
    display: block;
  }

  .sw-menu-title {
    display: block;
  }

  .sw-menu-name {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-left: 10px;
    margin-right: 35px;
  }

  .sw-header-right {
    width: calc(100% - 245px);
    justify-content: flex-end;
  }

  .sw-notification-box-mobile {
    display: none;
  }

  .sw-notification-box-desktop {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

@media (min-width: 1440px) {

  .sw-header-left {
    width: 245px;
  }

  .sw-logo {
    /*margin: 5px 0 5px 55px;*/
  }

  .sw-menu-name {
    margin-left: 20px;
    margin-right: 70px;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 20 - Alba travel hotel listing style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.sw-hotel-list-container {
  /*border: solid 1px red;*/
}

.sw-single-hotel-c,
.sw-show-more {
  /*border:solid 1px rgba(0,0,0,0.1);*/
  margin-top: 10px;
  /*padding: 4px;*/
}

.sw-single-hotel-c {
  border: solid 1px #E9ECF0;
  border-top-right-radius: 10px;
  /*new*/
  /*padding-bottom: 60px;
  border-bottom: solid 1px var(--firstcolorlite);*/
}

.sw-show-more2,
.sw-show-more3 {
  margin-top: var(--responsive-margin-padding);
}

.sw-single-hotel-box,
.sw-single-hotel-more-rooms {}

.sw-single-hotel-more-rooms {
  /* border: solid 2px blue; */
  /* padding: 0px 10px 0px 0px; */
  /*new*/
  margin-top: var(--responsive-margin-padding);
}

.hotel-thumbnail {
  /*border: solid 2px red;*/
  flex: 0 0 160px;
  width: 100%;
  height: 160px;
  overflow: hidden;
  /*border-radius: 6px;*/
}

.hotel-thumbnail-sm {
  /*border: solid 2px red;*/
  flex: 0 0 160px;
  width: 100%;
  height: 160px;
  overflow: hidden;
  /*border-radius: 6px;*/
}

.transfer-thumbnail {
  /*border: solid 2px red;*/
  flex: 0 0 160px;
  width: 100%;
  height: 150px;
  overflow: hidden;
  /*border-radius: 6px;*/
}

.hotel-thumbnail img,
.hotel-thumbnail-sm img,
.transfer-thumbnail img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  /* contain-width & cover-height */
  object-position: center center;
}

.sw-room-provider {
  width: 100%;
  height: 30px;
  overflow: hidden;
}

.sw-room-provider img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  /* contain-width & cover-height */
  object-position: center center;
}

.sw-hotel-details {
  /*border:solid 1px cyan;*/
  margin-top: var(--responsive-margin-padding);
  margin-left: 0px;
}

.star-ratings {
  /*margin: 4px 0px 8px;*/
  /*border: solid 1px grey;*/
  min-height: 25px;
}

.no-star-ratings {
  height: 25px;
}

.star-ratings,
.star-ratings2 {
  color: var(--thirdcolor);
}

.hotel-name,
.hotel-name-sm {
  font-weight: bold;
  color: var(--firstcolor);
}

.hotel-name {
  margin-bottom: 8px;
  line-height: 24px;
  min-height: 30px;
}

.no-hotel-info {
  height: 28px;
  /* 20 height + 8 margin */
}

.hotel-info,
.hotel-info-sm {
  color: var(--firstcolor);
}

.hotel-info,
.hotel-address {
  font-weight: 600;
  /*border: solid 1px darkgray;*/
  min-height: 26px;
}

.hotel-info-sm,
.hotel-address-sm {
  font-weight: 600;
}

.hotel-info,
.hotel-address {
  /*margin-top: 8px; /* 12 */
  display: flex;
  flex-direction: row;
  align-items: center;
}

.hotel-info i,
.hotel-info-sm i,
.hotel-address i {
  display: block;
  text-align: left;
  min-width: 20px;
}

.hotel-address {
  color: var(--secondcolor);
}

.hotel-facilities {
  color: var(--firstcolor);
  margin: 6px 0;
}

.hotel-facilities i,
.hotel-facilities span,
.hotel-facilities svg {
  padding-right: 5px;
}

.sw-hotel-actions {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.sw-rating-box {
  /*border:solid 1px lime;*/
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.sw-action-box {
  text-align: right;
  padding-right: 8px;
  /*border:solid 1px skyblue;*/
}

.sw-rating-detail {
  text-align: right;
  margin-right: 5px;
}

.sw-rating-name {
  font-weight: bold;
  font-size: 15px;
}

.sw-rating-result {
  font-size: 12px;
}

.sw-rating-number {
  background-color: var(--firstcolor);
  height: 44px;
  width: 44px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sw-open-map-btn {
  border: solid 1px var(--firstcolorlite);
  background-color: var(--firstcolorlite);
  color: var(--firstcolor);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  cursor: pointer;
  font-weight: bold;
  line-height: 16px;
}

.sw-open-map-btn i {
  padding-right: 5px;
  font-size: var(--7xfont);
}

.sw-city-hotels-num span,
.sw-search-period span {
  font-weight: bold;
}

.sw-search-time {
  color: var(--secondcolor);
  font-weight: 600;
}

.sw-room-service i {
  padding-right: 10px;
}

.sw-room-service {
  font-size: var(--xsfont);
}

.font-weight-semibold {
  font-weight: 600;
}

.sw-single-room-provider {
  margin: 0px 4px 4px 4px;
  /*margin-bottom: 4px;*/
  /*border: solid 2px red;*/
}

.sw-room-p {
  font-size: 16px;
  color: var(--firstcolor);
}

.sw-rate-1,
.sw-rate-2 {
  font-weight: bold;
  text-align: center;
}

.sw-rate-1 {
  font-size: var(--smfont);
}

.sw-rate-2 {
  font-size: var(--mdfont);
}

.sw-rate-2 {
  position: relative;
  border-top: solid 2px var(--secondcolor);
}

.sw-rate-2 i {
  position: absolute;
  top: -2px;
  left: 0;
  font-size: 18px;
}

.sw-rate-3,
.sw-rate-sm {
  color: var(--firstcolor);
  font-weight: bold;
}

.sw-rate-3 {
  text-align: center;
  font-size: var(--4xfont);
}

.sw-room-select-btn {
  text-align: right;
  padding-right: 8px;
}

.sw-room-select-btn button.btn {
  font-size: var(--smfont);
}

.sw-room-name,
.sw-net-price-title {
  color: var(--secondcolor);
  font-weight: bold;
}

.sw-net-price-title {
  font-size: var(--xsfont);
}

.sw-room-name {
  padding-left: 7px;
}

.sw-net-price-title {
  display: none;
  text-align: center;
}

.sw-show-more,
.sw-show-more2,
.sw-show-more3 {
  color: var(--firstcolor);
  text-align: center;
  background-color: var(--firstcolorlite);
  cursor: pointer;
}

.sw-show-more,
.sw-show-more2 {
  font-weight: bold;
}

.sw-show-more {
  padding: var(--responsive-margin-padding);
}

.sw-show-more2 {
  padding: 8px;
}

.sw-show-more3 {
  padding: 6px;
}

.sw-show-more4 {
  /* border: solid 2px purple; */
  padding: 0 10px 10px;
  margin-top: 16px;
}

.sw-sm-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  /* border: solid 1px red; */
  flex: 1;
}

.sw-sm-link-right {
  justify-content: flex-start;
  margin-top: 5px;
}

.sw-sm-link-text {
  font-size: var(--alphafont);
  color: var(--firstcolor);
  font-weight: bold;
}

.sw-sm-link-arrow {
  height: 25px;
  width: 25px;
  background: #AACBD6;
  color: var(--firstcolor);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 9px;
}

.sw-show-map-link {
  color: var(--firstcolor);
  padding-left: var(--responsive-margin-padding);
  cursor: pointer;
}

.sw-hotel-image-gallery {
  /*display: flex;*/
  /*height: 300px;*/
  margin: var(--responsive-margin-padding) 0;
  /*border: solid 1px var(--firstcolor);*/
}

.sw-sub-header {
  font-weight: 400;
  margin: var(--responsive-margin-padding) 0;
}

.sw-amenity {
  color: var(--firstcolor);
  font-weight: bold;
}

.sw-amenity2 {
  font-weight: 500;
  padding-bottom: 8px;
}

.sw-amenity2::before {
  font-family: 'Font Awesome 6 Pro';
  content: '\f0a9';
}

.sw-amenity-list .sw-amenity-list-item:nth-child(odd) .sw-amenity2 {
  color: var(--firstcolor);
}

.sw-amenity-list .sw-amenity-list-item:nth-child(odd) .sw-amenity2::before {
  color: var(--secondcolor);
}

.sw-amenity-list .sw-amenity-list-item:nth-child(even) .sw-amenity2 {

  color: var(--secondcolor);
}

.sw-amenity-list .sw-amenity-list-item:nth-child(even) .sw-amenity2::before {
  color: var(--firstcolor);
}


.sw-amenity-name {
  padding-left: 8px;
}

.sw-similar-hotel-info,
.sw-similar-hotel-rate {
  padding: var(--responsive-margin-padding);
}

.sw-rate-sm-label {
  font-size: 12px;
  margin-bottom: -8px;
}

.sw-time-box {
  border: solid 1px var(--firstcolorlite);
  padding: 15px 0px;
}

.cart-fl-right {
  background-color: var(--firstcolorlite);
}

@media (min-width: 375px) {}

@media (min-width: 576px) {}

@media (min-width: 768px) {
  .sw-header {
    flex-direction: row;
  }

  .sw-header-left {
    width: 230px;

  }

  .hotel-thumbnail {
    height: 160px;
  }

  .transfer-thumbnail {
    height: 160px;
  }

  .sw-hotel-details {
    margin-top: 0;
    margin-left: 10px;
  }

  .sw-sm-link-right {
    justify-content: flex-end;
    margin-top: 0px;
  }

}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
  .hotel-thumbnail {
    height: 175px;
  }

  .transfer-thumbnail {
    height: 175px;
  }

  .sw-hotel-details {
    margin-top: 10px;
  }

  .sw-hotel-actions {
    flex-direction: column;
    justify-content: space-between;
    align-items: unset;
  }

  .no-star-ratings {
    height: 25px;
  }

  .no-hotel-info {
    height: 34px;
    /* 22 height + 12 margin */
  }

  .hotel-info,
  .hotel-address {
    /*margin-top: 12px; */
  }

  .sw-net-price-title {
    display: block;
  }
}

@media (min-width: 1400px) {
  .hotel-thumbnail {
    height: 230px;
  }

  .sw-hotel-details {
    margin-top: 20px;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 21 - Alba travel search style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.search-content,
.search-content2 {
  background-color: var(--firstcolorlite);
}

.search-content {
  padding: var(--responsive-margin-padding);
}

.sw-input-field {
  position: relative;
  border: solid 1px #fff;
  background-color: #fff;
  min-height: 51px;
  /*margin-bottom: 8px;*/
}

.form-control {
  font-size: 14px;
  border: unset;
  border-radius: unset;
  height: 50px;
  /*border:solid 1px red;*/
  border-left: none;
  border-right: none;
  color: unset;
}

.form-control:hover,
.form-control:focus {
  /*border-color: #fff;
  box-shadow: unset;*/
}

.form-control .t-dates.t-date-check-out {
  /*border-right: solid 1px red;*/
}

.input-group-text {
  background-color: #fff;
  border: unset;
  border-radius: unset;
  font-size: 15px;
  color: var(--firstcolor);
  /* border:solid 1px red; */
  width: 30px;
  padding: unset;
  display: flex;
  justify-content: center;
}

.sw-search-guest {
  display: flex;
  align-items: center;
}

.passenger-dropdown {
  background-color: #fff;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  padding: 12px;
  /*width: calc(100% - 30px);*/
  width: 100%;
  /*display: none;*/
  border: solid 1px var(--firstcolor);
  z-index: 1;
}

.passenger-dropdown.active {
  opacity: 1;
  visibility: visible;
}

.passenger-dropdown:before {
  /*position: absolute;*/
  content: "";
  /*left: 0;*/
  /*right: 0;*/
  /*top: -14px;*/
  height: 20px;
}

.sw-city-dropdown,
.sw-act-dropdown-list {
  z-index: 1;
  position: absolute;
  border: solid 1px var(--firstcolor);
  background-color: #fff;
  max-height: 300px;
  overflow: auto;
}

.sw-city-dropdown {
  padding: 12px;
}

.sw-act-dropdown-list {
  padding: 12px 0px;
}

.sw-city-dropdown,
.sw-act-dropdown-list {
  top: calc(100% + 5px);
  /*width: calc(100% - 30px);*/
  width: 100%;
}

.passenger-title {
  font-weight: 700;
}

.passenger-title i,
.passenger-title svg {
  color: var(--firstcolor);
}

.sw-entity-list {
  margin: 6px 0 12px 0;
}

.sw-entity-list ul {
  padding-left: 0px;
  margin: 0 0 0 2px;
}

.sw-entity-list ul li {
  display: flex;
  align-items: center;
  list-style: none;
  border-bottom: dotted 1px var(--firstcolor);
  font-weight: 500;
  padding: 4px 0;
}

.sw-entity-list ul li:hover,
.sw-entity-list ul li:focus,
.sw-entity-list ul li.selected {
    background-color: var(--firstcolorlite);
    cursor: pointer;
}

.sw-entity-list ul li::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  color: var(--firstcolor);
  font-size: 12px;
  margin-right: 6px;
}

.city.sw-entity-list ul li::before {
  content: '\f3c5';
}

.hotel.sw-entity-list ul li::before {
  content: '\f594';
}

.train.sw-entity-list ul li::before {
  content: "\f238";
}

.airport.sw-entity-list ul li::before {
  content: "\f072";
}

.lingua.sw-entity-list ul li::before {
  content: '\f024';
}

.orario.sw-entity-list ul li::before {
  content: '\f017';
}

.sw-input-field.sw-city {
  margin-bottom: var(--responsive-margin-padding);
}

.sw-input-field.sw-date {
  margin-bottom: var(--responsive-margin-padding);
}

.sw-input-field.sw-guest {
  margin-bottom: 8px;
}

.sw-input-field.sw-country {
  margin-bottom: 8px;
}

.input-group.sw-filter {
  border: solid 1px var(--firstcolorlite);
}

.sw-modify-search-box {
  border-bottom: solid 1px var(--secondcolorlite);
  padding: var(--responsive-margin-padding) 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.sw-search-details {
  font-weight: bold;
  margin-right: var(--responsive-margin-padding);
}

.otherairline-row input[type="text"] {
  border: solid 1px var(--secondcolorlite);
}


@media (min-width: 768px) {
  .sw-input-field.sw-country {
    margin-bottom: 0px;
  }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
  .sw-input-field.sw-city {
    margin-bottom: var(--responsive-margin-padding);
  }

  .sw-input-field.sw-guest {
    margin-bottom: 0px;
  }
}

@media (min-width: 1400px) {
  .sw-input-field.sw-country {
    margin-bottom: var(--responsive-margin-padding);
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 22 - Bootstrap Customisation
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
a {
  text-decoration: none;
}

.btn {
  font-weight: bold;
  letter-spacing: 1.3px;
}

.btn-primary {
  background-color: var(--firstcolor);
  border-color: var(--firstcolor);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--firstcolorhover);
  border-color: var(--firstcolorhover);
}

.btn-info {
  background-color: var(--thirdcolor);
  border-color: var(--thirdcolor);
  color: #fff;
}

.btn-info:hover,
.btn-info:focus {
  background-color: var(--firstcolorhover);
  border-color: var(--firstcolorhover);
  color: #fff;
}

.btn-light {
  background-color: var(--firstcolorlite);
  border-color: var(--firstcolorlite);
  color: var(--firstcolor);
}

.btn-light:hover,
.btn-light:focus {
  background-color: var(--firstcolorhover);
  border-color: var(--firstcolorhover);
  color: #fff;
}

.btn-secondary {
  background-color: #DDDDDD;
  border-color: #DDDDDD;
  color: #fff;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: var(--firstcolorhover);
  border-color: var(--firstcolorhover);
  color: #fff;
}

.form-label {
  margin-bottom: 3px;
  font-weight: bold;
}

.btn-link {
  text-decoration: unset;
}

.breadcrumb-item+.breadcrumb-item::before {
  font-family: 'Font Awesome 6 Pro';
  content: '\f105';
  font-size: 14px;
}

.form-check-input:checked {
  background-color: var(--firstcolor);
  border-color: var(--firstcolor);
}

.form-check-label {
  font-weight: 600;
  color: var(--secondcolor);
}

.dropdown-menu {
  border-radius: unset;
  border-color: var(--firstcolor);
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: var(--firstcolorlite);
}

.dropdown-item.active,
.dropdown-item:active {
  color: var(--firstcolor);
}

.dropdown-menu.sw-header-dropdown {
  width: 100%;
}

.badge {
  font-size: unset;
  padding: 3px 6px 4px;
}

.modal-body {
  padding: 0;
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.qty-control {
  margin-left: auto;
  display: block;
  padding: 0 40px;
  width: 120px;
  /*height: 40px;*/
  position: relative;
  /*border: solid 1px red;*/
}

.qty-control input {
  background-color: transparent;
  font-size: 14px;
  color: #000;
  /*height: 40px;*/
  width: 40px;
  border-radius: 0;
  border: 0 none;
  padding: 0;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 500;
}

.qty-control-down,
.qty-control-up {
  position: absolute;
  top: 0;
  height: 24px;
  width: 24px;
  cursor: pointer;
  border: solid 2px var(--firstcolor);
  border-radius: 50%;
  transition: background-color 0.2s;
}

.qty-control-down {
  background-color: #fff;
  left: 0;
}

.qty-control-up {
  background-color: #fff;
  right: 0;
}

.qty-control-down:before,
.qty-control-up:before,
.qty-control-up:after {
  position: absolute;
  content: "";
  background-color: var(--firstcolor);
  left: 50%;
  top: 50%;
  transition: background-color 0.2s;
}

.qty-control-down:before {
  height: 1px;
  width: 11px;
  margin-left: -6px;
}

.qty-control-up:before {
  height: 1px;
  width: 11px;
  margin-left: -5px;
}

.qty-control-up:after {
  height: 11px;
  width: 1px;
  margin-top: -5px;
}

.qty-control-down:hover {
  background-color: var(--thirdcolor)
}

.qty-control-up:hover {
  background-color: var(--firstcolor);
}

.qty-control-down:hover:before,
.qty-control-up:hover:before,
.qty-control-up:hover:after {
  background-color: #fff;
}

.child-age-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  /*border: solid 1px red;*/
}

.age-control {
  flex: 0 1 32%;
  margin-bottom: 4px;
  margin-right: 3px;
}

.age-control label {
  display: block;
  font-size: 11px;
  font-weight: 600;
}

.age-select {
  display: block;
  width: 100%;
  height: 30px;
  padding: .375rem 2.25rem .375rem .75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  line-height: 1.5;
  border: 2px solid var(--firstcolorlite);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  word-wrap: normal;
  background-color: #fff;
  color: var(--firstcolor);
}

.age-select::after {
  display: block;
  clear: both;
  content: "";
}

@media (min-width: 768px) {
  .age-control {
    flex: 0 1 24%;
  }
}

@media (min-width: 992px) {
  .age-control {
    flex: 0 1 31%;
  }
}

@media (min-width: 1200px) {
  .age-control {
    flex: 0 1 31.5%;
  }
}

@media (min-width: 1400px) {
  .age-control {
    flex: 0 1 31%;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 23 - Alba travel transfer style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.sw-search-header {
  color: var(--firstcolor);
  font-weight: bold;
  text-transform: uppercase;
}

.sw-trans-child-box-1 {
  border-right: none;
  border-bottom: solid 2px #fff;
  padding-right: 0;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.sw-trans-child-box-3 {
  border-right: none;
  border-top: solid 2px #fff;
  padding-right: 0;
  padding-top: 10px;
  margin-top: 10px;
}

.sw-add-return-transfer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  min-height: 200px;
  color: var(--firstcolor);
  font-size: 30px;
  transition: all 300ms;
}

.sw-add-return-transfer:hover {
  color: var(--thirdcolor);
  font-size: 35px;
  /*transform: rotate(2deg);*/
}

.sw-luggage-select-box {
  padding-right: 15px;
}

.qty-control.sw-luggage-control-field {
  padding: 16px 25px 0 25px;
  width: unset;
}

.qty-control.sw-luggage-control-field input {
  width: 60px;
}

.qty-control-down.sw-luggage-control,
.qty-control-up.sw-luggage-control {
  top: 13px;
}

.sw-transfer-service-box {
  padding: 14px 0 0 14px;
}

.sw-transfer-list-box {
  border: solid 1px #DADCDD;
  padding: var(--responsive-margin-padding);
  margin-bottom: var(--responsive-margin-padding);
}

.sw-transfer-rate-box {
  height: 100%;
  text-align: center;
  padding: var(--responsive-margin-padding);
  background-color: var(--firstcolorlite);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.sw-transfer-rate-title {
  color: var(--secondcolor);
  text-transform: uppercase;
  font-weight: bold;
}

.sw-transfer-title,
.sw-transfer-category {
  font-weight: 700;
}

.sw-transfer-category {
  margin-left: var(--responsive-margin-padding);
}

.sw-transfer-category .badge {
  background-color: #A53BFF;
}

.sw-transfer-service-icon {
  color: var(--firstcolor);
  text-align: center;
  padding-left: calc(var(--responsive-margin-padding) * 2);
}

.sw-transfer-service-name {
  font-weight: bold;
}

.sw-transfer-services-details {
  margin-top: var(--responsive-margin-padding);
}

.sw-transfer-show-more {
  margin-top: 8px;
}

.sw-tab-preno-title {
  font-weight: 500;
}

.sw-cart-exp-detail2 {
  display: flex;
  flex-direction: row;
}

.sw-dt-tm-picker {
  font-weight: 600;
  font-size: var(--textboxfont);
}

.sw-search-field-box {
  position: relative;
  /*border: solid 3px red;*/
}

.sw-transfer-pass-info-box {
  padding: var(--responsive-margin-padding);
}

.sw-transfer-pass-info-head {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.sw-transfer-auxiliary-link {
  cursor: pointer;
  text-decoration: underline;
}

.sw-transfer-auxiliary-box {
  padding: var(--responsive-margin-padding);
  background-color: #F5F6FA;
}

.sw-ex-service-row {
  margin-bottom: var(--responsive-margin-padding);
}

.sw-ex-service-title {
  display: flex;
  font-weight: 600;
  align-items: center;
}

.sw-ex-service-badge {
  display: block;
  padding: 1px 8px;
  border-radius: 20px;
  margin-left: var(--responsive-margin-padding);
}

.sw-ex-service-badge.green {
  border: solid 1px #669F6A;
  color: #669F6A;
}

.sw-ex-service-badge.skyblue {
  border: solid 1px var(--firstcolor);
  color: var(--firstcolor);
}

.sw-ex-service-desc {
  color: #495057;
  margin-top: 0px;
}

.sw-ex-service-free {
  color: #669F6A;
  text-align: center;
}

.sw-ex-service-paid {
  color: #495057;
  text-align: center;
}

.sw-ex-service-label {
  text-align: center;
}

.sw-ex-service-total {
  color: #495057;
}

.sw-collapse-ex-services {
  border-bottom: solid 1px var(--firstcolorlite);
}

@media (min-width: 768px) {
  .sw-transfer-rate-box {
    text-align: center;
    flex-direction: row;
    align-items: center;
  }

  .sw-rate-col-1,
  .sw-rate-col-2,
  .sw-rate-col-3 {
    flex: 1 1 33%;
  }

  .sw-transfer-pass-info-head {
    flex-direction: row;
  }
}

@media (min-width: 992px) {
  .sw-trans-child-box-1 {
    border-right: solid 2px #fff;
    border-bottom: none;
    padding-right: var(--responsive-margin-padding);
    padding-bottom: unset;
    margin-bottom: unset;
  }

  .sw-trans-child-box-3 {
    border-left: solid 2px #fff;
    border-top: none;
    padding-left: var(--responsive-margin-padding);
    padding-top: unset;
    margin-top: unset;
  }

  .sw-transfer-rate-box {
    flex-direction: column;
  }

  .sw-rate-col-1,
  .sw-rate-col-2,
  .sw-rate-col-3 {
    flex: unset;
    width: 100%;
  }

  .sw-transfer-list-box {
    padding: var(--responsive-margin-padding);
    padding-bottom: calc(var(--responsive-margin-padding) - 8px);
  }

  .sw-hide-more3 {
    margin-bottom: 8px;
  }
}


/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 24 - date & time picker style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.sw-search-field-box .dropdown-menu {
  /*font-size: unset;
  position: absolute;
  /*border: solid 2px red;*/

}

label.time-heading {
  display: block;
}

.datepicker-days {
  padding: 10px 0px;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  border: solid 1px #000;
  border-radius: unset;
  margin: 5px 0px;
  position: absolute;
  font-size: unset;
}

.bootstrap-datetimepicker-widget.dropdown-menu::before,
.bootstrap-datetimepicker-widget.dropdown-menu::after {
  display: none;
}

.bootstrap-datetimepicker-widget table th {
  color: #000;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  padding: 4px;
}

.bootstrap-datetimepicker-widget table td {
  /*height: unset;
  width: unset;
  line-height: unset;*/
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: var(--firstcolor);
}

.bootstrap-datetimepicker-widget table td.day {
  line-height: unset;
}

.closeText::before {
  color: #000;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  width: 22em;
}

.bootstrap-datetimepicker-widget table td.today::before {
  display: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
  inset-inline: auto !important;
}

@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 22em;
  }
}

@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 22em;
  }
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Chapter 25 - Activity business style
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.sw-sec-act-search {
  /* margin-top: 56px; */
  /*height: 200px;*/
  /* border: dotted 2px blue; */
  background-color: var(--firstcolorlite);
  /* display: flex;
  align-items: center;
  justify-content: center; */
}

.sw-sec-act-search-mt {
  margin-top: 56px;
}

.sw-sec-act-listing {
  margin-top: 40px;
}

.sw-act-list-container {
  /* border: solid 2px red; */
}

.sw-act-list-wrapper {
  margin-top: 34px;
}

.sw-act-list-item {
  border: 1px solid var(--firstcolor);
  margin: 0 6px 30px;
}

.sw-act-thumbnail {
  position: relative;
  width: 100%;
  height: 180px;
  overflow: hidden;
}

.sw-act-thumbnail img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  /* contain-width & cover-height */
  object-position: center center;
}

.sw-act-tag-topseller,
.sw-act-tag-new {
  position: absolute;
  left: 0px;
  top: 14px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  padding: 6px 16px;
  letter-spacing: 0px;
}

.sw-act-tag-topseller {
  background-color: #DE4A54;
}

.sw-act-tag-new {
  background-color: #D456D9;
}

.sw-act-type,
.sw-act-type2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* border: solid 1px red; */
  font-weight: 600;
  text-transform: uppercase;
  line-height: 19px;
  letter-spacing: 0px;
  color: var(--thirdcolor);
}

.sw-act-type {
  margin: 16px 16px 0 16px;
}

.sw-act-type2 {
  margin: var(--responsive-margin-padding) 0;
}


.sw-act-desc {
  /* border: solid 1px blue; */
  color: #60666C;
  letter-spacing: 0px;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  margin: 8px 16px 34px 16px;
  min-height: 56px;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.sw-act-detail-wrapper {
  min-height: 76px;
}

.sw-act-details {
  /* border: solid 1px green; */
  background-color: #F5F7FA;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 14px;
  letter-spacing: 0px;
  margin: 0 15px 3px 15px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.sw-act-type i,
.sw-act-type svg,
.sw-act-type2 i,
.sw-act-type2 svg,
.sw-act-details i,
.sw-act-details svg {
  font-size: 17px;
  /* border: solid 1px blue; */
  width: 21px;
  text-align: center;
}

.sw-act-type span,
.sw-act-details span {
  padding-left: 14px;
  font-size: 13px;
  color: var(--secondcolor);
}

.sw-act-type2 span {
  padding-left: 8px;
  font-size: 13px;
  color: var(--thirdcolor);
}

.sw-act-details i,
.sw-act-details svg {
  color: var(--firstcolor);
}

.sw-act-booking {
  /* border: solid 1px lime; */
  margin: 27px 15px 15px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.sw-act-price {
  margin-right: 22px;
  text-align: right;
}

.sw-act-price-label {
  font-size: 11px;
  line-height: 10px;
  color: var(--secondcolor);
  letter-spacing: 0px;
  margin-bottom: -3px;
}

.sw-act-price-value {
  font-weight: bold;
  font-size: 24px;
  line-height: 31px;
  color: var(--firstcolor);
  letter-spacing: 0px;
}

.sw-sidebar-title {
  font-weight: bold;
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  color: var(--secondcolor);
  margin-bottom: 16px;
}

.sw-filter-container {
  margin-bottom: 28px;
}

.sw-filter-container ul li:last-child .sw-container {
  margin-bottom: 0px;
}

.sw-filter-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.sw-filter-counter {
  font-size: 14px;
  line-height: 18px;
  color: #575757;
  letter-spacing: 0px;
}

.hotel-search-filter-box .sw-filter-container:last-child {
  margin-bottom: 0px;
}

.sw-result-count {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0px;
  color: var(--firstcolor);
  margin-top: 40px;
  text-align: center;
}

.sw-show-more-btn {
  text-align: center;
  margin-top: 12px;
}

/* custom checkbox for sidebar filter */
.sw-container {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 8px;
  cursor: pointer;
  font-size: 15px;
  line-height: 18px;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #4D4F5C;
}

.sw-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 2px solid #ADB5BD;
  border-radius: 6px;
}

.sw-container:hover input~.checkmark {
  background-color: var(--firstcolorhover);
}

.sw-container input:checked~.checkmark {
  background-color: var(--firstcolor);
  border-color: var(--firstcolor);
}

.sw-container input:checked~.sw-checkbox-label {
  color: var(--firstcolor);
  font-weight: bold;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.sw-container input:checked~.checkmark:after {
  display: block;
}

.sw-container .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



.sw-act-date-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.sw-act-date {
  flex: 0 0 50%;
}

.sw-act-tod-tom-btn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 75px;
  height: 50px;
}

.sw-act-date-btn {
  height: 23px;
  border: solid 1px #fff;
  background-color: #fff;
  color: var(--secondcolor);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
}

.sw-act-goback-btn .btn {
  font-size: 12px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0px;
}

.sw-act-goback-btn .btn i,
.sw-act-goback-btn .btn svg {
  margin-right: 8px;
}

.sw-act-det-title {
  letter-spacing: 0px;
  color: var(--secondcolor);
  line-height: 31px;
  font-size: var(--5xfont);
  font-weight: bold;
}

#sw-act-det-gallery.carousel .carousel-item {
  height: 370px;
}

.sw-act-det-gallery .carousel .carousel-item img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  /* contain-width & cover-height */
  object-position: center center;
}

.sw-act-det-facility,
.sw-act-det-metadata {
  /* border: solid 1px red; */
}

.sw-act-faci-item {
  /* border: solid 1px blue; */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.sw-act-faci-item i,
.sw-act-faci-item svg {
  /* border: solid 1px lime; */
  margin-right: 10px;
  color: var(--firstcolor);
  font-size: var(--3xfont);
  text-align: center;
  flex: 0 0 32px;
}

.sw-act-faci-item span.desc {
  color: var(--secondcolor);
  font-weight: 600;
  line-height: 20px;
  font-size: var(--lgfont);
  letter-spacing: 0px;
  /* border: solid 1px cyan; */
}

.sw-act-faci-item span.desc2 {
  color: var(--secondcolor);
  font-weight: normal;
  line-height: 21px;
  font-size: var(--smfont);
  letter-spacing: 0px;
  /* border: solid 1px cyan; */
  margin-left: 18px;
}

.sw-act-faci-item span.desc3 {
  /* border: solid 1px cyan; */
}

.sw-act-faci-item span.desc3 .desc3a {
  font-size: var(--lgfont);
}

.sw-act-faci-item span.desc3 .desc3b {
  font-weight: 600;
}

.sw-act-faci-item span.desc3 .desc3c {
  font-size: var(--smfont);
}

.sw-act-faci-item span.desc3 .descmap {
  color: var(--firstcolor);
  text-decoration: underline;
}

.sw-act-faci-item {
  margin-top: var(--responsive-margin-padding);
}

.sw-act-det-facility {
  margin-bottom: var(--responsive-margin-padding);
}

.sw-act-det-metadata {
  border-top: solid 1px var(--firstcolorlite);
  border-bottom: solid 1px var(--firstcolorlite);
  padding-bottom: var(--responsive-margin-padding);
  margin-bottom: var(--responsive-margin-padding);
}

.sw-act-det-form-box {
  background-color: var(--firstcolorlite);
  padding: calc(var(--responsive-margin-padding) - 4px);
  margin-bottom: var(--responsive-margin-padding);
}

.sw-act-det-form-box2 {
  background-color: #fff;
  border: solid 2px var(--firstcolorlite);
  padding: calc(var(--responsive-margin-padding) - 4px);
  margin-bottom: var(--responsive-margin-padding);
}

.sw-input-field.sw-act-det-felem {
  margin-bottom: 14px;
}

.sw-act-det-form-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.sw-act-det-form-title {
  letter-spacing: 0.07px;
  color: var(--secondcolor);
  font-size: var(--2xfont);
  font-weight: 600;
}

.sw-act-det-form-price {
  letter-spacing: 0px;
  color: var(--firstcolor);
  font-size: var(--4xfont);
  font-weight: bold;
  margin-left: 16px;
}

.sw-act-det-desc-title {
  font-size: var(--lgfont);
  color: var(--secondcolor);
  font-weight: 600;
  line-height: 21px;
  margin-bottom: var(--responsive-margin-padding);
}

.sw-act-det-desc-title2 {
  font-size: var(--3xfont);
  color: var(--secondcolor);
  font-weight: 600;
  line-height: 21px;
  margin-bottom: var(--responsive-margin-padding);
}

.sw-act-det-map {

  margin-top: 14px;
}

.sw-act-det-map-google {
  text-align: right;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0px;
  color: #2E7E99;
  opacity: 1;
  cursor: pointer;
  margin-top: 8px;
}

.sw-act-det-map-box {
  height: 277px;
}

.sw-act-det-map-box img {
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.sw-act-det-list1 {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: calc(var(--responsive-margin-padding) / 2);
}

.sw-act-det-list1 i,
.sw-act-det-list1 svg {
  color: var(--thirdcolor);
  font-size: 18px;
}

.sw-act-det-list1-desc {
  font-size: 15px;
  line-height: 19px;
  letter-spacing: 0px;
  color: var(--secondcolor);
  margin-left: 12px;
}

.sw-act-det-para {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
  color: var(--secondcolor);
}

.sw-act-det-list2 {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  margin-bottom: calc(var(--responsive-margin-padding) / 4);
}

.sw-act-det-list2 i,
.sw-act-det-list2 svg {
  color: #000;
  font-size: 8px;
  padding-top: 6px;
}

.sw-act-det-list2-desc {
  font-size: 14px;
  letter-spacing: 0px;
  color: var(--secondcolor);
  margin-left: 12px;
}

.sw-act-det-form-subprice {
  color: var(--secondcolor);
  font-size: 13px;
  letter-spacing: 0px;
}

.sw-act-det-form-subprice2 {
  color: var(--secondcolor);
  font-size: var(--5xfont);
  letter-spacing: 0px;
}


.sw-act-form-price {
  font-size: 22px;
  color: var(--firstcolor);
}

.sw-act-desc-read-more {
  height: 28px;
  background-color: #F5F7FA;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  font-size: 13px;
  line-height: 11px;
  letter-spacing: 0px;
  color: var(--firstcolor);
  cursor: pointer;
  margin-top: var(--responsive-margin-padding);
}

.sw-act-desc-read-more i,
.sw-act-desc-read-more svg {
  padding-left: 16px;
}

.sw-onrequest-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 12px;
}

.sw-onrequest-desc {
  margin-left: 10px;
}

.sw-act-det-seperator {
  border-bottom: solid 1px var(--firstcolorlite);
}

.sw-act-description.hide .sw-act-desc-child {
  /* border: solid 2px red; */
  height: 10rem;
  overflow: hidden;
}

.sw-act-description.show .sw-act-desc-child {
  /* border: solid 2px lime; */
}

.sw-act-description.hide .sw-act-desc-child-fade {
  position: absolute;
  height: 10rem;
  width: calc(100% - 24px);
  background: white;
  background: linear-gradient(0deg, white 21%, rgba(255, 255, 255, 0) 100%);
  /* border: solid 1px cyan; */
}

.sw-act-description.show .sw-act-desc-child-fade {
  display: none;
}

.sw-act-description.hide .sw-hide-desc {
  display: none;
}

.sw-act-description.show .sw-show-desc {
  display: none;
}

.swl-act-detail {
  font-weight: 600;
  color: var(--firstcolor);
  cursor: pointer;
  margin: 12px 0 0 32px;
}

.swl-see-act-det-desc {
  padding: var(--responsive-margin-padding);
}

.swl-info {
  font-size: var(--gammafont);
  color: #e47425;
  bottom: 4px;
  right: 6px;
  position: relative;
  cursor: pointer;
}

.sw-act-dropdown-box {
  margin-bottom: 14px;
  display: flex;
}

.sw-act-dropdown {
  display: flex;
  flex-direction: row;
  flex: 1;
  border: solid 1px transparent;
}

.sw-act-dropdown:focus,
.sw-act-dropdown:focus-visible,
.sw-act-dropdown:focus-within,
.sw-act-dropdown:hover {
  border: solid 1px var(--firstcolor);
}

.sw-act-dropdown .input-group-text {
  flex: 0 0 30px;
}

.sw-act-dropdown-meta {
  /* border: solid 1px blue; */
  width: 100%;
  display: flex;
  align-items: center;
  padding: 4px .75rem;
  justify-content: space-around;
  cursor: pointer;
}

.li-item.sw-act-dropdown-meta:hover,
.li-lang.sw-act-dropdown-meta:hover {
  background-color: #F5F7FA;
}

.li-lang.sw-act-dropdown-meta {
  justify-content: flex-start;
  padding: 4px 1.5rem;
}


.sw-act-meta-time,
.sw-act-meta-time2 {
  font-size: 14px;
  letter-spacing: 0px;
  color: #575757;
}

.sw-act-meta-time {
  font-weight: bold;
}

.sw-act-meta-time2 {
  font-weight: 600;
}

.sw-act-meta-rate {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0px;
  color: #2E7E99;
}

.sw-act-det-gallery-box {
  /* border: solid 2px blue; */
}

.sw-act-det-form-options {
  border: solid 2px var(--firstcolorlite);
  padding: 0px calc(var(--responsive-margin-padding) / 2);
}

.sw-form-option-header {
  font-weight: bold;
  border-bottom: solid 1px var(--firstcolorlite);
}

.sw-form-opt-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--responsive-margin-padding) / 2) 0;
}

.sw-form-option-results {
  align-items: center;
}

.sw-form-option-results.selected,
.sw-form-option-results:hover {
  background-color: var(--firstcolorlite);
}

.sw-act-thumb2 {
  width: 60px;
  height: 20px;
  overflow: hidden;
  /* border: solid 1px red; */
}

.sw-act-thumb2 img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  /* contain-width & cover-height */
  object-position: center center;
}

.sw-act-desc-tc {
  font-weight: 600;
  color: #54A75B;
}

.sw-container-radio {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 18px;
  cursor: pointer;
  font-size: 15px;
  line-height: 18px;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #4D4F5C;
}

.sw-container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark-radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 2px solid var(--firstcolor);
  border-radius: 50%;
}

.sw-container-radio:hover input~.checkmark-radio {
  background-color: var(--firstcolorhover);
}

.sw-container-radio input:checked~.checkmark-radio {
  background-color: var(--firstcolor);
  border-color: var(--firstcolor);
}

.checkmark-radio:after {
  content: "";
  position: absolute;
  display: none;
}

.sw-container-radio input:checked~.checkmark-radio:after {
  display: block;
}

.sw-container-radio .checkmark-radio:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sw-act-det-form-rate {
  /* border: solid 2px blue; */
}


@media (min-width: 375px) {}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/*
@media (min-width: 375px) {}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}
*/