/* Main Style */
:root {

  --travel-color-01: #055c9d; /* Light Blue */
  --travel-color-02: #003060; /* Dark Blue */
  --travel-color-03: #2F3030; /* Dark Grey */
  --travel-color-04: #A89272; /* Light Golden */
  --travel-color-05: #95cbf3; /* Light Light Blue */
  --travel-color-06: #96A3AB; /* Light Grey */
  --travel-color-07: #31a2f7; /* Light Blue */
  --travel-color-08: #333333; /*  */
  --travel-color-09: #5A3501; /* Dark Golden */
  --travel-color-10: #f7be16; /*#FFCC00;*/ /* Lighter Golden */

  --main-color: #516066;
  --main-bg: #f2f2f2;
  --main-bg-intro: #FFFFFF;
  --travel-accent: #198754;
  --travel-alert: #C42700;
  --travel-soft: #333;        /* avg/night */

  --main-color-accent: #3A3;
  
  --travel-border-01: #DDD;
  --travel-border-02: #9F9;
  --travel-border-03: #999;
  --travel-border-04: #DDD;

  /* Buttons */
  --travel-button-text: #FFFFFF;
  --travel-button-bg: var(--travel-color-01);
  --travel-button-hover-text: #FAFAFA;
  --travel-button-hover-bg: var(--travel-color-07);
  --travel-input-icon: #999999;

  --travel-star: var(--travel-color-10);

  --travel-price: var(--travel-accent);
  --travel-prece-strike: #666666;
  --travel-price-low: var(--travel-accent);


  --travel-header-top-line: var(--travel-color-10);
  --travel-header-top-bg: white;
  --travel-header-text: var(--travel-color-08);         /* links */
  --travel-header-text-hover: var(--travel-color-10);   /* links */


  --travel-search-top-line: var(--travel-color-10);
  --travel-search-background: var(--bs-body-color);
  --travel-search-title: var(--main-color);

  --travel-search-button-text: var(--travel-button-text);
  --travel-search-button-bg: var(--travel-button-bg);
  --travel-search-button-hover-text: var(--travel-button-hover-text);
  --travel-search-button-hover-bg: var(--travel-button-hover-bg);
  --travel-search-input-icon: var(--travel-input-icon);


  --travel-search-filter-title: var(--main-color);
  --travel-search-filter-item: var(--main-color);
  --travel-search-filter-badge-bg: #FAFAFA;
  --travel-search-filter-badge-text: var(--travel-color-01);

  --travel-results-background: var(--bs-body-color);
  --travel-results-button-text: var(--travel-button-text);
  --travel-results-button-bg: var(--travel-button-bg);
  --travel-results-button-hover-text: var(--travel-button-hover-text);
  --travel-results-button-hover-bg: var(--travel-button-hover-bg);
  --travel-results-input-icon: var(--travel-input-icon);
  --travel-results-item-title: var(--travel-color-01);
  --travel-results-item-subtitle: var(--main-color);
  --travel-results-item-offer: #ff6633;

  --travel-info-background: var(--bs-body-color);
  --travel-info-button-text: var(--travel-button-text);
  --travel-info-button-bg: var(--travel-button-bg);
  --travel-info-button-hover-text: var(--travel-button-hover-text);
  --travel-info-button-hover-bg: var(--travel-button-hover-bg);
  --travel-info-input-icon: var(--travel-input-icon);
  --travel-info-item-title: var(--travel-color-01);
  --travel-info-item-subtitle: var(--main-color);
  --travel-review-lines: var(--travel-color-02);
  --travel-room-title: var(--travel-color-01);
  --travel-room-subtitle: var(--main-color);

  --footer-background: white;
  --footer-text-color: var(--travel-color-01);
  --footer-text-hover-color: var(--travel-color-01);
  --footer-social: var(--travel-color-01);
  --subfooter-background: white;
  --subfooter-text-color: var(--travel-color-01);

}

.travel-btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}



.tbg-01 { background-color: var(--travel-color-01); }
.tbg-02 { background-color: var(--travel-color-02); }
.tbg-03 { background-color: var(--travel-color-03); }
.tbg-04 { background-color: var(--travel-color-04); }
.tbg-05 { background-color: var(--travel-color-05); }
.tbg-06 { background-color: var(--travel-color-06); }
.tbg-07 { background-color: var(--travel-color-07); }
.tbg-08 { background-color: var(--travel-color-08); }
.tbg-09 { background-color: var(--travel-color-09); }
.tbg-10 { background-color: var(--travel-color-10); }

.tcolor-01 { color: var(--travel-color-01); }
.tcolor-02 { color: var(--travel-color-02); }
.tcolor-03 { color: var(--travel-color-03); }
.tcolor-04 { color: var(--travel-color-04); }
.tcolor-05 { color: var(--travel-color-05); }
.tcolor-06 { color: var(--travel-color-06); }
.tcolor-07 { color: var(--travel-color-07); }
.tcolor-08 { color: var(--travel-color-08); }
.tcolor-09 { color: var(--travel-color-09); }
.tcolor-10 { color: var(--travel-color-10); }






html {
  height:100%;
  font-size: 14px;
}
body {
  font-family: 'Lato', sans-serif;
  color: #333;
  -webkit-font-smoothing: antialiased;
}

.user-dropdown::after {
    content: none;
}
.cart-dropdown::after {
    content: none;
}

.font-1 { /* default */
  font-family: 'Lato', sans-serif;
}
.font-2 {
  font-family: 'Lora', serif;  
}
.font-3 {
  font-family: 'Raleway', sans-serif;
}
.font-4 {
  font-family: 'Roboto', sans-serif;
}


.btn-primary:hover {
  background-color: var(--travel-results-button-bg);
}



* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline: 0;
}

a {
    text-decoration: none;
    color: var(--main-color);
}











/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */





/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}



      































/* --- UTILS --- */

.opacity-01 {opacity: 0.1!important;}
.opacity-02 {opacity: 0.2!important;}
.opacity-03 {opacity: 0.3!important;}
.opacity-04 {opacity: 0.4!important;}
.opacity-05 {opacity: 0.5!important;}
.opacity-06 {opacity: 0.6!important;}
.opacity-07 {opacity: 0.7!important;}
.opacity-08 {opacity: 0.8!important;}
.opacity-09 {opacity: 0.9!important;}

.bg-white-25 { background-color: #FFFFFF40 !important; }
.bg-white-50 { background-color: #FFFFFF80 !important; }
.bg-white-75 { background-color: #FFFFFFBF !important; }
.bg-white-80 { background-color: #FFFFFFCC !important; }
.bg-white-85 { background-color: #FFFFFFD9 !important; }
.bg-white-90 { background-color: #FFFFFFE6 !important; }
.bg-white-95 { background-color: #FFFFFFF2 !important; }
.bg-fa { background-color: #FAFAFA!important; }
.bg-f655 { background-color: #F6F5F5!important; }

.fs-0 { font-size: 0; }       /* 0 */

/* base 16 */
.fs-7 { font-size: 0.9375rem; }   /* 15px */
.fs-8 { font-size: 0.875rem; }    /* 14px*/
.fs-9 { font-size: 0.8125rem; }   /* 13px*/
.fs-10 { font-size: 0.75rem; }    /* 12px*/
.fs-11 { font-size: 0.6875rem; }  /* 11px*/
.fs-12 { font-size: 0.625rem; }   /* 10px*/

/* base 14 */
.fs-7 { font-size: 1.0714rem; }   /* 15px */
.fs-8 { font-size: 1rem; }        /* 14px */
.fs-9 { font-size: 0.9286rem; }   /* 13px */
.fs-10 { font-size: 0.8571rem; }  /* 12px */
.fs-11 { font-size: 0.7857rem; }  /* 11px */
.fs-12 { font-size: 0.7143rem; }  /* 10px */
.fs-13 { font-size: 0.6429rem; }  /* 9px */
.fs-14 { font-size: 0.5714rem; }  /* 8px */

.fw-100 { font-weight: 100; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }

.rot-45 { transform: rotate(45deg); }
.rot-90 { transform: rotate(90deg); }
.rot-135 { transform: rotate(135deg); }
.rot-180 { transform: rotate(180deg); }
.rot-225 { transform: rotate(225deg); }
.rot-270 { transform: rotate(270deg); }
.rot-315 { transform: rotate(315deg); }

.text-gray-100 { color: #f8f9fa; }
.text-gray-200 { color: #e9ecef; }
.text-gray-300 { color: #dee2e6; }
.text-gray-400 { color: #ced4da; }
.text-gray-500 { color: #adb5bd; }
.text-gray-600 { color: #6c757d; }
.text-gray-700 { color: #495057; }
.text-gray-800 { color: #343a40; }
.text-gray-900 { color: #212529; }

.mnh-50  { min-height: 50px; }
.mnh-100 { min-height: 100px; }
.mnh-150 { min-height: 150px; }
.mnh-200 { min-height: 200px; }
.mnh-250 { min-height: 250px; }
.mnh-300 { min-height: 300px; }
.mnh-350 { min-height: 350px; }
.mnh-400 { min-height: 400px; }
.mnh-450 { min-height: 450px; }
.mnh-500 { min-height: 500px; }

.mxh-50  { max-height: 50px; }
.mxh-100 { max-height: 100px; }
.mxh-150 { max-height: 150px; }
.mxh-200 { max-height: 200px; }
.mxh-250 { max-height: 250px; }
.mxh-300 { max-height: 300px; }
.mxh-350 { max-height: 350px; }
.mxh-400 { max-height: 400px; }
.mxh-450 { max-height: 450px; }
.mxh-500 { max-height: 500px; }

.mnw-50  { min-width: 50px; }
.mnw-100 { min-width: 100px; }
.mnw-150 { min-width: 150px; }
.mnw-200 { min-width: 200px; }
.mnw-250 { min-width: 250px; }
.mnw-300 { min-width: 300px; }
.mnw-350 { min-width: 350px; }
.mnw-400 { min-width: 400px; }
.mnw-450 { min-width: 450px; }
.mnw-500 { min-width: 500px; }

.mxw-50  { max-width: 50px; }
.mxw-100 { max-width: 100px; }
.mxw-150 { max-width: 150px; }
.mxw-175 { max-width: 175px; }
.mxw-200 { max-width: 200px; }
.mxw-250 { max-width: 250px; }
.mxw-300 { max-width: 300px; }
.mxw-350 { max-width: 350px; }
.mxw-400 { max-width: 400px; }
.mxw-450 { max-width: 450px; }
.mxw-500 { max-width: 500px; }

.mxw-50pe { max-width: 50%; }
.mxw-50pe { max-width: 60%; }
.mxw-70pe { max-width: 70%; }
.mxw-80pe { max-width: 80%; }

.h-1p {height: 1px!important;}
.h-15p {height: 15px!important;}
.h-20p {height: 20px!important;}
.h-25p {height: 25px!important;}
.h-30p {height: 30px!important;}
.h-45p {height: 45px!important;}
.h-50p {height: 50px!important;}
.h-60p {height: 60px!important;}
.h-70p {height: 70px!important;}
.h-80p {height: 80px!important;}
.h-100p {height: 100px!important;}
.h-150p {height: 150px!important;}
.h-200p {height: 200px!important;}
.h-250p {height: 250px!important;}
.h-300p {height: 300px!important;}

.vh-25{ height:25vh!important; }
.vh-50{ height:50vh!important; }
.vh-60{ height:60vh!important; }
.vh-75{ height:75vh!important; }
.vh-100{ height:100vh!important; }


.w-1p {width: 1px!important;}
.w-15p {width: 15px!important;}
.w-20p {width: 20px!important;}
.w-25p {width: 25px!important;}
.w-30p {width: 30px!important;}
.w-45p {width: 45px!important;}
.w-50p {width: 50px!important;}
.w-60p {width: 60px!important;}
.w-70p {width: 70px!important;}
.w-80p {width: 80px!important;}
.w-100p {width: 100px!important;}
.w-150p {width: 150px!important;}
.w-200p {width: 200px!important;}
.w-250p {width: 250px!important;}
.w-300p {width: 300px!important;}
.w-350p {width: 350px!important;}



.mb-2r { margin-bottom: 2rem; }

.lh-175 { line-height: 1.75!important; }

.h-100g {
  height: calc(100% + var(--bs-gutter-y));
}


.bg-light-trans {
  --bs-bg-opacity: 1;
  background: rgba(var(--bs-light-rgb),var(--bs-bg-opacity));
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(var(--bs-light-rgb),1) 10%, rgba(var(--bs-light-rgb),1) 100%);
}



.no-bg {
  background-color: unset;
}

.left-20p { left: 20px; }


.rounded-5p  { border-radius: 5px;     }
.rounded-5r { border-radius: 0.5rem;  }
.rounded-10 { border-radius: 10px;    }
.rounded-15 { border-radius: 15px;    }
.rounded-20 { border-radius: 20px;    }

.rounded-tl-5  { border-top-left-radius: 5px;     }
.rounded-tl-10 { border-top-left-radius: 10px;    }
.rounded-tl-15 { border-top-left-radius: 15px;    }
.rounded-tr-5  { border-top-right-radius: 5px;     }
.rounded-tr-10 { border-top-right-radius: 10px;    }
.rounded-tr-15 { border-top-right-radius: 15px;    }
.rounded-bl-5  { border-bottom-left-radius: 5px;     }
.rounded-bl-10 { border-bottom-left-radius: 10px;    }
.rounded-bl-15 { border-bottom-left-radius: 15px;    }
.rounded-br-5  { border-bottom-right-radius: 5px;     }
.rounded-br-10 { border-bottom-right-radius: 10px;    }
.rounded-br-15 { border-bottom-right-radius: 15px;    }

.rounded-tl-5r  { border-top-left-radius: .5rem;     }
.rounded-tr-5r  { border-top-right-radius: .5rem;     }
.rounded-bl-5r  { border-bottom-left-radius: .5rem;     }
.rounded-br-5r  { border-bottom-right-radius: .5rem;     }

.rounded-tl-25r  { border-top-left-radius: .25rem;     }
.rounded-tr-25r  { border-top-right-radius: .25rem;     }
.rounded-bl-25r  { border-bottom-left-radius: .25rem;     }
.rounded-br-25r  { border-bottom-right-radius: .25rem;     }

.fit-cover { object-fit: cover; }
.fit-contain { object-fit: contain; }

.c-pointer { cursor: pointer; }

.bg-image {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.top-inherit {
  top: inherit!important;
}



.dropdown-menu {
  animation-name: slidenavAnimation;
  animation-duration:.3s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;

  -webkit-animation-name: slidenavAnimation;
  -webkit-animation-duration:.3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;

  -moz-animation-name: slidenavAnimation;
  -moz-animation-duration:.3s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}



.dropdown-multi {
  min-width: 340px;
  border: 0;
}
.dropdown-multi .dropdown-item {
  padding: 10px;
}


/* --- SCROLLBARS --- */
/* width */
::-webkit-scrollbar {
  width: 8px;
}
/*  Change scroll webkit from 5 to 10 */
::-webkit-scrollbar {
  height: 15px;
}
/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #EEE;
  border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--bs-gray);
  border-radius: 10px;
}
#tripmatrix::-webkit-scrollbar {
  height: 5px;
}
/* --- //SCROLLBARS --- */





































.lead {
    font-size: 1.1rem;
    font-weight: 400;
    color: #445;
}



.modal .modal-header {
  border-bottom: 0;
}
.currency-items .item {
  display: block;
  padding: 5px;
  border: 1px solid #FFF;
  transition: all .3s;
  cursor: pointer;
  text-decoration: none;
  color: #333;
}
.currency-items .item:hover {
  border: 1px solid #CCC; 
}
.currency-items .item .name {
  font-size: 1rem;
}
.currency-items .item .acronym {
  font-size: .8rem;
  color: #999;
}
.language-items .item {
  display: block;
  padding: 5px;
  border: 1px solid #FFF;
  transition: all .3s;
  cursor: pointer;
  text-decoration: none;
  color: #333;
}
.language-items .item:hover {
  border: 1px solid #CCC; 
}
.language-items .item .name {
  font-size: 1rem;
}
.language-items .item .acronym {
  font-size: .8rem;
  color: #999;
}

.language-items .fflag.ff-lg {
  width: 21px;
  height: 21px;
  border-radius: 50px;
  opacity: .75;
  margin-bottom: 20px;
  float: left;
  margin-right: 16px;
}











.logo-img {
  height: 40px;
  margin-right: 20px;
}





footer {
  background-color: #003060;
  color: #aabed3;
}

footer .divider {
  background-color: #055C9D;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.footer-head {
  background-color: #055C9D;
  color: #FFFFFF;
  font-size: 1.8rem;

}
.footer-head .container {
  background-image: url('../img/logo25_01.png');
  background-position: right;
  background-repeat: no-repeat;
}
footer a {
  color: #aabed3;
}


.footer-end {
  background-color: #0B253C;
  color: #777;
}
.footer-end a {
  text-decoration: none;
  color: #999;
}

footer a.circle-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #aabed3;
    text-align: center;
    margin-right: 10px;
    transition: all .5s;
}
footer a.circle-icon svg {
    display: block;
    width: 38px;
    height: 20px;
    margin-top: 9px;
    color: #aabed3;
    transition: all .5s;
}
footer a.circle-icon:hover {
  border: 1px solid #0092ff;
}
footer a.circle-icon:hover svg {
  color: #0092ff;
}



























































/*  ----  */


.item .results-logo {
  font-size: 12px;
  color: var(--travel-color-01);
}
.item .results-logo img {
  height: 30px;
  vertical-align: middle;
}

.carousel {
    position: relative;
}
.results-col .carousel {
    width: 100%;
    height: 100%;
}
.results-col .carousel-inner {
    width: 100%;
    height: 100%;
}
.results-col .carousel-item {
    width: 100%;
    height: 100%;
}
.results-col .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.search-col {
    box-shadow: 0 0 25px rgb(0 0 0 / 5%);
}
.search-col h1 {
    font-size: 20px;
    font-weight: normal;
}

.input-icon {
    position: absolute;
    bottom: 7px;
    right: 10px;
    color: #999;
    pointer-events: none;
}

.search-col .travel-input {
    border: 0px solid #ced4da;
    border-bottom: 1px solid var(--travel-color-01);
    background-color: #FAFAFA;
    border-radius: 2px;
    font-size: 14px;
    padding: 0.5rem 0.75rem;
    padding-left: 13px;
}

.search-col .travel-input {
    border: 0px solid #ced4da;
    border-bottom: 1px solid #DDD;
    background-color: #FAFAFA;
    border-radius: 2px;
    font-size: 14px;
    padding: 0.5rem 0.75rem;
    padding-left: 13px;
}

.search-col .stars {
    color: var(--travel-star);
    margin-top: -4px;
    display: inline-block;
    margin-right: 10px;
    font-size: 18px;
}
.search-col .stars .bi {
    font-size: 15px;
    margin-right: 1px;
}

.search-col h2 {
    font-size: 18px;
    font-weight: normal;
}
.search-col .form-label {
    margin-bottom: 0.5rem;
    font-size: .85rem;
    color: #444;
}


.search-col .collapse-container {
  border-bottom: 1px solid #EEE;
  /*margin: 0 -10px;*/
}

.search-col .btn-toggle {
    display: flex;
    align-items: center;
    color: #333;
    justify-content: space-between;
    flex-direction: row;
    /*padding: 0 10px;*/
    text-decoration: none;
}
.search-col .btn-toggle::after {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
  transform: rotate(0);
  
}
.search-col .btn-toggle[aria-expanded="true"]::after {
  transform: rotate(90deg);
}

.search-col span.badge {
  font-weight: 400;
  padding-bottom: 3px;
  background-color: var(--travel-search-filter-badge-bg);
  color: var(--travel-search-filter-badge-text);
}




.search-col .collapse-container .form-check {
    padding-left: 0;
}
.search-col .collapse-container .form-check-data{
  text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px;
    /*padding: 0 10px;*/
}
.search-col .collapse-container .form-check .form-check-input {
    float: none;
    margin-left: 0;
    margin-right: 5px;
}

.search-col .collapse-container .form-check-label {
    display: initial;
}

.search-col .collapse-container span.badge {
  margin-left: 10px;
  font-weight: 400;
  font-size: 11px;
  background-color: var(--travel-search-filter-badge-bg);
  color: var(--travel-search-filter-badge-text);
}


.form-check-input:checked {
    background-color: var(--travel-color-01);
    border-color: var(--travel-color-01);
}


/*  ----  */






.search-helper {
  position: absolute;
  border-radius: 0.5rem; 
  top: 0; 
  right: 0;
  left: 0; 
  border: 1px solid #CCC;
  border-radius: .375rem!important;
  min-height: 100px;
  overflow: hidden;
  background-color: white;
  box-shadow: 0px 0.5rem 1rem 0px rgb(10 10 10 / 15%);
  z-index: 2;
  font-size: 14px;
}
.search-helper .clear {
  position: absolute;
  top: 9px;
  right: 15px;
  cursor: pointer;
}
.search-helper input {
  width: 100%;
  border: 0;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: 1px solid #CCC;
  padding: 8px 40px 8px 15px;
}
.search-helper .title {
  padding: 10px 15px;
  display: none;
  font-weight: 600;
}
.search-helper .results {
  padding: 10px 0;
  display: none;
}
.search-helper .loading {
    display: none;
}
.search-helper .loading img {
  height: 70px;
    padding: 10px;
}


.search-helper .results .item {
  display: flex;
  margin-bottom: 3px;
  font-size: 13px;
  cursor: pointer;
  padding: 2px 15px;
}
.search-helper .results .item:hover {
  background-color: #fff3de;
}
.search-helper .results .item .icon {
  padding-right: 12px;
  color: #888;
}
.search-helper .results .item .name {
  font-weight: 600;
}
.search-helper .results .item .description {
  font-size: 12px;
  color: #055c9d;
}








/* Travelers dropdown */
.ddtravelers-cont .ddt-col1 {
  line-height: 43px;
}
.ddtravelers-cont .ms-adults, .ddtravelers-cont .ms-children {
  line-height: 36px;
}
.travelersObj.dropdown-toggle::after {
  content: none;
}
.ddtravelers-cont {
  width: 400px;
}
.travelersObj.box {
  display: block;
  border: 1px solid var(--travel-border-03); 
  padding: 13px 20px 10px 40px; 
  font-size: 14px; 
  height: 49px;
  background-color: white;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ddtravelers-cont .child-ages-cont {
    font-size: 14px;
}
.ddtravelers-cont .child-ages-cont input {
    font-size: 14px;
    text-align: center;
    background-color: #F6F6F6;
    border-bottom: 1px solid #F0F0F0;
}

.ddtravelers-cont .child-ages-cont label {
    right: 0;
    text-align: center;
}

.ddtravelers-cont .form-floating>.form-control, 
.ddtravelers-cont .form-floating>.form-control-plaintext, 
.ddtravelers-cont .form-floating>.form-select {
    height: calc(4rem + calc(var(--bs-border-width) * 2));
    line-height: 1.25;
}

.ddtravelers-cont .form-control {
  border: 0;
  font-size: 1rem;
  background-color: rgba(255,255,255,.9);
  border-bottom: 1px solid #055c9d;
  margin: 0;
  padding: 8px;
  box-shadow: none;
}








.infoHero {
  position: relative;  
}
.infoHero .maincontainer {
  position: relative;
  /*background-image: url('../temp/bg07.jpg');*/
  background-position: center;
  background-size: cover;
  height: 50vh;
}
.infoHero.infoHero-sm .maincontainer {
  height: 300px;
}
.infoHero.infoHero-lg .maincontainer {
  height: 65vh;
}

.infoHero .hero-divider {
  border-bottom: 1px solid white;
  width: 100%;
  opacity: .5;
  margin: 10px 0;
}
.infoHero .maincontainer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(#00000000 0%, #00000000 50%, #00000099 75%, #000000BB 100%);
  z-index: 0;
}
.infoHero.infoHero-sm .maincontainer:before {
  background: linear-gradient(#00000000 0%, #000000BB 100%);
}

.infoHero .maincontainer .container {
  z-index: 1;
}


.infoHero .hero-text-container .title {
  font-family: 'Lora', serif;
  font-weight: 600;

  line-height: 2.6rem;
  color: white;
  margin-bottom: 5px;
}
.infoHero .hero-text-container .subtitle {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: white;
}


.infoHero .hero-items>div {
  font-family: 'Lato', sans-serif;
  padding-right: 30px;
  text-align: left;
  font-weight: 400;
}



.infoHero .hero-btn {
  padding: 10px 45px;
  font-weight: 600;
}

.infoHero .button-container .btn {
    background-color: #F7BE16;
    color: #003060;
    box-shadow: rgb(0 0 0 / 45%) 0px 25px 20px -20px;
    border: 0;
    padding: 10px 70px;
    font-weight: 600;
    font-size: 16px;
}
.infoHero .button-container .btn:hover {
  background-color: white;
  color: #003060;
  box-shadow: none;
}


.travel-btn {
  padding: 10px 45px;
  font-weight: 600;
}

.travel-btn {
  background-color: var(--travel-color-01);
  color: #FFF;
  box-shadow: rgb(0 0 0 / 35%) 0px 25px 20px -20px;
  border: 0;
  padding: 10px 70px;
  font-weight: 600;
  font-size: 16px;
  padding: 10px 45px;
}
.travel-btn:hover {
  background-color: var(--travel-color-07);
  color: #FFF;
  box-shadow: none;
}



.mainHero {
  position: relative;  
  background-position: center;
  background-size: cover;
}
.mainHero .maincontainer {
  position: relative;
  /*background-image: url('../img/bg02.jpg');*/
  background-position: center;
  background-size: cover;
  min-height: 75vh;
}
.mainHero .hero-divider {
  position: absolute; 
  bottom: 0; 
  width: 100%;
  pointer-events: none;
}
.mainHero .hero-text-container .title {
  font-family: 'Lora', serif;
  font-weight: 700;
  font-size: 4.6rem;
  line-height: 4.6rem;
  color: white;
}
.mainHero .hero-text-container .subtitle {
  font-family: 'Lato', sans-serif;
  font-size: 1.5rem;
  color: white;
}

@media (max-width: 767px){
  .mainHero .hero-text-container .title {
    font-size: 3rem;
  }
  .mainHero .hero-text-container .subtitle {
    font-size: 1rem;
  }
}



.mainHero .search-container {
  border-radius: 10px;
  /*background-color: rgba(5,92,157,.5);*/
  /*background-color: #F7BE16;*/
  /*background-color: rgba(247,190,22,.6);*/
  /*background-color: rgba(0,0,0,.4);*/
  background-color: rgb(0 48 96 / 45%);
  /*background-color: rgba(255,255,255,.4);*/
  /*color: black;*/
  font-size: 14px;
}
.mainHero .button-container .btn {
  background-color: #F7BE16;
  color: #003060;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  border: 0;
  padding: 12px 90px;
  font-weight: 600;
  font-size: 18px;
}
.mainHero .button-container .btn:hover {
  background-color: white;
  color: #003060;
  box-shadow: none;
  box-shadow: rgb(0 0 0 / 45%) 0px 15px 15px -15px;
}

.mainHero .search-container .form-label {
  color: white;
}
.mainHero .search-container .form-check-label {
    color: white;
}



.mainHero .form-control {
  border: 0;
  font-size: 1rem;
  background-color: rgba(255,255,255,.9);
  border-bottom: 1px solid #055c9d;
  margin: 0;
  padding: 8px;
  box-shadow: none;
}

.mainHero .form-select {
  box-shadow: none;
}
.mainHero .input-group-text {
  background-color: rgba(255,255,255,.9);
  border: 0;
  border-bottom: 1px solid #055c9d;
  margin: 0;
  color: #003060;
}
.mainHero .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin: 0;
}

.mainHero .form-select {
  border: 0;
  
  font-size: 1rem;
  background-color: rgba(255,255,255,.9);
  border-bottom: 1px solid #055c9d;
  margin: 0;
  padding: 8px;
}

.mainHero .input-group>.form-control {
    border-top-right-radius: .375rem!important;
    border-bottom-right-radius: .375rem!important;
}


#videobg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
}








.reviews .bi.bi-star {
  color: var(--travel-star);
  width: 14px;
  height: 14px;
}
.reviews i {
  color: var(--travel-star);
}

.long-slider .card {
  cursor: pointer;
}
.long-slider .card.card-img-scale .card-img-scale-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: relative;
    overflow: hidden;

}
.long-slider .card.card-img-scale:hover img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}
.long-slider .card.card-img-scale img {
    -webkit-transition: all 0.3s ;
    transition: all 0.3s ;
    -webkit-transform: scale(1.001);
    transform: scale(1.001);
    height: 360px;
    object-fit: cover;
}

.long-slider.long-slider-subitems a {
  color: #444;
  background-color: #FBFBFB;
  transition: background-color .5s;
}
.long-slider.long-slider-subitems a:hover {
  color: var(--travel-color-01);
  background-color: #EEE;
}

.short-slider .card {
  cursor: pointer;
}
.short-slider .card.card-img-scale .card-img-scale-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: relative;
    overflow: hidden;

}
.short-slider .card.card-img-scale:hover img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}
.short-slider .card.card-img-scale img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(1.001);
    transform: scale(1.001);
    height: 160px;
    object-fit: cover;
}





.parallax {
  /*min-height: 300px;*/
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax .pbg-50 {
  background-color: rgb(0 48 96 / 50%);
}
.parallax .pbgdark-20 {
  background-color: rgb(0 0 0 / 20%);
}




.picgrid {
  display: grid;
  width: 100%;
  height: 100%;
  height: 70vh;   /* ToDo: only wide */
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
.picgrid .grid-item {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.picgrid .grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.picgrid .grid-item1  { grid-area: 1 / 1 / 2 / 2; }
.picgrid .grid-item2  { grid-area: 1 / 2 / 2 / 3; }
.picgrid .grid-item3  { grid-area: 2 / 1 / 3 / 2; }
.picgrid .grid-item4  { grid-area: 2 / 2 / 3 / 3; }
.picgrid .grid-item5  { grid-area: 3 / 1 / 4 / 2; }
.picgrid .grid-item6  { grid-area: 3 / 2 / 4 / 3; }
.picgrid .grid-item7  { display: none; }
.picgrid .grid-item8  { display: none; }
.picgrid .grid-item9  { display: none; }
.picgrid .grid-item10 { display: none; }

@media (min-width: 800px){

  .picgrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(6, 1fr);
  }

  .picgrid .grid-item1  { display: block; grid-area: 1 / 1 / 3 / 3; }
  .picgrid .grid-item2  { display: block; grid-area: 3 / 1 / 5 / 3; }
  .picgrid .grid-item3  { display: block; grid-area: 1 / 3 / 5 / 5; }
  .picgrid .grid-item4  { display: block; grid-area: 5 / 1 / 7 / 2; }
  .picgrid .grid-item5  { display: block; grid-area: 5 / 2 / 7 / 3; }
  .picgrid .grid-item6  { display: block; grid-area: 5 / 3 / 7 / 4; }
  .picgrid .grid-item7  { display: block; grid-area: 5 / 4 / 7 / 5; }
  .picgrid .grid-item8  { display: none; }
  .picgrid .grid-item9  { display: none; }
  .picgrid .grid-item10 { display: none; }

}

@media (min-width: 1400px){

  .picgrid {
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }

  .picgrid .grid-item1  { display: block; grid-area: 1 / 1 / 3 / 3; }
  .picgrid .grid-item2  { display: block; grid-area: 3 / 1 / 5 / 3; }
  .picgrid .grid-item3  { display: block; grid-area: 1 / 3 / 5 / 5; }
  .picgrid .grid-item4  { display: block; grid-area: 1 / 5 / 3 / 7; }
  .picgrid .grid-item5  { display: block; grid-area: 1 / 7 / 3 / 9; }
  .picgrid .grid-item6  { display: block; grid-area: 3 / 5 / 5 / 9; }
  .picgrid .grid-item7  { display: block; grid-area: 1 / 9 / 2 / 10; }
  .picgrid .grid-item8  { display: block; grid-area: 2 / 9 / 3 / 10; }
  .picgrid .grid-item9  { display: block; grid-area: 3 / 9 / 4 / 10; }
  .picgrid .grid-item10 { display: block; grid-area: 4 / 9 / 5 / 10; }


}












.gridBox {
  display: grid;
  grid-template-columns: 1;
  grid-template-rows: 1;
  width: 100%;
  height: 100%;
  grid-gap: 10px;
  min-height: 70vh;   /* ToDo: only wide */
}
.gridBox .grid-item {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.gridBox .grid-item .grid-overlay-bg {
  background: linear-gradient(#00000099 0%, #00000000 50%, #00000000 65%, #00000099 100%);
  transition: all 0.5s;
   opacity: .5;
}
.gridBox .grid-item .grid-overlay-bg-large {
  background: linear-gradient(#00000099 0%, #00000055 15%, #00000000 35%, #00000000 75%, #00000099 100%);
  transition: all 0.5s;
   opacity: .5;
}

.gridBox .grid-item:hover .grid-overlay-bg {
  opacity: .98;
}
.gridBox .grid-item:hover .grid-overlay-bg-large {
  opacity: .98;
}


@media (min-width: 800px){
  .gridBox {
    display: grid;
    grid-template-columns: 2;
    grid-template-rows: 4;
  }
  .gridBox .grid-item1 {
    grid-column: 1/1;
    grid-row: 1/1;
  }
  .gridBox .grid-item2 {
    grid-column: 2/3;
    grid-row: 1/3;
  }
  .gridBox .grid-item5 {
    grid-column: 1/2;
    grid-row: 2/2;
  }
  .gridBox .grid-item3 {
    grid-column: 1/1;
    grid-row: 3/4;
  }
  .gridBox .grid-item4 {
    grid-column: 2/2;
    grid-row: 3/4;
  }
  .gridBox .grid-item6 {
    grid-column: 1/3;
    grid-row: 4/4;
  }
}


@media (min-width: 1400px){ 
  .gridBox {
    grid-template-columns: 4;
    grid-template-rows: 2;
  }
  .gridBox .grid-item1 {
    grid-column: 1/1;
    grid-row: 1/2;
  }
  .gridBox .grid-item2 {
    grid-column: 2/3;
    grid-row: 1/3;
  }
  .gridBox .grid-item5 {
    grid-column: 1/2;
    grid-row: 2/2;
  }
  .gridBox .grid-item3 {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .gridBox .grid-item4 {
    grid-column: 4/4;
    grid-row: 1/2;
  }
  .gridBox .grid-item6 {
    grid-column: 3/5;
    grid-row: 2/2;
  }
}



.shadow-hover {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    transition: all .5s;
}
.shadow-hover:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.cursor-pointer {
  cursor: pointer;
}



.main-subscribe {
  width: 100%;
  max-width: 400px;
  padding: 8px 15px;
  border-radius: 20px;
  border: 0;
  border-bottom: 3px solid #055c9d;
}

footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.breadcrumb a {
  text-decoration: none;
  color: #666;
}
.breadcrumb a:hover {
  color: #055c9d;
}






.results-col .item .title {
    color: var(--travel-results-item-title);
}
.results-col .item .subtitle {
    color: var(--travel-results-item-subtitle);
}

.results-col .item .pill-info {
  display: inline-block;
  border: 1px solid #EEE;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 20px;
  padding: 2px 15px;
  box-shadow: 0 0.1rem 0.25rem rgba(var(--bs-body-color-rgb),.025);
}
.infoHero .hero-items .pill-info {
  display: inline-block;
  border: 1px solid #EEE;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 20px;
  padding: 2px 15px;
  box-shadow: 0 0.1rem 0.25rem rgba(var(--bs-body-color-rgb),.025);
}




.results-col .item .map-cont img {
  border: 1px solid #c5c5c5;
}


.results-price1 {
    font-size: 16px;
    font-weight: 400;
    color: var(--travel-prece-strike);
}
.results-price2 {
    font-size: 26px;
    font-weight: 600;
    color: var(--travel-price-low);
    line-height: 100%;
}
.results-compact .results-price1 {
    font-size: 18px;
    font-weight: 300;
    color: var(--travel-prece-strike);
    display: inline-block;
}
.results-compact .results-price2 {
    font-size: 26px;
    font-weight: 600;
    color: var(--travel-price-low);
    line-height: 100%;
}
.results-price-sub {
    font-size: 14px;
    font-weight: 300;
    color: var(--travel-soft);
}
.results-recom {
    font-size: 14px;
    color: var(--travel-accent);
}



.tab-info .tab-col>div {
  border-bottom: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
}
.tab-info .tab-col>div:first-child {
  border-bottom: 3px solid var(--travel-color-01);
  border-right: 0;
}
.tab-info .tab-col>div:last-child {
  border-bottom: 0;
}
.tab-info .tab-col-item:last-child>div {
  border-right: 0;
}




.tab-col-item>div {
  transition: all .3s; 
}

.tab-col-item>div, .tab-col-label>div {
  padding: 5px 10px;
  display: flex;
  justify-content: center;
  flex-flow: column nowrap;
  white-space: nowrap;
  height: 50px;
}

.tab-col-item>*:nth-child(even), .tab-col-label>*:nth-child(even) {
    background: #f7f7f7;
}

.tab-col-label>div {
  width: 150px;
}
.tab-col-item>div {
  align-items: center;
  font-size: 16px;
  font-weight: 800;
  color: #686868;
}
.tab-col-item .tab-date {
  font-size: 12px;
  font-weight: 600;
}
.tab-col-item .tab-col-label>div {
  font-size: 13px;
  font-weight: 500;
  color: #888;
  font-weight: 600;
}
.tab-col-item>div:not(:first-child):hover {
  background-color: #EEE;
  cursor: pointer;
}

.tab-col-item .best-price-color {
  color: #2dab00;

}


.tab-info-lg .tab-col-label>div {
  width: 200px;
}
.tab-info-lg .tab-col-item>div, .tab-info-lg .tab-col-label>div {
  padding: 15px 15px;
  height: 60px;
}
.tab-info-lg .tab-col-item>div {
  align-items: center;
  font-size: 18px;
  font-weight: 700;
}
.tab-info-lg .tab-col-item .tab-date {
    font-size: 14px;
    font-weight: 600;
}
















.cruise-modal .company img {
  height: 25px;
  vertical-align: -7px;
}
.cruise-modal .title {
  font-size: 16px;
}

.cruise-modal .item {
  border: 1px solid #CCC;
  border-radius: 4px;
}
.cruise-modal .item .title {
  color: var(--travel-results-item-title);
}
.cruise-modal .vertical-line {
  border-left: 1px solid #CCC; 
  margin: 0 auto; 
  display: inline-block;
}
.cruise-modal .class-container {
  background-color: #FAFAFA; 
  margin: 5px;
  font-size: 13px;
}





#searchingModal .modal-dialog {
  max-width: 380px;
  margin: auto;
}
#searchingModal .modal-content {
  height: 100vh;
  max-height: 50vh;
  color: white;
}
#searchingModal .searching-icon {
  height: 45px;
}
#searchingModal .modal-content {
  border: 0;
  background-size: cover;
  background-position: center;
}
#searchingModal .modal-content .modal-body {
  border-radius: 10px;
}
#searchingModal .searching-cont .title {
  text-shadow: 1px 1px 5px #456c93;   
}





.btn-book {
    background-color: var(--travel-results-button-bg);
    color: var(--travel-results-button-text);
    border-radius: 5px;
}
.btn-book:hover {
    background-color: var(--travel-results-button-hover-bg);
    color: var(--travel-results-button-hover-text);
}



.support-bar img {
  max-height: 240px;
}




.support-bar {
  color: #555;
}
.support-title {
  font-family: 'Lora', serif;
  font-weight: 700;
  font-size: 4rem;
  line-height: 4.6rem;
  color: #333;
}




















  .cd-container {
    font-family: "Open Sans", sans-serif;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0;
    border-radius: 2px;
  }

  .cd-container:after {
    content: "";
    display: table;
    clear: both;
  }


  .cd-timeline {
    position: relative;
    padding: 0;
    margin: 0;
  }



  .cd-timeline.cd-timeline-bg:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 4px;
    bottom: 0px;
    width: 26px;
    background: #ededed;
    border-radius: 20px;
  }
  /*
  .cd-timeline-cont:before {
    content: "";
    position: absolute;
    top: 18px;
    left: 16px;
    bottom: 25px;
    width: 2px;
    background: #0092ff;
  }
*/


.cd-timeline-block:before {
  content: "";
  position: absolute;
  top: 22px;
  left: 16px;
  width: 2px;
  height: 100%;
  background: #0092ff;
}

.cd-timeline-block:last-child:before {
  height: calc(100% - 22px - 22px);
}
.cd-timeline-block.cd-timeline-close:before {
  height: calc(100% - 22px - 22px);
}
.cd-timeline-block:not(.cd-force-line):last-child:before {
  content: none;
}
.cd-timeline-block.cd-no-line:before {
  content: none;
}

.timeline-dates-cont.timeline-dates-no-line:before {
  content: none;
}


.cd-single-item .cd-timeline-cont:before {
  content: none;
}
.cd-single-item .timeline-dates-cont:before {
  content: none;
}
.cd-single-item.cd-timeline-no-arrow .cd-timeline-content {
  margin-left: 0;
}
.cd-single-item .cd-timeline-cont:before {
  content: none;
}


/*
.cd-timeline.single-item:before {
  content: none;
}
.cd-timeline.single-item:after {
  content: none;
}
*/

.results-col .item.selected {
  border-bottom: 4px solid var(--travel-results-button-bg)!important;
}




  .cd-timeline-block {
    position: relative;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
  }

  .cd-timeline-block:after {
    content: "";
    display: table;
    clear: both;
  }

  .cd-timeline-block:first-child {
    margin-top: 0;
  }

  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
  .cd-timeline-img {
    position: absolute;
    top: 18px;
    left: 12px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #0092ff, inset 0 2px 0 rgb(0 0 0 / 5%), 0 3px 0 4px rgb(0 0 0 / 2%);
    background: #FFF;
  }


  .cd-timeline-img.img-close {
    top: unset;
    bottom: 18px;
    left: 12px;
  }







  .cd-timeline-content {
    position: relative;
    margin-left: 45px;
    background: #FAFAFA;
    border-radius: 2px;
    padding: 1em;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .cd-timeline-no-arrow .cd-timeline-content {
    margin-left: 35px;
  }


  .cd-timeline-content .timeline-content-info {
    padding: 5px 10px;
    color: #CCC;
    font-size: 12px;
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.08);
    border-radius: 2px;
  }
  .cd-timeline-content .timeline-content-info i {
    margin-right: 5px;
  }
  .cd-timeline-content .timeline-content-info .timeline-content-info-title, .cd-timeline-content .timeline-content-info .timeline-content-info-date {
    width: calc(50% - 2px);
    display: inline-block;
  }

  .cd-timeline-content:after {
    content: "";
    display: table;
    clear: both;
  }

  .cd-timeline-content h2 {
    color: #666;;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 14px;
  }

  .cd-timeline-content p, .cd-timeline-content .cd-date {
    color: #CCC;
    font-size: 13px;
    font-size: 0.8125rem;
  }

  .cd-timeline-content .cd-date {
    display: inline-block;
  }

  .cd-timeline-content p {
    margin-bottom: 3px;
    line-height: 1.6;
  }

  .cd-timeline-content:before {
    content: "";
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #FAFAFA;
  }

  .cd-timeline-no-arrow .cd-timeline-content:before {
    content: none;
  }

  @media only screen and (min-width: 1170px) {

    .cd-timeline.cd-timeline-center:before {
      top: 30px;
      left: 50%;
      margin-left: -2px;
    }
/*
    .cd-timeline-center .cd-timeline-cont:before {
      top: 28px;
      bottom: 35px;
      left: calc(50% - 2px);
    }
*/
    .cd-timeline-center .cd-timeline-block:before {
      top: 28px;
      bottom: 35px;
      left: calc(50% - 2px);
    }


    .cd-timeline-center .cd-timeline-block {
      margin: 0;
      margin-top: -10px;
      margin-bottom: 0;
    }

    .cd-timeline-center .cd-timeline-block:first-child {
      margin-top: 0;
    }

    .cd-timeline-center .cd-timeline-block:last-child {
      margin-bottom: 0;
    }

    .cd-timeline-center .cd-timeline-img {
      width: 10px;
      height: 10px;
      left: 50%;
      top: 10px;
      margin-left: -6px;
      margin-top: 18px;
      /* Force Hardware Acceleration in WebKit */
      transform: translateZ(0);
      -webkit-transform: translateZ(0);
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
    }

    .cd-timeline-center .cd-timeline-content {
      color: white;
      margin-left: 0;
      width: 44%;
      margin: 0;
      margin-bottom: 0;
    }

    .cd-timeline-center .cd-timeline-content:before {
      top: 24px;
      left: 100%;
      border-color: transparent;
      border-left-color: #FAFAFA;
    }

    .cd-timeline-content .cd-date {
      position: absolute;
      width: 100%;
      left: 122%;
      top: 6px;
      font-size: 16px;
      font-size: 1rem;
    }

    .cd-timeline-center .cd-timeline-block:nth-child(even) .cd-timeline-content {
      float: right;
      text-align: left;
    }

    .cd-timeline-center .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
      top: 24px;
      left: auto;
      right: 100%;
      border-color: transparent;
      border-right-color: #FAFAFA;
    }

    .cd-timeline-center .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
      float: right;
    }

    .ncd-timeline-center .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
      left: auto;
      right: 122%;
      text-align: right;
    }
  }



  @media (max-width: 500px) {
    .cd-timeline-content .timeline-content-info .timeline-content-info-title, .cd-timeline-content .timeline-content-info .timeline-content-info-date {
      display: block;
      width: 100%;
    }
  }




.timeline-dates-cont:before {
  content: "";
  position: absolute;
  width: 2px;
  top: 80px;
  bottom: 60px;
  left: calc(50% - 1px);
  background: #DDD;
}

.cd-continue-item .timeline-dates-cont:before {
  bottom: 0;
}



.cd-timeline-tlogo {
  border: 1px solid #EEE;
  width: 45px; 
  height: 45px; 
  object-fit: contain; 
  padding: 2px; 
  position: absolute; 
  bottom: 10px; 
  right: 10px; 
  background-color: white;
}
.cd-timeline-block .card-img-top {
  height: 160px; 
  object-fit: cover;
}
.cd-timeline-tlogo.logo-large-center {
  width: 85px; 
  height: 85px;
  left: calc(50% - 42px);
  right: auto; 
}



.cdtb-bottom-white {
  border-bottom: 4px solid white;
}











.thin-scroll::-webkit-scrollbar {
    width: 5px;
}
.thin-scroll::-webkit-scrollbar-thumb {
    background: #DDD;
    border-radius: 10px;
    transition: all 3s;
    opacity: .5;
}
.thin-scroll::-webkit-scrollbar-thumb:hover {
    background: #AAA;
    opacity: 1;
}


.service-item {
    display: inline-block;
    border-radius: 3px;
    width: 32px;
    height: 32px;
    background-color: white;
    margin-right: 5px;
    margin-bottom: 10px;
    text-align: center;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.service-item i {
    font-size: 18px;
    color: var(--travel-color-01);
}




.travel-steps .title {
  display: block;
}
.travel-steps .active .title {
  display: none;
}
.travel-steps .title-active {
  display: none;
}
.travel-steps .active .title-active {
  display: block;
}
.travel-steps .subtitle {
  display: none;
}
.travel-steps .active .subtitle {
  display: block;
}
.travel-steps .data {
  display: none;
}
.travel-steps .active .data {
  display: block;
}
.travel-steps .result {
  display: none;
}
.travel-steps .active .result {
  display: none;
}
.travel-steps .title {
  opacity: .5;
}

.travel-steps .completed .title {
  opacity: 1;
}

.travel-steps .completed .result {
  display: block;
}




.results-price2 {
    font-size: 26px;
    font-weight: 400;
    color: var(--travel-price-low);
}
.results-compact .results-price2 {
    font-size: 22px;
    font-weight: 400;
    color: var(--travel-price-low);
    display: inline-block;
}

.checkout-name {
    font-size: 20px;
    font-weight: 300;
    color: var(--main-color);
}

.color-accent {
    color: var(--travel-accent);
}
.color-alert {
    color: var(--travel-alert);
}


.selectedtt {
  margin-top: 5px; 
  background-color: #1177c3; 
  color: white; 
  border-radius: 20px; 
  padding: 1px 15px; 
  display: inline-block; 
  margin-right: -10px;
}



.shipLocation {
  background-size: 85%;
  background-position: center;
  background-repeat: no-repeat;
  height: 300px;
}

.shipLocation .col {
  border: 1px solid #CCC;
}
.shipLocation .col:not(:last-child) {
  border-right: 0;
}
.shipLocation .row:not(:last-child) .col {
  border-bottom: 0;
}

.shipLocation label {
  height: 100%;
  border: 0;
  border-radius: 0;
  color: #666;
}
.shipLocation .btn-check+.btn:hover {
  color: #000;
}
.shipLocation .btn-check:checked+.btn, 
.shipLocation .btn.active, 
.shipLocation .btn.show, 
.shipLocation .btn:first-child:active, 
.shipLocation :not(.btn-check)+.btn:active {
  color: #000;
  background-color: #006bff1a;
}


.map-border {
  border: 1px solid #c5c5c5;
}







/* dynamic-bar */
/*
.dynamic-bar {
  border-radius: 25px;
  overflow: hidden;
}
.dynamic-bar li {
  flex: auto;
  cursor: pointer;
  background-color: #d4d8df;
  color: #666;
  line-height: 100%;
  padding: 9px 20px;
  border: 0;
}

.dynamic-bar li.open {
  background-color: var(--travel-color-01);
  color: white;
}
.dynamic-bar li.open svg {
  fill: white;
}
*/
/*
.dynamic-bar li.open:not(:last-child) .arrow:before {
  content: "";
  border-top: 16px solid #FFF;
  border-bottom: 16px solid #FFF;
  border-left: 10px solid #00800000;
  position: absolute;
  top: 0; bottom: 0; right: 1px;
  width: 11px;
}
.dynamic-bar li.open:not(:last-child) .arrow:after {
  content: "";
  border-top: 16px solid #d4d8df;
  border-bottom: 16px solid #d4d8df;
  border-left: 10px solid #00800000;
  position: absolute;
  top: 0; bottom: 0; right: 0;
  width: 11px;
}

.dynamic-bar li:not(.open):not(:last-child) .arrow:before {
  content: "";
  border-top: 16px solid #FFF;
  border-bottom: 16px solid #FFF;
  border-left: 10px solid #00800000;
  border-right: 0;
  position: absolute;
  top: 0; bottom: 0; right: 1px;
  width: 11px;
}
.dynamic-bar li:not(.open):not(:last-child) .arrow:after {
  content: "";
  border-top: 16px solid #d4d8df;
  border-bottom: 16px solid #d4d8df;
  border-left: 10px solid #00800000;
  border-right: 0;
  position: absolute;
  top: 0; bottom: 0; right: 0;
  width: 11px;
}
*/

.dynamic-bar {
  border-radius: 25px;
  overflow: hidden;
}
.dynamic-bar li {
  flex: auto;
  cursor: pointer;
  background-color: #d4d8df;
  color: #666;
  line-height: 100%;
  padding: 9px 20px;
  border: 0;
  background-color: var(--travel-color-01);
  color: white;
}
.dynamic-bar li:not(:last-child) .arrow:before {
  content: "";
  border-top: 16px solid #FFF;
  border-bottom: 16px solid #FFF;
  border-left: 10px solid #00800000;
  position: absolute;
  top: 0; bottom: 0; right: 1px;
  width: 11px;
}
.dynamic-bar li:not(:last-child) .arrow:after {
  content: "";
  border-top: 16px solid var(--travel-color-01);
  border-bottom: 16px solid var(--travel-color-01);
  border-left: 10px solid #00800000;
  position: absolute;
  top: 0; bottom: 0; right: 0;
  width: 11px;
}
/* open */
.dynamic-bar li.open:not(:last-child) .arrow:before {
  content: "";
  border-top: 16px solid #FFF;
  border-bottom: 16px solid #FFF;
  border-left: 10px solid #00800000;
  position: absolute;
  top: 0; bottom: 0; right: 1px;
  width: 11px;
}
.dynamic-bar li.open:not(:last-child) .arrow:after {
  content: "";
  border-top: 16px solid #d4d8df;
  border-bottom: 16px solid #d4d8df;
  border-left: 10px solid #00800000;
  position: absolute;
  top: 0; bottom: 0; right: 0;
  width: 11px;
}
/* after open */
.list-group .list-group-item.open ~ .list-group-item {
  background-color: #d4d8df;
  color: #666;
}
.list-group .list-group-item.open ~ .list-group-item:not(:last-child) .arrow:before {
  content: "";
  border-top: 16px solid #FFF;
  border-bottom: 16px solid #FFF;
  border-left: 10px solid #00800000;
  border-right: 0;
  position: absolute;
  top: 0; bottom: 0; right: 1px;
  width: 11px;
}
.list-group .list-group-item.open ~ .list-group-item:not(:last-child) .arrow:after {
  content: "";
  border-top: 16px solid #d4d8df;
  border-bottom: 16px solid #d4d8df;
  border-left: 10px solid #00800000;
  border-right: 0;
  position: absolute;
  top: 0; bottom: 0; right: 0;
  width: 11px;
}



.list-group .list-group-item .description {
  display: none;
}
.list-group .list-group-item i {
  display: inline;
}
.list-group .list-group-item {
  text-align: center;
}


@media (min-width: 992px) {
  .list-group .list-group-item {
    text-align: left;
  }
  .list-group .list-group-item .description {
    display: inline;
  }
  .list-group .list-group-item i {
    display: none;
  }  
}

.list-group .list-group-item .bi::before {
    line-height: 0;
}


















.results-p0 .carousel {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
@media (min-width: 992px){
  .results-p0:not(.results-vertical) .carousel {
      border-radius: 5px 0 0 5px;
      overflow: hidden;
  }
}





.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    width: 36px;
    height: 36px;
}

.daterangepicker .drp-calendar {
    max-width: 340px;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    font-size: 14px;
}


.daterangepicker td.start-date.end-date {
    border-radius: 100%;
}


.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff;
    border-radius: 100%;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    width: 45px;
    height: 45px;
}





#slider {
    height: 6px;
}

#slider .noUi-connect {
    background: #31a2f7;
}

#slider .noUi-handle {
    background: var(--travel-color-01);
    height: 13px;
    width: 13px;
    top: -5px;
    right: -6px; /* half the width */
    border-radius: 10px;
    border: 0;
    box-shadow: none;
}
.noUi-handle:after, .noUi-handle:before {
    content: none;
}
#slider .noUi-tooltip {
    display: none;
}
#slider .noUi-active .noUi-tooltip {
    display: block;
}


.trip-badge {
  position: absolute;
  background-color: #666;
  color: #FFF;
  top: -14px;
  top: 0;
  left: 7px;
  border-radius: 35px;
  padding: 2px 10px;
  font-size: 12px;
}
.trip-icon {
  position: absolute;
  right: 10px;
  top: 20px;
  color: #FFF;
  font-size: 20px;
  opacity: .8;
}
.trip-icon2 {
  position: absolute;
  right: 15px;
  top: 12px;
  color: #FFF;
  font-size: 20px;
  opacity: .8;
}






.travel-calendar-cont h3 {
  font-size: 20px;
}


.travel-calendar {
  background-color: white;
  border-radius: 4px;
  overflow: hidden;
}
.travel-calendar .titles {
  background-color: var(--travel-color-01);
  color: white;
  font-size: 11px;
  text-align: center;
}
.travel-calendar .day-title {
    padding: 5px 3px 3px 3px;
}

.travel-calendar .day {
  text-align: center;
  padding: 3px;
  font-size: 11px;
  border: 1px solid #FAFAFA;
  min-height: 55px;
  color: #BBB;
  cursor: pointer;
  transition: all .5s;
}
.travel-calendar .day:hover {
  background-color: #e3f3ff;
}


.travel-calendar .daydata {
  margin-top: 5px;
  font-size: 13px;
  overflow: hidden;
  color: #333;
}
.travel-calendar .day.na .daydata {
  color: #BBB;
  background-color: #FAFAFA;
}

.travel-calendar .day.last-month, 
.travel-calendar .day.next-month,
.travel-calendar .day.na
 {
  background-color: #FAFAFA;
}


.travel-calendar .daydata.bestday {
  font-weight: 600;
  color: #3A3;
}


.car-items {
  color: #AAA;
  font-size: 12px;
}


.flight-company-img {
  width: 100%;
  max-height: 40px; 
  object-fit: contain;
}



.results-col .item .stops-direct {
  color: #666;
  margin: 10px 0;
}
.results-col .item .stops-1 {
  color: #666;
  margin: 10px 0;
}
.results-col .item .stops-2 {
  color: #666;
  margin: 10px 0;
}



.item .show-details .bi-chevron-down::before {
    transform: translateY(1px);
    margin-right: 5px;
    transition: all .5s;
}
.item.open .show-details .bi-chevron-down::before {
  transform: translateY(1px) rotate(180deg);
}

.item .details {
  display: none;
}
.item.open .details {
  display: block;
}

.show-details.open .bi-chevron-down::before {
  transform: translateY(1px) rotate(180deg);
}















.trip-matrix-cont h3 {
  font-size: 20px;
}

.trip-matrix {
  background-color: white;
  border-radius: 4px;
  overflow: hidden;
}

.trip-matrix .day-title {
  padding: 8px 5px 5px 5px;
  font-size: 12px;
  text-align: center;
  border-bottom: 3px solid var(--travel-color-01);
}
.trip-matrix .day-title-end {
  padding: 8px 5px 5px 5px;
  font-size: 12px;
  text-align: center;
  border-left: 2px solid #DDD;
  border-bottom: 1px solid #E6E6E6;
}


.trip-matrix .day {
  text-align: center;
  padding: 10px 7px 7px 7px;
  font-size: 12px;
  color: #333;
  cursor: pointer;
  transition: all .5s;
  overflow: hidden;
  
  align-items: center!important;
  justify-content: center!important;
  height: 100%!important;
  display: flex!important;
  
  border-bottom: 1px solid #E6E6E6;
}
.trip-matrix .day:hover {
  background-color: #e3f0ff;
}


.trip-matrix .day.na {
  color: #BBB;
  background-color: #FAFAFA;
}

.trip-matrix .day.cheaper {
  color: var(--main-color-accent);
  font-weight: 600;
}
.trip-matrix .day.expensive {
  color: red;
  font-size: 12px;
}



.trip-matrix .row:nth-child(even){
    background: #f7f7f7;
}





.trip-matrix-cont-a h3 {
  font-size: 20px;
}

.trip-matrix-cont-a .row {
  flex-wrap: nowrap;
}

.trip-matrix-airlines {
  background-color: white;
  border-radius: 4px;
  overflow: hidden;
}
.trip-matrix-airlines .titles .col {
  width: 120px;
}
.trip-matrix-airlines .day-title {
  padding: 8px 5px 5px 5px;
  background-color: #9f968a; /*var(--main-color);*/
  color: white;
  font-size: 13px;
  text-align: center;
}

.trip-matrix-airlines .day {
  text-align: center;
  padding: 10px 7px 7px 7px;
  font-size: 12px;
  color: #333;
  cursor: pointer;
  transition: all .5s;
  overflow: hidden;
  align-items: center!important;
  justify-content: center!important;
  height: 100%!important;
  display: flex!important;
  width: 120px;
}
.trip-matrix-airlines .day:hover {
  background-color: #e3f0ff;
}


.trip-matrix-airlines .day.na {
  color: #BBB;
  background-color: #FAFAFA;
}

.trip-matrix-airlines .day.cheaper {
  color: var(--main-color-accent);
  font-weight: 600;
}
.trip-matrix-airlines .day.expensive {
  color: red;
  font-size: 12px;
}


.trip-matrix-airlines th {
  padding: 10px 5px;
  vertical-align: middle;
  text-align: center;
  border-bottom: 3px solid var(--travel-color-01);
}
.trip-matrix-airlines tr {
  border-bottom: 1px solid #EEE;
}
.trip-matrix-airlines tr:nth-child(even) {
    background: #f7f7f7;
}

.trip-matrix-airlines td {
  vertical-align: middle;
  padding: 0;
  height: 38px;
}

.trip-matrix-airlines th img {
  max-width: 110px;
  max-height: 40px;
}
.trip-matrix-airlines .title {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  min-width: 120px;
  color: var(--main-color);
}











.trip-table1 {
  background-color: white;
  border-radius: 4px;
}

.trip-table1 .day {
  text-align: left;
  padding: 5px 10px;
  font-size: 12px;
  color: #333;
  cursor: pointer;
  transition: all .5s;
  overflow: hidden;
}


.trip-table1 th {
  padding: 5px 12px;
  vertical-align: middle;
  text-align: left;
  border-bottom: 3px solid var(--travel-color-01);
}
.trip-table1 tr {
  border-bottom: 1px solid #EEE;
}
.trip-table1 tr:nth-child(even) {
    background: #f7f7f7;
}

.trip-table1 td {
  vertical-align: middle;
  text-align: left;
  padding: 6px 12px;
  font-size: 12px;
}

.trip-table1 .title {
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  color: var(--main-color);
}



.details-cont-1 {
  background-color: #F0F4F6;
  padding: 15px;
  border-radius: 10px;
  /*border-bottom-right-radius: var(--bs-card-border-radius);*/
  /*border-bottom-left-radius: var(--bs-card-border-radius);*/
}
.details-cont-2 {
  background-color: white;
  border-radius: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.details-sub-1 {
  border-top: 1px solid #F2F6F8;
  border-bottom: 1px solid #F2F6F8;
}








@media (min-width: 992px) {

  nav .dropdown-center .dropdown-multi.dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
  }

}




















/* navbar toggler */
.navbar-toggler {
    width: 25px;
    height: 16px;
    position: relative;
    transition: .5s ease-in-out;
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
    border: 0;
    position: relative;
}

.navbar-toggler span {
    margin: 0;
    padding: 0;
}

.toggler-icon {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #FAFAFA;
    border-radius: 1px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

.middle-bar {
    margin-top: 0px;
}


/* State when the navbar is collapsed */

.navbar-toggler.collapsed .top-bar {
    position: absolute;
    top: 0px;
    transform: rotate(0deg);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    position: absolute;
    top: 8px;
    filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
    position: absolute;
    top: 16px;
    transform: rotate(0deg);
}

/* when navigation is clicked */

.navbar-toggler .top-bar {
    top: inherit;
    transform: rotate(135deg);
}

.navbar-toggler .middle-bar {
    opacity: 0;
    top: inherit;
    filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
    top: inherit;
    transform: rotate(-135deg);
}

/* Color of 3 lines */

.navbar-toggler.collapsed .toggler-icon {
    background: #FAFAFA;
}





.checkout-col .travel-input {
    border: 1px solid #ced4da;
    background-color: #FAFAFA;
    border-radius: 2px;
    font-size: 14px;
    padding: 0.5rem 0.75rem;
}
.checkout-col .travel-select {
    border: 1px solid #ced4da;
    background-color: #FAFAFA;
    border-radius: 2px;
    font-size: 14px;
    padding: 0.5rem 0.75rem;
}





.checkout-options .form-check-label {
  padding-left: 35px!important;
}

.checkout-options .form-check .form-check-input {
  margin-left: -2.5em;
}








.creditCardMock {
  border-radius: 10px;
  width: 100%;
  max-width: 300px;
  aspect-ratio: 16 / 9.5;
  margin: 0 auto;
  background: #c6ccd0; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #c6ccd0 50%, #b6bec4 51%, #c6ccd0 75%, #c6ccd0 75%);
  background: -webkit-linear-gradient(-45deg,  #c6ccd0 50%,#b6bec4 51%,#c6ccd0 75%,#c6ccd0 75%);
  background: linear-gradient(135deg,  #c6ccd0 50%,#b6bec4 51%,#c6ccd0 75%,#c6ccd0 75%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6ccd0', endColorstr='#c6ccd0',GradientType=1 );
}

.creditCardMock .logo {
  display: inline-block;
  background-color: #96A3AB;
  width: 17%;
  aspect-ratio: 1 / 1;
  margin-top: 6%;
  margin-left: 6%;
  border-radius: 100%;
}
.creditCardMock .number {
  font-size: 30px;
  color: #333;
  margin-top: 3%;
  margin-left: 6%;
}
.creditCardMock .name {
  font-size: 16px;
  color: #333;
  margin-left: 6%;
  float: left;
  max-width: 65%;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 30px;
  white-space: nowrap;
}
.creditCardMock .date {
  font-size: 14px;
  color: #333;
  margin-right: 6%;
  float: right;
}



@media (max-width: 300px) {
  .creditCardMockCont {
    display: none;
  }
}



.offcanvas.offcanvas-flight {
  width: 100%;
  max-width: 800px;
}
.offcanvas.offcanvas-seat {
  width: 100%;
  max-width: 800px;
}

.fareBox {
  border: 1px solid #CCC;
  border-radius: 10px;
  padding: 15px;
}
.fareIcon {
  color: var(--travel-color-10);
  margin-top: -5px;
}


.offcanvas-flight .title {
    color: var(--travel-results-item-title);
}


.faresList .bi-check2::before {
  vertical-align: -4.5px;
  font-size: 17px;
}





.multipleCont .badge {
  font-size: 12px;
  font-weight: 400;
  color: #536376!important;
  margin-right: 3px;
  margin-bottom: 3px;
  padding: 4px 10px;
}
.multipleCont .badge a {
  color: var(--travel-color-01);
  padding: 0px 5px;
}






/* Logo Slide */

@-webkit-keyframes logoScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}
@keyframes logoScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}

.main-logos-container {
  background-color: #EEE;
  height: 120px;
}
.main-logos-container img {
  max-width: 140px;
  max-height: 55px;
  filter: grayscale();
}

.main-logos-container {
  overflow: hidden;
  position: relative;
}

.main-logos-container::before, .main-logos-container::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 120px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.main-logos-container::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.main-logos-container::before {
  left: 0;
  top: 0;
}

.main-logos-container .main-logos {
  -webkit-animation: logoScroll 40s linear infinite;
          animation: logoScroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}
.main-logos-container .slide {
  width: 250px;
  text-align: center;
}





.multi-cont {
  height: calc(100vh - 90px);
  background-color: #FAFAFA;

}



.dropdown-toggle.no-caret::after {
  display: none;
}



.multiDat {
  width: 40px;
  height: 40px;
  background-color: var(--main-color);
  float: left;
  color: white;
  font-size: 12px;
  border-radius: 100%;
  padding: 7px 10px;
  text-align: center;
  line-height: 115%;
  margin: 0 15px;
}
.multiDat>div:first-child {
  font-size: 15px;
  font-weight: 600;
}
.multiDat>div:last-child {
  font-size: 11px;
  font-weight: 500;
}


.titleNum {
  width: 40px;
  height: 40px;
  background-color: var(--main-color);
  float: left;
  color: white;
  font-size: 12px;
  border-radius: 100%;
  padding: 7px 10px;
  text-align: center;
  line-height: 185%;
  margin: 0 15px;
}
.titleNum>div:first-child {
  font-size: 15px;
  font-weight: 600;
}



/*
.multi-selected-item-icon {
  color: #333;
  border-radius: 100%;
  text-align: center;
  height: 23px;
  margin-right: 15px;
  display: inline-block;
}
*/
/*
.multi-selected-item {
  background-color: #EFEFEF;
  color: #333;
  border-radius: 10px;
  text-align: center;
  padding-top: 2px;
  ndisplay: inline-block;
  color: var(--travel-accent);
  font-weight: 600;
  height: 23px;
}
*/
.multi-selected-item {
  display: inline-block;
  position: relative;
  float: right;
  min-width: 155px;
  padding: 3px 5px;
  padding-left: 15px;
  border-radius: 15px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  color: white;
  background: var(--main-color-accent);
}


/*
.multi-selected-item-icon {
  background-color: var(--main-color-accent);
  color: white;
  display: inline-block;
  width: 23px;
  height: 23px;
  padding: 1px;
  border-radius: 100%;
  float: right;
  margin-top: -8px;
  margin-right: 18px;
}
*/

.multi-selected-item-icon {
  background-color: #ffffff;
  color: #4a4a4a;
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 1px 3px;
  border-radius: 100%;
  position: absolute;
  left: 2px;
  top: 2px;
  box-shadow: 1px 1px 4px #0004;
}

.multi-nav-type a {
  border-bottom: 2px solid #EEE;
  color: #666;
}
.multi-nav-type a.active {
  border-bottom: 2px solid var(--travel-color-01);
}

.multi-selected-txt {
  background-color: var(--main-color-accent);
  color: white;
  text-align: center;
  border-radius: 15px;
  padding: 3px 5px;
  display: inline-block;
  min-width: 155px;
  font-size: 13px;
  font-weight: 600;
}



.modal-dialog .infoHero.infoHero-sm .maincontainer:before {
    background: linear-gradient(#00000066 0%, #00000099 100%);
}



.modal-close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 9;
  line-height: 100%;
}
.modal-close-btn a {
  display: block;
  background-color: white;
  color: #333;
  text-align: center;
  padding: 9px;
  line-height: 100%;
  border-radius: 20px;
}


.cal-select-btn {
  display: block;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items:center;
  font-size: 25px;
  transition: all .5s;
}
.cal-select-btn:hover {
  background-color: #f5f5f5;
}




.olmap {
  width: 100%;
  height: 100%;
  background-color: #b5cfe3;
}


.ol-popup .ol-popup-content {
  padding: 0;
}
.ol-popup.default>div {
  border: 1px solid #d3d3d3;
}
.ol-popup.default .anchor{
  color:#d3d3d3;
}
.ol-popup.default .anchor:after {
    border-color: rgb(48, 48, 48) transparent;
}

.mapPopContainer {
  width: 250px;
  height: 200px;
  position: relative;
  padding: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.mapPopForm {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.25) 20%,rgba(0,0,0,0) 35%,rgba(255,255,255,0) 96%, rgba(48,48,48,1) 100%);
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mapPopForm .title {
  text-shadow: 0px 0px 5px #003060;
  font-size: 20px;
  font-weight: 500;
  color: white;
}


.mapPic {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  object-fit: cover;
  width: 250px;
  height: 200px;
}

.selBox {
   border: 0;
   height:30px;
   overflow: hidden;
   width: 230px;
   position:relative;
   background-color: rgba(255,255,255,.9);
   border-radius: 20px;
   font-size: 0;
   box-shadow: 1px 1px 2px darkgrey;
}
.selBox select {
  background: transparent;
  border: none;
  font-size: 14px;
  height: 30px;
  padding: 5px 15px 7px 15px;
  width: 95%;
}
select:focus{ outline: none; }

.mapPopContainer .popclose {
  position: absolute;
  z-index: 9;
  right: 10px;
}

.mapPopContainer .popclose:after {
  content: "✖";
  color: white;
}


#add2TripAnim {
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: white;
  top: 0;
  left: 0;
  opacity: 0;
}
.slide-left{
  animation: slide-left .3s ease-in both;
}
@keyframes slide-left{
  0%{
    opacity: .9;
    transform: scale(1);
  }
  100%{
    left: 0;
    opacity: 0;
    transform: scale(0.1);
  }
}
.grow-top{
  animation: grow-top .3s ease-out forwards;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  transform-origin: top center;
}
@keyframes grow-top {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}

.olmapCitiesBtn a {
  position: absolute;
  display: block;
  background-color: white;
  border-radius: 30px;
  z-index: 99;
  left: 50px;
  top: 10px;
  padding-top: 2px;
  font-size: 17px;
  width: 30px;
  height: 30px;
  text-align: center; 
}

.olmapVectorBtn a {
  position: absolute;
  display: block;
  background-color: white;
  border-radius: 30px;
  z-index: 99;
  left: 90px;
  top: 10px;
  padding-top: 2px;
  font-size: 17px;
  width: 30px;
  height: 30px;
  text-align: center; 
}

.olmapCloseBtn a {
  position: absolute;
  display: block;
  background-color: white;
  border-radius: 30px;
  z-index: 99;
  right: 10px;
  top: 10px;
  padding-top: 2px;
  font-size: 17px;
  width: 30px;
  height: 30px;
  text-align: center; 
}


.multi-cont .form-check-input:checked {
    background-color: #78c5ff;
    border-color: #69ade0;
}
.multi-cont .card img {
  width: 75px;
  height: 100%;
  border-top-left-radius: var(--bs-card-border-radius);
  border-bottom-left-radius: var(--bs-card-border-radius);
  pointer-events: none;
}
.cd-timeline-cont .item .itemDeleteBtn {
  position: absolute;
  top: 5px;
  right: 8px;
  cursor: pointer;
  color: #FAFAFA;
  transition: color 1s;
}
.cd-timeline-cont .item:hover .itemDeleteBtn {
  color: #DADADA;
}


.draggon .card * {
  opacity: 0.9;
}
.draggon .card {
  background-color: #c5e6ff;
  border: 1px dashed #055c9d!important;
}


@media (min-width: 768px) {
  .viewMapBtn {
    display: none;
  }
}



.viewMapBtn {
  position: absolute;
  display: block;
  color: white;
  border-radius: 30px;
  z-index: 99;
  right: 7px;
  top: 7px;
  padding-top: 2px;
  font-size: 17px;
  width: 30px;
  height: 30px;
  text-align: center; 
}

.listView {
  visibility: visible;
}
.mapView {
  visibility: hidden;
  position: absolute;
}
.olmapCloseBtn {
  display: block;
}
@media (min-width: 768px) {
  .listView {
    visibility: visible;
  }
  .mapView {
    visibility: unset;
    position: relative;
  }
  .viewMapBtn {
    display: none;
  }
  .olmapCloseBtn {
    display: none;
  }
}

.listViewScroll {
  position: absolute; 
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0; 
  overflow-y: auto; 
  padding: 15px;
}



.multi-title {
  border-left: 4px solid var(--travel-results-button-bg)!important;
}





#onboardingModal .modal-content {
  /*background: linear-gradient(to right bottom, #9e66c6, #6027e1);*/
  /*color: white;*/
}

#onboardingModal .pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 24px;
}
.ob-dot {
  background: rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  transform: scale(0.75);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ob-dot.active {
  background: var(--travel-results-button-bg);
  transform: scale(1);
  transition-delay: 0.4s;
}



#onboardingModal .carousel-item .item-content {
  display: flex;
  height: 80vh;
  max-height: 500px;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 60px;
  text-align: center;
}
#onboardingModal .carousel-item .item-content img {
  max-width: 330px;
  margin: 0 auto;
  margin-bottom: 20px;
}



.main-search {

}
.main-search-categories-container {

}
.main-search .nav-pills .nav-link {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: initial;

}
.main-search .nav-pills .nav-link.active {
  color: #FFFFFF;
  background-color: transparent;
  border-bottom: 2px solid var(--travel-color-10);
}
.main-search .nav-pills .nav-item {
  margin-bottom: 15px;
}


.confirm-label {
    font-size: .8rem;
    color: #999999;
}

.closeBox {
  display: none;
}


.flight-seats {
  width: 350px;
  margin: 0 auto;
  border-left: 5px solid #EEEEEE;
  border-right: 5px solid #EEEEEE;
  padding: 20px;
}
.flight-seats .item {
  text-align: center;
  aspect-ratio: 1 / 1;
  display: grid;
  align-items: center;
  border-radius: 3px;
}
.flight-seats .seat {
  color: #EEE;
  background-color: #EEE;
  cursor: default;
}
.flight-seats .seat:hover {
  color: #BBB;
}
.flight-seats .seat.free {
  color: #bfd4e9;
  background-color: #bfd4e9;
  cursor: pointer;
}
.flight-seats .seat.free:hover {
  color: #FFF;
}
.flight-seats .seat.selected {
  color: white;
  background-color: #98d98f;
  cursor: pointer;
}
.flight-seats .lane {

}

.offcanvas-seat .seat-traveler {
  padding: 0 var(--bs-offcanvas-padding-x);
}
.offcanvas-seat .offcanvas-footer {
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.offcanvas-seat .list-group-item {
  cursor: pointer;
}
.offcanvas-seat .list-group-item.active {
    z-index: 2;
    color: white;
    background-color: #5d9eff;
    border-color: #5d9eff;
}
.offcanvas-seat .seat-traveler .badge {
  background-color: #98d98f;  
}











.list-select .nav-pills .nav-link {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  padding: 3px 0;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: initial;

}
.list-select .nav-pills .nav-link.active {
  background-color: transparent;
  border-bottom: 2px solid var(--travel-color-10);
}

.cart-dropdown-menu {
  width: 350px;
}
.cart-dropdown-menu .items {
  margin-bottom: 15px;
}
.cart-dropdown-menu .item {
  margin-bottom: 5px;
}
.cart-dropdown-menu .item.total {
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 600;
}


.btn-circle {
  border-radius: 60px;
  text-align: center;
}
.btn-circle.gray {
  color: white;
  background-color: #AAA;
  border: 1px solid #AAA;;
}








.flightType-cont label {
  border: 1px solid #666A;
  background-color: transparent;
}
.flightMultiForm {
  display: none;
}

.flightMultiForm .multiTitle {
  color: white;
  font-size: 14px;
  background-color: #565e64AA;
  padding: 8px 10px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.flightMultiForm .multiTitle a {
  color: white;
  float: right;
}

.flightMultiForm .formData .flight_roundtrip {
  display: none;
}
.flightMultiForm .formData .flight_oneway {
  display: block;
}


.specialTag {
  position: absolute;
  top: 12px;
  left: 10px;
  right: 10px;
  background-color: #444444ba;
  border-radius: 15px;
  z-index: 5;
  color: white;
  padding: 3px;
  text-align: center;
  font-size: 15px;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
}
.specialTag i {
  position: absolute;
  left: 10px;
  top: -12px;
  font-size: 26px;
}

.specialTag.red {
  background-color: #ff2300ba;
}
.specialTag.blue {
  background-color: #055c9dba;
}
.specialTag.yellow {
  background-color: #f4ff00ba;
  color: #363636;
}
.specialTag.green {
  background-color: #47c90dd4;
  color: white;
}





.cart .table {
  --bs-table-striped-bg: rgba(0, 0, 0, 0.03);
  --bs-table-accent-bg: rgba(0, 0, 0, 0.0);
}

.cart .table>:not(caption)>*>* {
    border-bottom-width: 0;
}

.cart .table td {
  padding: 10px 20px;
}



.planedHotelItem {
  border: 0;
  border-radius: 5px;
  overflow: hidden;
}
.planedHotelTitle {
  padding: 15px;
  background-color: #dee7ed;
  color: #333;
  font-size: 15px;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
}
.planedHotelInfo {
  padding: 15px;
}

.planedHotelTitle .reviews i {
    color: #b1b1b1;
}

.planedHotelTitle .doorknob {
  height: 40px; 
  float: right; 
  opacity: .05; 
  transform: rotate(25deg);
}
.PlanedHotelLinks {
  text-align: left;
  margin-bottom: 15px;
  padding-left: 12px; 
}
.PlanedHotelLinks a {
  font-size: 16px;
  text-decoration: none;
  border: 1px solid #dee7ed;
  background-color: #dee7ed;
  display: inline-block;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  padding-top: 2px;
  text-align: center;
  margin: 0 3px;
}

.exp-list .item {
    margin-bottom: 10px;
}
.exp-list .title {
    font-size: 16px;
    font-weight: 500;
}
.exp-list .description {
    font-size: 12px;
    color: #666;
}




.checkout-timeline {
  nborder-left: 2px solid #DDD;
  nmargin-left: 5px; 
  npadding-left: 15px; 
}

.checkout-timeline .day {
    margin-bottom: 3px;
    line-height: 1.6;
}
.checkout-timeline .day,
.checkout-timeline .date {
    color: #CCC;
    font-size: 13px;
    font-size: 0.8125rem;
}
.checkout-timeline .date {
    color: #666;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 600;
}

.checkout-timeline .dot {
    position: absolute;
    top: 6px;
    margin-left: -3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #0092ff, inset 0 2px 0 rgb(0 0 0 / 5%), 0 3px 0 4px rgb(0 0 0 / 2%);
    background: #FFF;
}

.checkout-timeline .timeline:before {
  content: "";
  position: absolute;
  width: 2px;
  top: 0;
  bottom: 0px;
  background: #DDD;
}
.checkout-timeline .item:first-child .timeline:before {
  top: 5px;
}
.checkout-timeline .item:last-child .timeline:before {
  bottom: 90%;
}



.main-search-categories-container .owl-carousel .owl-stage-outer {
  margin: 0 auto;
  width: calc(100% - 32px);
}

.main-search-categories-container .owl-nav {
  position: absolute;
  top: 7px;
  width: 100%;
  /* margin-left: -2%; */
  /* height: 5px; */
  /* background: red; */
  color: white;
  font-size: 45px;
  font-weight: 100;
  line-height: 10px;
}
.main-search-categories-container .owl-prev {
  position: absolute;
  left: 0;
  font-size: 45px;
  line-height: 10px;
}
.main-search-categories-container .owl-next {
  position: absolute;
  right: 0;
  font-size: 45px;
  line-height: 10px;
}
.main-search-categories-container .owl-prev.disabled {
    display: none;
}
.main-search-categories-container .owl-next.disabled {
    display: none;
}




.mainHero .form-ins-age {
  width: 100%;
}

.table-pages a {
    color: #666;
    margin: 0 5px;
}




.circleGraph{
  display: inline-block;
  width: 100px;
  height: 100px;
  background-color: #bbb;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
  border: 2px solid #eee;
  box-sizing: border-box;
}

.circleGraph:after{
  content: "";
  font-family: sans-serif;
  font-weight: 600;
  font-size: 32px;
  color: #666;
  text-align: center;
  line-height: 245%;
  display: block;
  width: 80px;
  height: 80px;
  background-color: #ddd;
  position: absolute;
  left: 8px;
  top: 8px;
  border-radius: 100%;
  border: 2px solid #eee;
  box-sizing: border-box;
  z-index: 8;
}

.circleGraph:before{
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
}
.circleGraph>div {
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 50%;
  font-size: 40px;
  line-height: 120%;
  transform: translate(-50%, -50%);
  color: #666;
}

.circleGraph.cgp0:before   { background-image: conic-gradient(var(--travel-color-01) 0%, transparent 0); }
.circleGraph.cgp1:before   { background-image: conic-gradient(var(--travel-color-01) 1%, transparent 0); }
.circleGraph.cgp2:before   { background-image: conic-gradient(var(--travel-color-01) 2%, transparent 0); }
.circleGraph.cgp3:before   { background-image: conic-gradient(var(--travel-color-01) 3%, transparent 0); }
.circleGraph.cgp4:before   { background-image: conic-gradient(var(--travel-color-01) 4%, transparent 0); }
.circleGraph.cgp5:before   { background-image: conic-gradient(var(--travel-color-01) 5%, transparent 0); }
.circleGraph.cgp6:before   { background-image: conic-gradient(var(--travel-color-01) 6%, transparent 0); }
.circleGraph.cgp7:before   { background-image: conic-gradient(var(--travel-color-01) 7%, transparent 0); }
.circleGraph.cgp8:before   { background-image: conic-gradient(var(--travel-color-01) 8%, transparent 0); }
.circleGraph.cgp9:before   { background-image: conic-gradient(var(--travel-color-01) 9%, transparent 0); }
.circleGraph.cgp10:before  { background-image: conic-gradient(var(--travel-color-01) 10%, transparent 0); }
.circleGraph.cgp11:before  { background-image: conic-gradient(var(--travel-color-01) 11%, transparent 0); }
.circleGraph.cgp12:before  { background-image: conic-gradient(var(--travel-color-01) 12%, transparent 0); }
.circleGraph.cgp13:before  { background-image: conic-gradient(var(--travel-color-01) 13%, transparent 0); }
.circleGraph.cgp14:before  { background-image: conic-gradient(var(--travel-color-01) 14%, transparent 0); }
.circleGraph.cgp15:before  { background-image: conic-gradient(var(--travel-color-01) 15%, transparent 0); }
.circleGraph.cgp16:before  { background-image: conic-gradient(var(--travel-color-01) 16%, transparent 0); }
.circleGraph.cgp17:before  { background-image: conic-gradient(var(--travel-color-01) 17%, transparent 0); }
.circleGraph.cgp18:before  { background-image: conic-gradient(var(--travel-color-01) 18%, transparent 0); }
.circleGraph.cgp19:before  { background-image: conic-gradient(var(--travel-color-01) 19%, transparent 0); }
.circleGraph.cgp20:before  { background-image: conic-gradient(var(--travel-color-01) 20%, transparent 0); }
.circleGraph.cgp21:before  { background-image: conic-gradient(var(--travel-color-01) 21%, transparent 0); }
.circleGraph.cgp22:before  { background-image: conic-gradient(var(--travel-color-01) 22%, transparent 0); }
.circleGraph.cgp23:before  { background-image: conic-gradient(var(--travel-color-01) 23%, transparent 0); }
.circleGraph.cgp24:before  { background-image: conic-gradient(var(--travel-color-01) 24%, transparent 0); }
.circleGraph.cgp25:before  { background-image: conic-gradient(var(--travel-color-01) 25%, transparent 0); }
.circleGraph.cgp26:before  { background-image: conic-gradient(var(--travel-color-01) 26%, transparent 0); }
.circleGraph.cgp27:before  { background-image: conic-gradient(var(--travel-color-01) 27%, transparent 0); }
.circleGraph.cgp28:before  { background-image: conic-gradient(var(--travel-color-01) 28%, transparent 0); }
.circleGraph.cgp29:before  { background-image: conic-gradient(var(--travel-color-01) 29%, transparent 0); }
.circleGraph.cgp30:before  { background-image: conic-gradient(var(--travel-color-01) 30%, transparent 0); }
.circleGraph.cgp31:before  { background-image: conic-gradient(var(--travel-color-01) 31%, transparent 0); }
.circleGraph.cgp32:before  { background-image: conic-gradient(var(--travel-color-01) 32%, transparent 0); }
.circleGraph.cgp33:before  { background-image: conic-gradient(var(--travel-color-01) 33%, transparent 0); }
.circleGraph.cgp34:before  { background-image: conic-gradient(var(--travel-color-01) 34%, transparent 0); }
.circleGraph.cgp35:before  { background-image: conic-gradient(var(--travel-color-01) 35%, transparent 0); }
.circleGraph.cgp36:before  { background-image: conic-gradient(var(--travel-color-01) 36%, transparent 0); }
.circleGraph.cgp37:before  { background-image: conic-gradient(var(--travel-color-01) 37%, transparent 0); }
.circleGraph.cgp38:before  { background-image: conic-gradient(var(--travel-color-01) 38%, transparent 0); }
.circleGraph.cgp39:before  { background-image: conic-gradient(var(--travel-color-01) 39%, transparent 0); }
.circleGraph.cgp40:before  { background-image: conic-gradient(var(--travel-color-01) 40%, transparent 0); }
.circleGraph.cgp41:before  { background-image: conic-gradient(var(--travel-color-01) 41%, transparent 0); }
.circleGraph.cgp42:before  { background-image: conic-gradient(var(--travel-color-01) 42%, transparent 0); }
.circleGraph.cgp43:before  { background-image: conic-gradient(var(--travel-color-01) 43%, transparent 0); }
.circleGraph.cgp44:before  { background-image: conic-gradient(var(--travel-color-01) 44%, transparent 0); }
.circleGraph.cgp45:before  { background-image: conic-gradient(var(--travel-color-01) 45%, transparent 0); }
.circleGraph.cgp46:before  { background-image: conic-gradient(var(--travel-color-01) 46%, transparent 0); }
.circleGraph.cgp47:before  { background-image: conic-gradient(var(--travel-color-01) 47%, transparent 0); }
.circleGraph.cgp48:before  { background-image: conic-gradient(var(--travel-color-01) 48%, transparent 0); }
.circleGraph.cgp49:before  { background-image: conic-gradient(var(--travel-color-01) 49%, transparent 0); }
.circleGraph.cgp50:before  { background-image: conic-gradient(var(--travel-color-01) 50%, transparent 0); }
.circleGraph.cgp51:before  { background-image: conic-gradient(var(--travel-color-01) 51%, transparent 0); }
.circleGraph.cgp52:before  { background-image: conic-gradient(var(--travel-color-01) 52%, transparent 0); }
.circleGraph.cgp53:before  { background-image: conic-gradient(var(--travel-color-01) 53%, transparent 0); }
.circleGraph.cgp54:before  { background-image: conic-gradient(var(--travel-color-01) 54%, transparent 0); }
.circleGraph.cgp55:before  { background-image: conic-gradient(var(--travel-color-01) 55%, transparent 0); }
.circleGraph.cgp56:before  { background-image: conic-gradient(var(--travel-color-01) 56%, transparent 0); }
.circleGraph.cgp57:before  { background-image: conic-gradient(var(--travel-color-01) 57%, transparent 0); }
.circleGraph.cgp58:before  { background-image: conic-gradient(var(--travel-color-01) 58%, transparent 0); }
.circleGraph.cgp59:before  { background-image: conic-gradient(var(--travel-color-01) 59%, transparent 0); }
.circleGraph.cgp60:before  { background-image: conic-gradient(var(--travel-color-01) 60%, transparent 0); }
.circleGraph.cgp61:before  { background-image: conic-gradient(var(--travel-color-01) 61%, transparent 0); }
.circleGraph.cgp62:before  { background-image: conic-gradient(var(--travel-color-01) 62%, transparent 0); }
.circleGraph.cgp63:before  { background-image: conic-gradient(var(--travel-color-01) 63%, transparent 0); }
.circleGraph.cgp64:before  { background-image: conic-gradient(var(--travel-color-01) 64%, transparent 0); }
.circleGraph.cgp65:before  { background-image: conic-gradient(var(--travel-color-01) 65%, transparent 0); }
.circleGraph.cgp66:before  { background-image: conic-gradient(var(--travel-color-01) 66%, transparent 0); }
.circleGraph.cgp67:before  { background-image: conic-gradient(var(--travel-color-01) 67%, transparent 0); }
.circleGraph.cgp68:before  { background-image: conic-gradient(var(--travel-color-01) 68%, transparent 0); }
.circleGraph.cgp69:before  { background-image: conic-gradient(var(--travel-color-01) 69%, transparent 0); }
.circleGraph.cgp70:before  { background-image: conic-gradient(var(--travel-color-01) 70%, transparent 0); }
.circleGraph.cgp71:before  { background-image: conic-gradient(var(--travel-color-01) 71%, transparent 0); }
.circleGraph.cgp72:before  { background-image: conic-gradient(var(--travel-color-01) 72%, transparent 0); }
.circleGraph.cgp73:before  { background-image: conic-gradient(var(--travel-color-01) 73%, transparent 0); }
.circleGraph.cgp74:before  { background-image: conic-gradient(var(--travel-color-01) 74%, transparent 0); }
.circleGraph.cgp75:before  { background-image: conic-gradient(var(--travel-color-01) 75%, transparent 0); }
.circleGraph.cgp76:before  { background-image: conic-gradient(var(--travel-color-01) 76%, transparent 0); }
.circleGraph.cgp77:before  { background-image: conic-gradient(var(--travel-color-01) 77%, transparent 0); }
.circleGraph.cgp78:before  { background-image: conic-gradient(var(--travel-color-01) 78%, transparent 0); }
.circleGraph.cgp79:before  { background-image: conic-gradient(var(--travel-color-01) 79%, transparent 0); }
.circleGraph.cgp80:before  { background-image: conic-gradient(var(--travel-color-01) 80%, transparent 0); }
.circleGraph.cgp81:before  { background-image: conic-gradient(var(--travel-color-01) 81%, transparent 0); }
.circleGraph.cgp82:before  { background-image: conic-gradient(var(--travel-color-01) 82%, transparent 0); }
.circleGraph.cgp83:before  { background-image: conic-gradient(var(--travel-color-01) 83%, transparent 0); }
.circleGraph.cgp84:before  { background-image: conic-gradient(var(--travel-color-01) 84%, transparent 0); }
.circleGraph.cgp85:before  { background-image: conic-gradient(var(--travel-color-01) 85%, transparent 0); }
.circleGraph.cgp86:before  { background-image: conic-gradient(var(--travel-color-01) 86%, transparent 0); }
.circleGraph.cgp87:before  { background-image: conic-gradient(var(--travel-color-01) 87%, transparent 0); }
.circleGraph.cgp88:before  { background-image: conic-gradient(var(--travel-color-01) 88%, transparent 0); }
.circleGraph.cgp89:before  { background-image: conic-gradient(var(--travel-color-01) 89%, transparent 0); }
.circleGraph.cgp90:before  { background-image: conic-gradient(var(--travel-color-01) 90%, transparent 0); }
.circleGraph.cgp91:before  { background-image: conic-gradient(var(--travel-color-01) 91%, transparent 0); }
.circleGraph.cgp92:before  { background-image: conic-gradient(var(--travel-color-01) 92%, transparent 0); }
.circleGraph.cgp93:before  { background-image: conic-gradient(var(--travel-color-01) 93%, transparent 0); }
.circleGraph.cgp94:before  { background-image: conic-gradient(var(--travel-color-01) 94%, transparent 0); }
.circleGraph.cgp95:before  { background-image: conic-gradient(var(--travel-color-01) 95%, transparent 0); }
.circleGraph.cgp96:before  { background-image: conic-gradient(var(--travel-color-01) 96%, transparent 0); }
.circleGraph.cgp97:before  { background-image: conic-gradient(var(--travel-color-01) 97%, transparent 0); }
.circleGraph.cgp98:before  { background-image: conic-gradient(var(--travel-color-01) 98%, transparent 0); }
.circleGraph.cgp99:before  { background-image: conic-gradient(var(--travel-color-01) 99%, transparent 0); }
.circleGraph.cgp100:before { background-image: conic-gradient(var(--travel-color-01) 100%, transparent 0); }


.promo-main-text-cont {
  margin-top: 30px;
}
@media (min-width: 1200px){
  .promo-main-text-cont {
    margin-top: 0;
    position: absolute; 
    width: 125%; 
    background-color: rgba(255,255,255, .99); 
    transform: translate(-25%, 30px); 
    padding: 30px; 
    box-shadow: 0 0.225rem 0.5rem rgb(0 0 0 / 10%);
  }  
}


.hero-airline-container>div {
  margin-top: 30px;
  margin-right: -30px;
}
.hero-airline-logo {
  background-color: white;
  width: 60px;
  height: 60px;
  border-radius: 50px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.hero-airline-logo img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  margin-top: 10px;
}
.hero-airline-name {
  font-size: 22px;
  border-radius: 50px;
  background-color: #565e64eb;
  padding-left: 70px;
  transform: translate(-60px, 0);
  padding-right: 30px;
  white-space: nowrap;
}


@media (min-width: 992px){
  .hero-airline-container>div {
    position: absolute;
    transform: translate(-42%, -32px);
    margin-right: -30px;
    margin-top: 0;
  }
  .hero-airline-logo {
    width: 100px;
    height: 100px;
  }
  .hero-airline-logo img {
    width: 60px;
    height: 60px;
    margin-top: 20px;
  }
  .hero-airline-name {
    font-size: 26px;
  }
}





.placeholder-light::placeholder {
  color: #999;
  opacity: 1;
}
.placeholder-light:-ms-input-placeholder {
  color: #999;
}
.placeholder-light::-ms-input-placeholder {
  color: #999;
}






.packages-carousel .owl-prev span,
.packages-carousel .owl-next span,
.packages-carousel-accomodation .owl-prev span,
.packages-carousel-accomodation .owl-next span
{
  font-size: 80px;
  font-weight: 100;
  color: white;
  text-shadow: 0 3px 6px rgb(0 0 0 / 50%);
  line-height: 50%;
}
.packages-carousel .owl-prev,
.packages-carousel-accomodation .owl-prev
{
  width: 35px;
  position: absolute;
  top: 0;
  left: 5px;
  display: block !important;
  height: 100%;
}
.packages-carousel .owl-next,
.packages-carousel-accomodation .owl-next
{
  width: 35px;
  position: absolute;
  top: 0;
  right: 5px;
  display: block !important;
  height: 100%;
}




.packages-carousel-accomodation,
.owl-stage-outer,
.owl-stage,
.owl-item,
.owl-item>div,
.owl-item>div img
{
  height: 100%;
}
.owl-item>div img {
  object-fit: cover;
}



.infoHero .carouselPromoCont {
  position: absolute; 
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
}






.customers-review-cont {}

.customers-review-cont h3 {
  margin-bottom: 15px;
}
.customers-review-cont h3 a {
  color: #333;
}
.customers-review-cont h3 svg {
  margin-left: 10px;
  margin-top: -4px;
}

.customers-review-cont .item {
  margin-bottom: 20px;
}
.customers-review-cont .item .title {
  font-size: 14px;
}
.customers-review-cont .item .title span {
  float: right;
  font-size: 12px;
  color: var(--main-color);
  line-height: 23px;
}

.customers-review-cont .item .line {
  background-color: #EEE;
}
.review-line {
  background-color: var(--travel-color-07);
  height: 4px;
  border-radius: 8px;
}



.customer-review-list .item {
  margin-bottom: 15px;
}

.customer-review-list .item .pic {
  margin-bottom: 5px;
}
.customer-review-list .item .pic img {
  width: 64px;
  height: 64px;
}
.customer-review-list .item .date {
  font-size: 12px;
  color: #CCC;
}
.customer-review-list .item .rate {
  font-size: 28px;
  color: #666;
}
.customer-review-list .item .comment {
  
}


.hotel-review .line {
  margin: 10px;
  background-color: white;
}
.hotel-review .badge {
  font-weight: 400; 
  padding-bottom: 3px; 
  background-color: #ffffff; 
  color: var(--travel-search-filter-badge-text);
}






.hotel-review .circleGraph {
  background-color: #f7f7f7;
}
.hotel-review .circleGraph:after {
  background-color: #FFF;
}



.hotel-review .circleGraph:after {
  border: none;
}
.hotel-review .circleGraph {
    border: 2px solid transparent;
}

#icon-4-thumb-up,
#icon-4-thumb-up path {
  stroke: red!important;
  fill: red!important;
}
#thumb-up,
#thumb-up path {
  stroke: red!important;
  fill: red!important;
}

#thumb-up-path {
  stroke: red!important;
  fill: red!important;
}


.numlines1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}





#loginModal {
  background-color: white;
  border-radius: 7px;
  min-width: 350px;
  position: absolute;
  top: 46px;
  right: 0;
  z-index: 999;
  padding: 20px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
}
#loginModal.show {
  visibility: visible;
  opacity: 1;
  transition: all 1s;
}


#loginModal .login-with {
  position: relative;
  border: 1px solid #EEE;
}
#loginModal .login-with .bi {
  position: absolute;
  top: 8px;
  left: 15px;
}


@media (max-width: 991px){
  #loginModal {
    display: none;
  }
}



.placeholder2 {
  margin: 0 auto;
  background-color: #eee;
  position: relative;
}

.animated-background {
  height: 100px;
}


@keyframes placeHolderShimmer{
  0%{
    background-position: -468px 0
  }
  100%{
    background-position: 468px 0
  }
}

.animated-background {
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: darkgray;
  background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  position: relative;
}


.slide-up {
  margin-top: var(--bs-gutter-y);
}
.slide-up > div {
  margin-bottom: var(--bs-gutter-y); 
}
.slide-up, .slide-down {
  overflow: hidden;
}
.slide-up > div, .slide-down > div {
  margin-top: calc(calc(100px + var(--bs-gutter-y)) * -1);
}
.slide-down > div {
  margin-top: 0;
  margin-top: calc(var(--bs-gutter-y) * -1);
  transition: .4s ease-in-out;
}





.custom-tooltip {
  --bs-tooltip-bg: white;
  --bs-tooltip-color: #333;
}
.custom-tooltip .tooltip-inner {
  font-size: 14px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.custom-tooltip .title {
  font-size: 15px;
  font-weight: 500;
  color: var(--travel-color-01);
}
.custom-tooltip .tooltip-inner .icon {
  font-size: 24px;
  border: 1px solid var(--travel-color-01);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
}