/*!
 * Select2 Bootstrap Theme v0.1.0-beta.10 (https://select2.github.io/select2-bootstrap-theme)
 * Copyright 2015-2017 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors)
 * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE)
 */

.select2-container--bootstrap {
  display: block;
  /*------------------------------------*      #COMMON STYLES
  \*------------------------------------*/
  /**
   * Search field in the Select2 dropdown.
   */
  /**
   * No outline for all search fields - in the dropdown
   * and inline in multi Select2s.
   */
  /**
   * Adjust Select2's choices hover and selected styles to match
   * Bootstrap 3's default dropdown styles.
   *
   * @see http://getbootstrap.com/components/#dropdowns
   */
  /**
   * Clear the selection.
   */
  /**
   * Address disabled Select2 styles.
   *
   * @see https://select2.github.io/examples.html#disabled
   * @see http://getbootstrap.com/css/#forms-control-disabled
   */
  /*------------------------------------*      #DROPDOWN
  \*------------------------------------*/
  /**
   * Dropdown border color and box-shadow.
   */
  /**
   * Limit the dropdown height.
   */
  /*------------------------------------*      #SINGLE SELECT2
  \*------------------------------------*/
  /*------------------------------------*    #MULTIPLE SELECT2
  \*------------------------------------*/
  /**
   * Address Bootstrap control sizing classes
   *
   * 1. Reset Bootstrap defaults.
   * 2. Adjust the dropdown arrow button icon position.
   *
   * @see http://getbootstrap.com/css/#forms-control-sizes
   */
  /* 1 */
  /*------------------------------------*    #RTL SUPPORT
  \*------------------------------------*/
}

.select2-container--bootstrap .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-size: 14px;
  outline: 0;
}

.select2-container--bootstrap .select2-selection.form-control {
  border-radius: 4px;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-size: 14px;
}

.select2-container--bootstrap .select2-search__field {
  outline: 0;
  /* Firefox 18- */
  /**
     * Firefox 19+
     *
     * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
     */
}

.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-search__field:-moz-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-search__field::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-results__option {
  padding: 11px 12px;
  /**
     * Disabled results.
     *
     * @see https://select2.github.io/examples.html#disabled-results
     */
  /**
     * Hover state.
     */
  /**
     * Selected state.
     */
}

.select2-container--bootstrap .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
  color: #777777;
  cursor: not-allowed;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background-color: #f5f5f5;
  color: #262626;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #333;
  color: #fff;
}

.select2-container--bootstrap .select2-results__option .select2-results__option {
  padding: 6px 12px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -12px;
  padding-left: 24px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -24px;
  padding-left: 36px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -36px;
  padding-left: 48px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -48px;
  padding-left: 60px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -60px;
  padding-left: 72px;
}

.select2-container--bootstrap .select2-results__group {
  color: #777777;
  display: block;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  white-space: nowrap;
}

.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  border-color: #66afe9;
}

.select2-container--bootstrap.select2-container--open {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
  /**
     * Handle border radii of the container when the dropdown is showing.
     */
}

.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 4px 4px 4px;
}

.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-color: transparent;
}

.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-color: transparent;
}

.select2-container--bootstrap .select2-selection__clear {
  color: #999;
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--bootstrap .select2-selection__clear:hover {
  color: #333;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection {
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
  cursor: not-allowed;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
  background-color: #eeeeee;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}

.select2-container--bootstrap .select2-dropdown {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-color: #fff;
  overflow-x: hidden;
  margin-top: -1px;
}

.select2-container--bootstrap .select2-dropdown--above {
  -webkit-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
  margin-top: 1px;
}

.select2-container--bootstrap .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--bootstrap .select2-selection--single {
  height: 34px;
  line-height: 1.42857143;
  padding: 6px 24px 6px 12px;
  /**
     * Adjust the single Select2's dropdown arrow button appearance.
     */
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  position: absolute;
  bottom: 0;
  right: 12px;
  top: 0;
  width: 4px;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-color: #999 transparent transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  height: 0;
  left: 0;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  color: #555555;
  padding: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-selection--multiple {
  min-height: 34px;
  padding: 0;
  height: auto;
  /**
     * Make Multi Select2's choices match Bootstrap 3's default button styles.
     */
  /**
     * Minus 2px borders.
     */
  /**
     * Clear the selection.
     */
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  line-height: 1.42857143;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  float: left;
  margin-top: 5px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  color: #555555;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin: 5px 0 0 6px;
  padding: 0 6px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  background: transparent;
  padding: 0 12px;
  height: 32px;
  line-height: 1.42857143;
  margin-top: 0;
  min-width: 5em;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 3px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 6px;
}

.select2-container--bootstrap .select2-selection--single.input-sm,
.input-group-sm .select2-container--bootstrap .select2-selection--single,
.form-group-sm .select2-container--bootstrap .select2-selection--single {
  border-radius: 3px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  padding: 5px 22px 5px 10px;
  /* 2 */
}

.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b,
.input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  margin-left: -5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple {
  min-height: 30px;
  border-radius: 3px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 12px;
  line-height: 1.5;
  margin: 4px 0 0 5px;
  padding: 0 5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 10px;
  font-size: 12px;
  height: 28px;
  line-height: 1.5;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 5px;
}

.select2-container--bootstrap .select2-selection--single.input-lg,
.input-group-lg .select2-container--bootstrap .select2-selection--single,
.form-group-lg .select2-container--bootstrap .select2-selection--single {
  border-radius: 6px;
  font-size: 18px;
  height: 46px;
  line-height: 1.3333333;
  padding: 10px 31px 10px 16px;
  /* 1 */
}

.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  width: 5px;
}

.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-width: 5px 5px 0 5px;
  margin-left: -5px;
  margin-left: -10px;
  margin-top: -2.5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple {
  min-height: 46px;
  border-radius: 6px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
  margin: 9px 0 0 8px;
  padding: 0 10px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 16px;
  font-size: 18px;
  height: 44px;
  line-height: 1.3333333;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 10px;
}

.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
}

.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
}

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

.select2-container--bootstrap[dir="rtl"] {
  /**
     * Single Select2
     *
     * 1. Makes sure that .select2-selection__placeholder is positioned
     *    correctly.
     */
  /**
     * Multiple Select2
     */
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single {
  padding-left: 24px;
  padding-right: 12px;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
  /* 1 */
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 12px;
  right: auto;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
  margin-left: 0;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 0;
  margin-right: 6px;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/*------------------------------------*  #ADDITIONAL GOODIES
\*------------------------------------*/
/**
 * Address Bootstrap's validation states
 *
 * If a Select2 widget parent has one of Bootstrap's validation state modifier
 * classes, adjust Select2's border colors and focus states accordingly.
 * You may apply said classes to the Select2 dropdown (body > .select2-container)
 * via JavaScript match Bootstraps' to make its styles match.
 *
 * @see http://getbootstrap.com/css/#forms-control-validation
 */
.has-warning .select2-dropdown,
.has-warning .select2-selection {
  border-color: #8a6d3b;
}

.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  border-color: #66512c;
}

.has-warning.select2-drop-active {
  border-color: #66512c;
}

.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #66512c;
}

.has-error .select2-dropdown,
.has-error .select2-selection {
  border-color: #a94442;
}

.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  border-color: #843534;
}

.has-error.select2-drop-active {
  border-color: #843534;
}

.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #843534;
}

.has-success .select2-dropdown,
.has-success .select2-selection {
  border-color: #3c763d;
}

.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  border-color: #2b542c;
}

.has-success.select2-drop-active {
  border-color: #2b542c;
}

.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #2b542c;
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * @see http://getbootstrap.com/components/#input-groups
 * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less
 */
/**
 * Reset rounded corners
 */
.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection.form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control {
  border-radius: 0;
}

.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection.form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group > .select2-container--bootstrap {
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 0;
  /**
   * Adjust z-index like Bootstrap does to show the focus-box-shadow
   * above appended buttons in .input-group and .form-group.
   */
  /**
   * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
   * Multi Select2's height which - depending on how many elements have been selected -
   * may grow taller than its initial size.
   *
   * @see http://getbootstrap.com/components/#input-groups
   */
}

.input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control {
  float: none;
}

.input-group > .select2-container--bootstrap.select2-container--open, .input-group > .select2-container--bootstrap.select2-container--focus {
  z-index: 3;
}

.input-group > .select2-container--bootstrap,
.input-group > .select2-container--bootstrap .input-group-btn,
.input-group > .select2-container--bootstrap .input-group-btn .btn {
  vertical-align: top;
}

/**
 * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
 *
 * Provides `!important` for certain properties of the class applied to the
 * original `<select>` element to hide it.
 *
 * @see https://github.com/select2/select2/pull/3301
 * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
 */
.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
}

/**
 * Display override for inline forms
 */
@media (min-width: 768px) {
  .form-inline .select2-container--bootstrap {
    display: inline-block;
  }
 

}
#search-destinations label{
  position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    padding-top: 25px;
}
#search-destinations label i{
  background-image: none;
  width: 11px;
  height: 0px;
  top: 5px;
  border-top: 7px solid #ADADAD;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #fff;
  border-top: 7px solid #999;
  background-image: url(https://cstad.s3.ap-southeast-2.amazonaws.com/website-refresh/1-icons/16x16-icons/tad-line-icons-2021-chevron-down.svg)!important;
  color: transparent!important;
  border: none;
  width: 16px;
  height: 16px;
  left: 17px!important;
}    

#search-destinations{
  max-width:750px;
  margin:auto;
  position: relative;
}
#home-filter-area #search-destinations label{
  right:0px;

}
#search-destinations .select2-wrapper{box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);}
#home-filter-area .select2-wrapper{
      overflow: hidden;
      position: relative;
      padding-right: 0;
      box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);
      box-shadow: none;
}
.search-p.search-filter{
background: #f5f5f5;
}
.search-p .container{margin-top: 36px;}
.search-p .container .row{

padding: 15px;

padding-top: 30px;

margin:0;

padding-bottom: 30px;
}
.filter-wrapper{
  border: 1px solid #cecece;
}
@media (max-width: 600px) {
  #home-filter-area .select2-wrapper{
   
}
.results-sort{
  float: left!important;
  margin-bottom: 20px;
  margin-top: 20px;
  margin-left: -12px;
  }
  #home-filter-area  .btnstyle{
    display:none;
  }
  #clear-alldates span{
    display:none;
  }
}
#home-filter-area  .btnstyle{
     
width: 100px;
     
width: 17%;
     
min-width:110px;
     
height:44px;
     
margin-left: 10px;
     
border-radius: 0;
     
background: #000;
     
font-size: 20px;
    font-family: var(--font-family-title);
}
.herobgimage.herobgimage.herobginner .heroslidertext.filter-hero{
  top: 0;
  /* margin-bottom: 50px; */
}
.herobgimage.herobgimage.search-landing .heroslidertext.filter-hero{
  top:28%;
}
#search-destinations input.select2-search__field{
  margin-bottom:0;
  height: 44px;
  text-indent:30px;
}
#search-destinations.no-indent input.select2-search__field{
  text-indent:initial;
}
#search-destinations .select2-selection__choice{
    margin: 4px 0 0 6px;
    padding: 7px 16px;
    border-radius: 63px;
    background: #353535;
    color: #fff;
    padding-right: 11px;
    border:none;
}
#search-destinations .select2-selection__choice__remove{
     float: right;
    margin-left: 11px;
    color: #fff;
    margin-right: 0px;
    padding-right: 0;
}

#insurance-form .no-indent input.select2-search__field{
  text-indent:initial;
}
#insurance-form .select2-selection__choice{
    margin: 4px 0 0 6px;
    padding: 7px 16px;
    border-radius: 63px;
    background: #00bfd6;
    color: #fff;
    padding-right: 11px;
    border:none;
}
#insurance-form .select2-selection__choice__remove{
     float: right;
    margin-left: 11px;
    color: #fff;
    margin-right: 0px;
    padding-right: 0;
}


.select2-results__option[aria-selected=true] {
    display: none;
}
.search-filter,.search-filter-area {
    background: #fff;
    font-family: var(--font-family-body);
}
.search-filter-area{
  margin-top:0!important;
  display:block!important;
}
.search-filter.extended-filter{
 min-height:214px;
}
 .ext-only{
  display:none;
 }
.search-filter.extended-filter .ext-only{
display:block;
}
/*
.search-filter  .SumoSelect *,
.search-filter  .SumoSelect *:focus *,
.search-filter  .SumoSelect *:hover *,
.search-filter  .SumoSelect *:blur *{
  outline:none!important;
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.search-filter  .SumoSelect .CaptionCont{
 background: transparent!important;
 color: #333!important;
 border: 0!important;
 border-bottom: 1px solid #000!important;
 height: 50px;
 padding-top: 14px!important;
 padding-left: 0!important;
}

.search-filter .SumoSelect.open>.optWrapper{
  border-color: #fff!important;
  background:#161e35;
  top:50px;
}
.search-filter .SumoSelect{
  width:100%;
}
.search-filter .SumoSelect.open li.opt:first-child{
display:none;
}
.search-filter .SumoSelect .options  li.opt{
  border-color: #fff;
  background: #fff;
  height: 50px;
  padding-top: 15px;
  padding-left: 20px;
  color: #333;
}
.search-filter .SumoSelect > .optWrapper > .options li.opt.disabled{
background-color: #fff;
}
.search-filter .SumoSelect .optWrapper > .options li label{
  color: #333;
}
.search-filter .SumoSelect > .optWrapper > .options li.opt:hover{background: #333;}
.search-filter .SumoSelect > .optWrapper > .options li.opt:hover label{
  color:#fff;
}
.search-filter .SumoSelect>.CaptionCont>label>i{
    border-top: 7px solid #333;
}
.search-filter .SumoSelect > .CaptionCont > span{
    font-weight: bold;
}
*/



#search-destinations .fa-wrap-search{
  float:left;
  height:50px;
  background:#fff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  width: 3%;
}
.select2-container--bootstrap .select2-selection,
.select2-container--bootstrap.select2-container--focus .select2-selection{
  box-shadow: none;
    border: none;

}
#search-destinations .fa-search, #search-destinations .o-icon{
   position: absolute;
   color: #666666;
   z-index: 9999;
   font-size: 23px;
   left: 5px;
   top: 15px;
}
   
.search-filter .SumoSelect > .optWrapper > .options{
max-height: 700px;
}
.select2-container--bootstrap{
  /* width: 100%!important; */
  /* box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .12), 0 7px 10px -5px rgba(0, 0, 0, .15); */

}
.no-indent .select2-container--bootstrap{
  padding-left: 34px;
}
.hidden-loc,.hidden-dat,.hidden-inc,.hidden-typ, .hidden-ymd{
  /*display:none;*/
}
.destination-filter .noresult{
  margin-top: 20px;
}


.oselect-style  .SumoSelect *,
.oselect-style  .SumoSelect *:focus *,
.oselect-style  .SumoSelect *:hover *,
.oselect-style  .SumoSelect *:blur *{
  outline:none!important;
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.oselect-style  .SumoSelect .CaptionCont{
 background: transparent!important;
 color: #333!important;
 border: 0!important;
 border-bottom: 1px solid #000!important;
 height: 50px;
 padding-top: 14px!important;
 padding-left: 0!important;
}

.oselect-style .SumoSelect.open>.optWrapper{
  border-color: #fff!important;
  background:#161e35;
  top:50px;
  box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);
}
.oselect-style .SumoSelect{
  width:100%;
}
.oselect-style .SumoSelect.open li.opt:first-child{
display:none;
}
.oselect-style .SumoSelect .options  li.opt{
  border-color: #fff;
  background: #fff;
  height: 46px;
  padding-top: 15px;
  padding-left: 20px;
  color: #333;
}
.oselect-style .SumoSelect > .optWrapper > .options li.opt.disabled{
background-color: #fff;
}
.oselect-style .SumoSelect .optWrapper > .options li label{
  color: #333;
}
.oselect-style .SumoSelect > .optWrapper > .options li.opt:hover{background: #333;}

.oselect-style .SumoSelect > .optWrapper > .options li.opt:hover label,
.oselect-style .SumoSelect > .optWrapper > .options li.opt.selected label{
  color:#fff;
}

.oselect-style .SumoSelect > .optWrapper > .options li.opt.selected{
  background: #000;
  color:#fff;
}
.oselect-style .SumoSelect>.CaptionCont>label>i{
    border-top: 5px solid #333;
    top: 21px;
}
.oselect-style .SumoSelect > .CaptionCont > span{
    font-weight: bold;
}
.oselect-style .SumoSelect > .CaptionCont > span.placeholder {
    background: 0 0!important;
    color: #333!important;
    border: 0!important;
    font-size: 15px;
    font-style: normal;
}
/*
.oselect-style .SumoSelect .multiple > .options li.opt.selected span,
.oselect-style .SumoSelect > .optWrapper.multiple > .options li.opt span{
display: none;
}
*/
.oselect-style .SumoSelect > .optWrapper.multiple > .options li.opt.selected span{

left: 46px;
}
.oselect-style .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i{
   background-image: url(https://cstad.s3.ap-southeast-2.amazonaws.com/website-refresh/1-icons/16x16-icons/tad-line-icons-2021_check-05.svg);
   background-color: unset;
   filter: invert(1);
   width: 24px;
   height: 24px;
}
.oselect-style .SumoSelect .optWrapper > .options li label{
  text-align: center;
  line-height: 16px;
  font-size: 16px!important;
}
.oselect-style .SumoSelect > .optWrapper.multiple > .options li.opt{
padding-left: 0;
}
.oselect-style  .SumoSelect:focus > .CaptionCont, 
.oselect-style  .SumoSelect:hover > .CaptionCont, 
.oselect-style  .SumoSelect.open > .CaptionCont{
box-shadow: none;
border-color: none;
}

/*
.cat-page .destination-filter li{
 opacity: 1;
 transition: all 0.6s ease;

}

.cat-page .destination-filter li.hidden-loc_css,.cat-page .destination-filter li.hidden-inc_css{
 opacity: 0; 
 width:0!important;
 overflow: hidden;
     margin: 0;
    padding: 0;
}
*/

/*
@-webkit-keyframes fadeIn {
0% { opacity: 0; }
20% { opacity: 0; }
40% { opacity: 0.3; }
60% { opacity: 0.5; }
80% { opacity: 0.9; }
100% { opacity: 1; }
}

@keyframes fadeIn {
0% { opacity: 0; }
20% { opacity: 0; }
40% { opacity: 0.3; }
60% { opacity: 0.5; }
80% { opacity: 0.9; }
100% { opacity: 1; }
}

.cat-page .destination-filter li{
    display: block;
    opacity:1;
  -webkit-animation-name: fadeIn;
-webkit-animation-duration: 1.5s;
animation-name: fadeIn;
animation-duration: 1.5s;
}
.cat-page .destination-filter li.hidden-loc_css,.cat-page .destination-filter li.hidden-inc_css{
   display:none;
     opacity:0;
  }
*/
.search-filter .filter-text{
   color:#fff;
   padding-top:14px;
   font-size:23px;
   font-family: var(--font-family-title);
   display: none;
 }
 .search-filter .filter-year{
  padding-left:0;
 }
#addadate{
 text-shadow: none;
    box-shadow: none;
    border: none;
    height: 30px;
    width: 100px;
    background:#f5f5f5;
    display:none;
}
#clear-alldates{
  color:#fff;
  /*padding-top:5px;*/
  cursor:pointer;
  text-decoration: underline;
}
#cleardates{
  background: transparent;
    border: 1px solid;
        height: 44px;
    padding: 0 20px;
}
#cleardates:hover{
  background: #fff;
  color:#161e35;
}
#date-tags, #inc-tags{
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      line-height: 1.42857143;
      list-style: none;
      margin: 0;
      overflow: hidden;
      padding: 0;
      width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
}
#date-tags li,#inc-tags li{
    cursor: default;
    float: left;
    margin: 5px 0 0 6px;
    padding: 2px 6px;
    margin: 4px 0 0 6px;
    padding: 8px 15px;
    border-radius: 22px;
    font-size: 15px;
    padding-top: 9px;
        margin-left: 0;
    margin-right: 10px;
}

#inc-tags li{
  background: #fff;
  color: #333;
}
#date-tags li{
background: #333;
  color: #fff;
   border:1px solid #333;
}
#inc-tags li.disabled{
opacity:0.3;
display:none;
}
 
   
#date-tags li:first-child,#inc-tags li:first-child,
#inc-tags li:nth-child(3){
  margin-left:0;

}
#date-tags li span.dtag-remove, 
#inc-tags li span.inctag-remove{
      cursor: pointer;
      display: inline-block;
      font-weight: bold;
      float: right;
      margin-left: 8px;
      color: #fff;
      margin-right: 1px;
      /* transform: rotate(45deg); */
}
#inc-tags{

}
#inc-tags li{

padding: 8px 10px;

margin: 4px 0 10px 18px;

min-width: 152px;
    padding-left: 0!important;
}
#inc-tags li:first-child, #inc-tags li:nth-child(3){

}
#inc-tags li span.inctag-remove{
}
#inc-tags li span.inctag-remove.disabled{
opacity:0.1;
}
#inc-tags li:not(.picked){
  background:transparent;
}

#inc-tags li:not(.picked) .badge-icon{
    background-color: #333;
}
#inc-tags li:not(.picked) span.inctag-remove{color:#333;transform: rotate(45deg);}
#inc-tags li.picked:hover span.inctag-remove{

}
#inc-tags li:not(.picked):hover span.inctag-remove{
  
}
#inc-tags li:not(.picked) {
    background-clip: padding-box;
    
}
#inc-tags li:not(.picked) span:not(.inctag-remove){
opacity:1;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered{
      z-index: 30;
    position: relative;
}

  .filter-hero>div>span {
    font-family: var(--font-family-title);
    font-size: 66px;
    line-height: 1;
    color: #fff;
    letter-spacing: .8px;
    margin-bottom: 48px;
    display:block;
}

.results-sort{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
  
.results-sort span,
.results-sort select {
    margin-right: 10px;
    white-space: nowrap;
    border-radius: 5px;
    padding: 10px;
}
.results-sort>span{
    display: inline-block;
    font-size: 16px;
}
#result-count{
  font-family: var(--font-family-title);
  font-size: 14px;
  font-weight: 700;
  padding-top: 30px;
  padding-bottom: 10px;
}
.results-actions {
  color: #4D4D4D;
  border-bottom: 1px solid #CCC;
  margin-bottom: 30px;
  margin-top: 10px;
}
.results-sort .SumoSelect>.CaptionCont {
    border: 0px solid #c6c6c6 !important;
    padding: 10px 14px;
    color: #999999 !important;
    background: #f5f5f5;
    box-shadow: none;
    font-size: 20px!important;
}
.results-sort .SumoSelect{
  box-shadow: none;
}
.destination-filter .SumoSelect .optWrapper li label{
  font-size: 20px!important;
}
.destination-filter .SumoSelect .optWrapper li{
  width:100%;
}
.search-filter  .wrap-text,
.search-filter .wrap-text{
  height:40px;
}
.search-filter .wrap-text h3{
margin-top: 0;
    text-transform: uppercase;
    font-family: var(--font-family-title);
    font-size: 24px;
} 
.filter-inclusions{

}
.search-landing button.btnstyle{
    width: 100px;
    width: 17%;
    min-width: 110px;
    height: 44px;
    margin-left: 10px;
    border-radius: 0;
    background: #000;
    font-size: 20px;
    font-family: var(--font-family-title);
}
.search-landing .select2-wrapper {
    overflow: hidden;
    position: relative;
    padding-right: 0;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);
}

.cat-filters #inc-tags li{ 
    background: transparent;
    color: #e9af01;
    
}
.cat-filters #inc-tags li:not(.picked){
     

}

.travel-filter #inc-tags li,.travel-filter .has-custom-radcheck .checkbox span {
   color: #00bfd6;
    
  }
  .stay-filter #inc-tags li{
   min-width: 195px; 
   margin-left:0;
  }
  .stay-filter .has-custom-radcheck .checkbox span{
    color:#e9af01
  }
  .travel-filter #inc-tags li:not(.picked){
    
    
  }
.travel-filter .cat-filters #inc-tags li{
    color: #00bfd6;
   
}
.cat-filters #inc-tags li:not(.picked) span.inctag-remove{
color: #e9af01;
}
.travel-filter #inc-tags li:not(.picked) span.inctag-remove{
  color: #00bfd6;
}
.cat-filters #inc-tags li:not(.picked) .badge-icon{
  background: #e9af01;
}
.travel-filter #inc-tags li:not(.picked) .badge-icon{
  background: #00bfd6;
}
.cat-filters #date-tags li{
    background: #e9af01;
    color: #fff;
    border: 1px solid #e9af01;
}
.travel-filter #date-tags li{
   background: #00bfd6;
    border: 1px solid #00bfd6;
     
}
.cat-filters #search-destinations .fa-map-marker{
    color: #e9af01;
}
.travel-filter  #search-destinations .fa-map-marker{
  color:#00bfd6;
}
.cat-filters #search-destinations{
width: 100%;
}
.cat-filters #search-destinations .select2-wrapper{
background:#fff;
}

.stay-filter #search-destinations .select2-selection__choice{
    background: #e9af01;
}
.travel-filter #search-destinations .select2-selection__choice{
    background: #00bfd6;
}
.travelpage.triplisting .listingcategory,
.staypage.triplisting .listingcategory,
#search-pagem .triplisting .listingcategory{
  margin-top:0;
}
@media (max-width: 768px) {
 .search-landing button.btnstyle,
  #home-filter-area  .btnstyle{
     font-size:18px;
  }

  }
 @media (max-width: 1200px){
    #inc-tags li{
        margin-left:0;
        display:block;
       /* float:none; */
    }
    
    .filter-inclusions .inc-wrap{
    /*max-width: 200px;*/
 
    }
    .search-filter .filter-month {
    padding-left: 0;
}
}



  @media (max-width: 991px){

    .search-filter .SumoSelect > .optWrapper > .options{
           max-height: 85vh; 
    }
    .filter-inclusions .inc-wrap{
    /*max-width: 200px;*/
  }
    #inc-tags li{
        margin-left:0;
            padding-bottom: 2px;
       /* max-width:300px;*/
    }
    .filter-inclusions{
      padding-top:40px;
      float:none!important;
          clear: both;
          width:100%;
    }
    .search-p .container .row{
      padding-left:0;
      padding-right:0;
    }
    
.reset-filters{
   padding-top: 20px;
}
}
@media (max-width: 374px){
#inc-tags li {
padding-top: 2px; 
}

    }
@media (max-width: 600px){

        .search-filter .filter-month .wrap-text{
display:none;
    }
}

/* temp change to teal color for escape */
.stay-filter .has-custom-radcheck .checkbox span,.cat-filters #search-destinations .fa-map-marker{
  color: #01bfd7;  
}
.cat-filters #inc-tags li:not(.picked) .badge-icon{
      background: #00bfd6;
}
.stay-filter .has-custom-radcheck .checkbox-info input[type="checkbox"]:checked+label::before{
      background-color: #01bfd7;
    border-color: #01bfd7;
}
.stay-filter #search-destinations .select2-selection__choice,
body .select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{
  background: #353535!important;
}
.select2-container--bootstrap .select2-results > #select2-dest-finder-results{
max-height: 296px;
}
/* end temp teal change */