.hatNew {
  --hatNew-blue: #518AF9;
  --hatNew-blue-dark: #0046CE;
  --hatNew-ink: #1F2226;
  --hatNew-ink-muted: rgba(31, 34, 38, 0.55);
  --hatNew-separator: #D6E4FE;
  --hatNew-bar-height: 56px;
  --hatNew-radius: 8px;
  --hatNew-field-radius: 4px;
  --hatNew-popup-radius: 12px;
  --hatNew-paper: #fff;
  position: relative;
  z-index: 120;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
}
@font-face {
  font-family: 'Proxima Nova Semibold';
  font-weight: normal;
  font-style: normal;
  src: url('4c54995f4268a894.woff2') format('woff2');
}
.hatNew *,
.hatNew *::before,
.hatNew *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hatNew-panel {
  padding: 32px 0 40px;
  background: var(--hatNew-blue);
  color: var(--hatNew-paper);
  border-radius: 0;
}
.hatNew--mini .hatNew-panel {
  padding: 16px 0;
}
.hatNew-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  min-height: 40px;
  margin-bottom: 70px;
}
.hatNew--hasH1 .hatNew-top {
  margin-bottom: 32px;
}
.hatNew-h1 {
  margin: 0 0 32px;
  color: var(--hatNew-paper);
  font-family: 'Proxima Nova Semibold', sans-serif;
  font-size: 36px;
  font-weight: normal;
  line-height: normal;
  text-align: center;
}
.hatNew-topLeft,
.hatNew-topRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}
.hatNew-topRight {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 28px;
}
.hatNew-topCenter {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center;
}
.hatNew-burger {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hatNew-paper);
  cursor: pointer;
}
.hatNew-burgerIcon {
  display: block;
  width: 24px;
  height: 24px;
  background: url('dc2519baeab05c67.svg') no-repeat center;
  background-size: contain;
}
.hatNew-burger:hover,
.hatNew-burger:focus {
  opacity: 0.85;
  outline: none;
}
.hatNew-logo {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
.hatNew-logo--desktop {
  width: 142px;
  height: 34px;
  background-image: url('b7103b4d93b21a29.svg');
}
.hatNew-logo--mobile {
  display: none;
  width: 62px;
  height: 11px;
  margin: 0 auto;
  background-image: url('a9da06fde3854315.svg');
  background-position: center;
}
.hatNew-phone {
  font-family: 'Proxima Nova Medium', 'Proxima Nova', sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: var(--hatNew-paper);
  text-decoration: none;
  white-space: nowrap;
}
.hatNew-phone--mobile {
  display: none;
}
.hatNew-phoneIcon {
  display: block;
  width: 24px;
  height: 24px;
  background: url('1c3f816ca50fd68c.svg') no-repeat center;
  background-size: contain;
}
.hatNew-phone:hover,
.hatNew-phone:focus {
  color: var(--hatNew-paper);
  opacity: 0.9;
  text-decoration: none;
}
.hatNew-switchSite {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 20px;
  color: var(--hatNew-paper);
  cursor: pointer;
  white-space: nowrap;
}
.hatNew-switchSiteIcon {
  display: inline-block;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: url('be4dd0b559455f91.svg') no-repeat center;
  background-size: contain;
}
.hatNew-switchSite:hover {
  opacity: 0.9;
}
.hatNew-cabinetLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 20px;
  color: var(--hatNew-paper);
  text-decoration: none;
  white-space: nowrap;
  border: 0;
  border-radius: var(--hatNew-radius);
  background: rgba(255, 255, 255, 0.16);
  -webkit-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
}
.hatNew-cabinetIcon {
  display: inline-block;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: url('96f0abae7c07b881.svg') no-repeat center;
  background-size: contain;
}
.hatNew-cabinetLink:hover,
.hatNew-cabinetLink:focus {
  color: var(--hatNew-paper);
  text-decoration: none;
  background: rgba(255, 255, 255, 0.28);
}
.hatNew-verticals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: safe center;
      -ms-flex-pack: safe center;
          justify-content: safe center;
  gap: 8px;
  margin: 0 0 16px;
  padding: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.hatNew-verticals::-webkit-scrollbar {
  display: none;
}
.hatNew-vertical {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 6px 10px;
  font-family: 'Proxima Nova Medium', 'Proxima Nova', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--hatNew-paper);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--hatNew-field-radius);
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.16);
  -webkit-transition: background-color 0.15s ease, color 0.15s ease;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.hatNew-vertical:hover,
.hatNew-vertical:focus {
  color: var(--hatNew-paper);
  text-decoration: none;
  background: rgba(255, 255, 255, 0.24);
  outline: none;
}
.hatNew-vertical.is-active {
  color: var(--hatNew-blue);
  background: var(--hatNew-paper);
  pointer-events: none;
}
.hatNew-verticalIcon {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: inherit;
}
.hatNewFinder {
  width: 100%;
  color: var(--hatNew-ink);
}
.hatNewFinder-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 4px;
  width: 100%;
  min-width: 0;
}
.hatNewFinder-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  height: var(--hatNew-bar-height);
  background: var(--hatNew-paper);
  border-radius: var(--hatNew-field-radius);
  -webkit-box-shadow: 0 4px 24px rgba(4, 12, 27, 0.12);
          box-shadow: 0 4px 24px rgba(4, 12, 27, 0.12);
}
.hatNewFinder-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.hatNewFinder-item--dates {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 250px;
          flex: 0 0 250px;
  max-width: 250px;
  min-width: 0;
}
.hatNewFinder-item--passengersGroup {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 285px;
          flex: 0 0 285px;
  max-width: 285px;
  min-width: 0;
}
.hatNewFinder-item--passengersGroup:has(.hatNewFinder-field--baggage) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 320px;
          flex: 0 0 320px;
  max-width: 320px;
}
.hatNewFinder-item--duration {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
  max-width: 160px;
  min-width: 0;
}
.hatNewFinder-field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  min-width: 0;
  padding: 0;
}
.hatNewFlyout-header {
  display: none;
}
.hatNewFlyout-content {
  display: contents;
}
.hatNewFinder-field > hat-new-float-field,
.hatNewFinder-field .hatNewFlyout-content > hat-new-float-field {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 46px;
}
.hatNewFinder-field > hat-new-float-field > .hatNewFloatField,
.hatNewFinder-field .hatNewFlyout-content > hat-new-float-field > .hatNewFloatField,
.hatNewFinder-field > .hatNewFloatField {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 46px;
}
html.hatNew-flyout-open,
html.hatNew-flyout-open body {
  overflow: hidden !important;
}
.hatNewFloatField {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 46px;
  overflow: visible;
}
.hatNewFloatField-placeholder {
  position: absolute;
  top: 10px;
  left: 16px;
  right: 16px;
  z-index: 3;
  margin: 0;
  overflow: hidden;
  font-family: 'Proxima Nova Medium', 'Proxima Nova', sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: var(--hatNew-ink-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  -webkit-transition: top 0.3s ease-in-out, font-size 0.3s ease-in-out, line-height 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, font-size 0.3s ease-in-out, line-height 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, transform 0.3s ease-in-out, font-size 0.3s ease-in-out, line-height 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, transform 0.3s ease-in-out, font-size 0.3s ease-in-out, line-height 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  will-change: top, transform, font-size;
}
.hatNewFloatField.is-accent .hatNewFloatField-placeholder {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  line-height: 20px;
}
.hatNewFloatField-body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: auto;
  height: auto;
  min-height: 0;
  margin: 0;
}
.hatNewFloatField-body > .finderLook,
.hatNewFloatField-body > .iDrPicker,
.hatNewFloatField-body > .iDatePicker,
.hatNewFloatField-body > .iPassengersPicker,
.hatNewFloatField-body > .iBaggagePicker,
.hatNewFloatField-body > .hatNewDurationPicker,
.hatNewFloatField-body > .input-group,
.hatNewFloatField-body > .finderLook > .finderLook-inner,
.hatNewFloatField-body > .finderLook .finderLook-control,
.hatNewFloatField-body > hat-new-tsp-town > .finderLook,
.hatNewFloatField-body > hat-new-tsp-town > .finderLook > .finderLook-inner,
.hatNewFloatField-body > hat-new-tsp-town > .finderLook .finderLook-control,
.hatNewFloatField-body > .iDrPicker > .input-group,
.hatNewFloatField-body > .iDatePicker.input-group,
.hatNewFloatField-body > finder-look,
.hatNewFloatField-body > hat-new-tsp-town,
.hatNewFloatField-body > i-dr-picker,
.hatNewFloatField-body > i-date-picker,
.hatNewFloatField-body > i-passengers-picker,
.hatNewFloatField-body > i-baggage-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.hatNewFloatField-body > finder-look,
.hatNewFloatField-body > hat-new-tsp-town,
.hatNewFloatField-body > i-dr-picker,
.hatNewFloatField-body > i-date-picker,
.hatNewFloatField-body > i-passengers-picker,
.hatNewFloatField-body > i-baggage-picker {
  display: block;
}
.hatNewFloatField-body > hat-new-tsp-town > .finderLook,
.hatNewFloatField-body > hat-new-tsp-town > .finderLook > .finderLook-inner,
.hatNewFloatField-body > hat-new-tsp-town > .finderLook .finderLook-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.hatNewFloatField .form-control::-webkit-input-placeholder,
.hatNewFloatField input::-webkit-input-placeholder {
  color: transparent !important;
  opacity: 0 !important;
}
.hatNewFloatField .form-control::-moz-placeholder,
.hatNewFloatField input::-moz-placeholder {
  color: transparent !important;
  opacity: 0 !important;
}
.hatNewFloatField .form-control::-ms-input-placeholder,
.hatNewFloatField input::-ms-input-placeholder {
  color: transparent !important;
  opacity: 0 !important;
}
.hatNewFloatField .form-control::placeholder,
.hatNewFloatField input::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}
.hatNewFinder-fields .hatNewFloatField-body .form-control,
.hatNewFinder-fields .hatNewFloatField-body input[type=text].form-control,
.hatNewFinder-fields .hatNewFloatField-body .finderLook .form-control,
.hatNewFinder-fields .hatNewFloatField-body .iPassengersPicker-view,
.hatNewFinder-fields .hatNewFloatField-body .iBaggagePicker-view,
.hatNewFinder-fields .hatNewFloatField-body .hatNewDurationPicker-view,
.hatNewFinder-fields .hatNewFloatField-body .finderSelect.form-control {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  height: 100% !important;
  max-height: 100%;
  min-height: 0 !important;
  padding: 30px 40px 6px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  font-family: 'Proxima Nova Medium', 'Proxima Nova', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: var(--hatNew-ink);
  cursor: pointer;
}
.hatNewFinder-fields .hatNewFloatField-body .iPassengersPicker-view,
.hatNewFinder-fields .hatNewFloatField-body .iBaggagePicker-view,
.hatNewFinder-fields .hatNewFloatField-body .hatNewDurationPicker-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.hatNewFinder-fields .hatNewFloatField.is-accent .form-control,
.hatNewFinder-fields .hatNewFloatField.is-accent input[type=text].form-control {
  padding-top: 6px;
  padding-bottom: 6px;
}
.hatNewFinder-fields .hatNewFloatField-body .finderLook .input-group-btn,
.hatNewFinder-fields .hatNewFloatField-body .iDrPicker .iDrPicker-inputCalendar,
.hatNewFinder-fields .hatNewFloatField-body .iDatePicker .input-group-btn {
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 15px;
  margin: 0;
}
.hatNewFinder-fields .hatNewFloatField-body .finderLook .input-group,
.hatNewFinder-fields .hatNewFloatField-body .iDrPicker > .input-group,
.hatNewFinder-fields .hatNewFloatField-body .iDatePicker.input-group {
  position: relative;
}
.hatNewFinder-fields .hatNewFloatField-body .finderLook .input-group-btn .btn,
.hatNewFinder-fields .hatNewFloatField-body .iDrPicker .iDrPicker-inputCalendarBtn,
.hatNewFinder-fields .hatNewFloatField-body .iDatePicker .iDatePicker-calendarBtn {
  height: 24px;
  padding: 0 4px;
  border: 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--hatNew-blue);
}
.hatNewFinder-fields input[type=text].form-control:focus ~ .input-group-btn > .btn {
  background-color: transparent;
  border-color: transparent;
}
.hatNewFinder-fields .finderLook .aleanIcons-close {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background: url('9b7e7023126595f2.svg') no-repeat center;
  background-size: 24px 24px;
}
.hatNewFinder-fields .finderLook .aleanIcons-close::before {
  content: none !important;
}
.hatNewDurationPicker-caret,
.hatNewFinder-fields .iPassengersPicker-caret {
  position: absolute;
  top: 17px;
  right: 12px;
  bottom: auto;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background: url('a909bdfcb494b0a5.svg') no-repeat center;
  background-size: 24px 24px;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
.hatNewDurationPicker-caret::before,
.hatNewFinder-fields .iPassengersPicker-caret::before {
  content: none !important;
}
.hatNewDurationPicker.open .hatNewDurationPicker-caret,
.hatNewFinder-fields .iPassengersPicker.open .iPassengersPicker-caret {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.hatNewFinder-fields .hatNewFloatField-body .hatNewDurationPicker-view {
  padding-right: 44px;
}
.hatNewFinder-fields .hatNewFloatField-body .iPassengersPicker-view {
  padding-top: 28px;
  padding-right: 44px;
}
.hatNewFinder-fields .hatNewFloatField-body .finderSelect.form-control {
  padding-top: 28px;
}
.hatNewFinder .dropdown-menu,
.hatNewFinder .iDrPicker-dropdown,
.hatNewFinder .hatNewDurationPicker-menu {
  z-index: 1060;
  border-radius: 8px;
}
.hatNewFinder .iPassengersPicker-edit {
  z-index: 1060;
  overflow: visible;
}
.hatNewFinder .hatNewDurationPicker-menu {
  z-index: 1060;
  min-width: 100%;
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 4px 0;
  margin-top: 8px;
  border: 0;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 24px rgba(4, 12, 27, 0.16);
          box-shadow: 0 8px 24px rgba(4, 12, 27, 0.16);
}
.hatNewFinder .iDrPicker-dropdown {
  overflow: visible;
}
.hatNewFinder .iDrPicker .iDrPicker-dropdown {
  margin-top: 8px;
  padding: 16px;
  border: 0;
  background: var(--hatNew-paper);
  -webkit-box-shadow: 0 8px 24px rgba(31, 34, 38, 0.12);
          box-shadow: 0 8px 24px rgba(31, 34, 38, 0.12);
}
.hatNewFinder .iDrPicker {
  --hatNewCal-range: #ECF3FF;
  --hatNewCal-weekend: #E57373;
  --hatNewCal-disabled: rgba(31, 34, 38, 0.28);
  --hatNewCal-cell: 40px;
  --hatNewCal-radius: 8px;
}
/* Прелоадер при подгрузке календаря (выбор направления) */
.hatNewFinder .iDrPicker .iDrPicker-inputLoading,
.hatNewFinder .iDrPicker .iDrPicker-calendarLoading {
  position: relative;
  overflow: visible;
}
.hatNewFinder .iDrPicker .iDrPicker-inputLoading:before,
.hatNewFinder .iDrPicker .iDrPicker-calendarLoading:before {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  z-index: 1001;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
  border: 3px solid rgba(81, 138, 249, 0.25);
  border-top-color: var(--hatNew-blue);
  border-radius: 50%;
  background: transparent;
  color: transparent;
  font-size: 0;
  -webkit-animation: hatNewSpin 0.7s linear infinite;
          animation: hatNewSpin 0.7s linear infinite;
  pointer-events: none;
}
.hatNewFinder .iDrPicker .iDrPicker-inputLoading:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  content: '';
  background: var(--hatNew-paper);
  opacity: 1;
  border-radius: var(--hatNew-field-radius);
  pointer-events: none;
}
.hatNewFinder .iDrPicker .iDrPicker-calendarLoading:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  content: '';
  background: var(--hatNew-paper);
  opacity: 1;
  border-radius: var(--hatNew-popup-radius);
  pointer-events: none;
}
@-webkit-keyframes hatNewSpin {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes hatNewSpin {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
.hatNewFinder .iDrPicker .iDrPicker-table {
  max-width: 300px;
}
.hatNewFinder .iDrPicker .u-tableBlank {
  display: table;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
}
.hatNewFinder .iDrPicker .iDrPicker-month {
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--hatNew-ink);
  text-align: center;
}
.hatNewFinder .iDrPicker .iDrPicker-weekDay {
  padding-bottom: 8px;
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: var(--hatNew-ink-muted);
}
.hatNewFinder .iDrPicker .iDrPicker-weekDay:nth-child(n+6) {
  color: var(--hatNewCal-weekend);
}
.hatNewFinder .iDrPicker .iDrPicker-cell {
  height: var(--hatNewCal-cell);
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--hatNew-ink);
}
.hatNewFinder .iDrPicker .iDrPicker-cell.text-muted,
.hatNewFinder .iDrPicker .iDrPicker-cell--dis,
.hatNewFinder .iDrPicker .iDrPicker-cell--dis:hover,
.hatNewFinder .iDrPicker .iDrPicker-cell--off,
.hatNewFinder .iDrPicker .iDrPicker-cell--off:hover {
  color: var(--hatNewCal-disabled);
  background: transparent;
  cursor: not-allowed;
}
.hatNewFinder .iDrPicker .iDrPicker-cell:not(.iDrPicker-cell--dis):not(.iDrPicker-cell--off):not(.iDrPicker-cell--arrow):hover {
  background: transparent;
}
.hatNewFinder .iDrPicker .iDrPicker-cell:not(.iDrPicker-cell--dis):not(.iDrPicker-cell--off):not(.iDrPicker-cell--arrow):hover .iDrPicker-cellDate {
  background: var(--hatNew-blue);
  color: #fff;
  border-radius: var(--hatNewCal-radius);
}
.hatNewFinder .iDrPicker .iDrPicker-cellDateWrap {
  width: 100%;
  height: var(--hatNewCal-cell);
}
.hatNewFinder .iDrPicker .iDrPicker-cellDate {
  width: var(--hatNewCal-cell);
  height: var(--hatNewCal-cell);
  margin: 0 auto;
  border-radius: var(--hatNewCal-radius);
}
.hatNewFinder .iDrPicker .iDrPicker-cell--inRange,
.hatNewFinder .iDrPicker .iDrPicker-cell--dis.iDrPicker-cell--inRange,
.hatNewFinder .iDrPicker .iDrPicker-cell--off.iDrPicker-cell--inRange {
  background-color: var(--hatNewCal-range);
  color: var(--hatNew-ink);
}
.hatNewFinder .iDrPicker .iDrPicker-cell--inRange:hover .iDrPicker-cellDate {
  background: var(--hatNew-blue);
  color: #fff;
}
.hatNewFinder .iDrPicker .iDrPicker-cell--from,
.hatNewFinder .iDrPicker .iDrPicker-cell--from:hover,
.hatNewFinder .iDrPicker .iDrPicker-cell--from.iDrPicker-cell--dis,
.hatNewFinder .iDrPicker .iDrPicker-cell--from.iDrPicker-cell--dis:hover,
.hatNewFinder .iDrPicker .iDrPicker-cell--from.iDrPicker-cell--off,
.hatNewFinder .iDrPicker .iDrPicker-cell--from.iDrPicker-cell--off:hover,
.hatNewFinder .iDrPicker .iDrPicker-cell--from.iDrPicker-cell--hlt,
.hatNewFinder .iDrPicker .iDrPicker-cell--from.iDrPicker-cell--hlt:hover,
.hatNewFinder .iDrPicker .iDrPicker-cell--to,
.hatNewFinder .iDrPicker .iDrPicker-cell--to:hover,
.hatNewFinder .iDrPicker .iDrPicker-cell--to.iDrPicker-cell--dis,
.hatNewFinder .iDrPicker .iDrPicker-cell--to.iDrPicker-cell--dis:hover,
.hatNewFinder .iDrPicker .iDrPicker-cell--to.iDrPicker-cell--off,
.hatNewFinder .iDrPicker .iDrPicker-cell--to.iDrPicker-cell--off:hover,
.hatNewFinder .iDrPicker .iDrPicker-cell--to.iDrPicker-cell--hlt,
.hatNewFinder .iDrPicker .iDrPicker-cell--to.iDrPicker-cell--hlt:hover {
  color: #fff;
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.hatNewFinder .iDrPicker .iDrPicker-cell--from .iDrPicker-cellDateWrap,
.hatNewFinder .iDrPicker .iDrPicker-cell--from:hover .iDrPicker-cellDateWrap,
.hatNewFinder .iDrPicker .iDrPicker-cell--from.iDrPicker-cell--dis .iDrPicker-cellDateWrap,
.hatNewFinder .iDrPicker .iDrPicker-cell--from.iDrPicker-cell--off .iDrPicker-cellDateWrap,
.hatNewFinder .iDrPicker .iDrPicker-cell--from.iDrPicker-cell--hlt .iDrPicker-cellDateWrap {
  width: 100%;
  height: var(--hatNewCal-cell);
  background: var(--hatNewCal-range);
  border-radius: var(--hatNewCal-radius) 0 0 var(--hatNewCal-radius);
}
.hatNewFinder .iDrPicker .iDrPicker-cell--to .iDrPicker-cellDateWrap,
.hatNewFinder .iDrPicker .iDrPicker-cell--to:hover .iDrPicker-cellDateWrap,
.hatNewFinder .iDrPicker .iDrPicker-cell--to.iDrPicker-cell--dis .iDrPicker-cellDateWrap,
.hatNewFinder .iDrPicker .iDrPicker-cell--to.iDrPicker-cell--off .iDrPicker-cellDateWrap,
.hatNewFinder .iDrPicker .iDrPicker-cell--to.iDrPicker-cell--hlt .iDrPicker-cellDateWrap {
  width: 100%;
  height: var(--hatNewCal-cell);
  background: var(--hatNewCal-range);
  border-radius: 0 var(--hatNewCal-radius) var(--hatNewCal-radius) 0;
}
.hatNewFinder .iDrPicker .iDrPicker-cell--from .iDrPicker-cellDate,
.hatNewFinder .iDrPicker .iDrPicker-cell--from:hover .iDrPicker-cellDate,
.hatNewFinder .iDrPicker .iDrPicker-cell--to .iDrPicker-cellDate,
.hatNewFinder .iDrPicker .iDrPicker-cell--to:hover .iDrPicker-cellDate {
  width: var(--hatNewCal-cell);
  height: var(--hatNewCal-cell);
  margin: 0 auto;
  margin-left: auto;
  border-radius: var(--hatNewCal-radius);
  background-color: var(--hatNew-blue);
  color: #fff;
}
.hatNewFinder .iDrPicker .iDrPicker-cell--from.iDrPicker-cell--to,
.hatNewFinder .iDrPicker .iDrPicker-cell--from.iDrPicker-cell--to:hover {
  color: var(--hatNew-blue);
}
.hatNewFinder .iDrPicker .iDrPicker-cell--from.iDrPicker-cell--to .iDrPicker-cellDateWrap,
.hatNewFinder .iDrPicker .iDrPicker-cell--from.iDrPicker-cell--to:hover .iDrPicker-cellDateWrap {
  background: transparent;
  border-radius: var(--hatNewCal-radius);
}
.hatNewFinder .iDrPicker .iDrPicker-cell--from.iDrPicker-cell--to .iDrPicker-cellDate,
.hatNewFinder .iDrPicker .iDrPicker-cell--from.iDrPicker-cell--to:hover .iDrPicker-cellDate {
  background-color: var(--hatNewCal-range);
  color: var(--hatNew-blue);
  border-radius: var(--hatNewCal-radius);
}
.hatNewFinder .iDrPicker .iDrPicker-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  line-height: 1;
  color: #333333;
  border: 1px solid var(--hatNew-separator);
  border-radius: 6px;
  background: var(--hatNew-paper);
  cursor: pointer;
  -webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.hatNewFinder .iDrPicker .iDrPicker-arrow i,
.hatNewFinder .iDrPicker .iDrPicker-arrow .aleanIcons-arrow-right {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background: no-repeat center;
  background-size: 24px 24px;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}
.hatNewFinder .iDrPicker .iDrPicker-arrow i::before,
.hatNewFinder .iDrPicker .iDrPicker-arrow .aleanIcons-arrow-right::before {
  content: none !important;
}
.hatNewFinder .iDrPicker .iDrPicker-arrow--prev i,
.hatNewFinder .iDrPicker .iDrPicker-arrow--prev .aleanIcons-arrow-right {
  background-image: url('2f2f092e8d5fdb8a.svg');
}
.hatNewFinder .iDrPicker .iDrPicker-arrow--next i,
.hatNewFinder .iDrPicker .iDrPicker-arrow--next .aleanIcons-arrow-right {
  background-image: url('72d0ca548acb3f97.svg');
}
.hatNewFinder .iDrPicker .iDrPicker-arrow:hover,
.hatNewFinder .iDrPicker .iDrPicker-arrow:focus,
.hatNewFinder .iDrPicker .iDrPicker-cell--arrow:hover .iDrPicker-arrow {
  color: var(--hatNew-paper);
  background-color: var(--hatNew-blue);
  border-color: var(--hatNew-blue);
  outline: none;
}
.hatNewFinder .iDrPicker .iDrPicker-arrow:hover i,
.hatNewFinder .iDrPicker .iDrPicker-arrow:focus i,
.hatNewFinder .iDrPicker .iDrPicker-cell--arrow:hover .iDrPicker-arrow i {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.hatNewFinder .iDrPicker .iDrPicker-cell--dis .iDrPicker-arrow,
.hatNewFinder .iDrPicker .iDrPicker-cell--dis:hover .iDrPicker-arrow {
  color: var(--hatNewCal-disabled);
  border-color: rgba(31, 34, 38, 0.2);
  background: var(--hatNew-paper);
  cursor: not-allowed;
  opacity: 0.4;
}
.hatNewFinder .iDrPicker .iDrPicker-cell--dis .iDrPicker-arrow i,
.hatNewFinder .iDrPicker .iDrPicker-cell--dis:hover .iDrPicker-arrow i {
  -webkit-filter: none;
          filter: none;
}
.hatNewFinder .iDrPicker .iDrPicker-cell--arrow:hover {
  background: transparent;
}
.hatNewFinder .iDrPicker .iDrPicker-cell.iDrPicker-cell--arrow,
.hatNewFinder .iDrPicker .iDrPicker-cell.iDrPicker-cell--arrow.iDrPicker-cell--next {
  height: auto;
}
.hatNewFinder .iDrPicker .iDrPicker-footer {
  margin-top: 12px;
  height: auto;
  min-height: 24px;
}
.hatNewFinder .iDrPicker .iDrPicker-diffDays {
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--hatNew-ink);
}
.hatNewFinder .iDrPicker .iDrPicker-goToFinder {
  display: none !important;
}
.hatNewFinder .iDatePicker {
  --hatNewCal-weekend: #E57373;
  --hatNewCal-disabled: rgba(31, 34, 38, 0.28);
  --hatNewCal-cell: 40px;
  --hatNewCal-radius: 8px;
}
.hatNewFinder .iDatePicker .uib-datepicker-popup {
  margin-top: 8px;
  padding: 16px;
  border: 0;
  border-radius: var(--hatNew-popup-radius);
  background: var(--hatNew-paper);
  -webkit-box-shadow: 0 8px 24px rgba(31, 34, 38, 0.12);
          box-shadow: 0 8px 24px rgba(31, 34, 38, 0.12);
  color: var(--hatNew-ink);
}
.hatNewFinder .iDatePicker .uib-datepicker table {
  width: auto;
  max-width: 300px;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
}
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-title {
  padding: 0;
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--hatNew-ink);
  border: 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.hatNewFinder .iDatePicker .uib-datepicker .uib-title strong {
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--hatNew-ink);
  text-transform: capitalize;
}
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-title:hover,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-title:focus,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-title:active {
  border: 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--hatNew-ink);
}
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-left,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-right {
  vertical-align: middle;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  padding: 0;
  font-size: 0;
  line-height: 1;
  color: transparent;
  border: 1px solid var(--hatNew-separator);
  border-radius: 6px;
  background-color: var(--hatNew-paper);
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-left i,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-right i {
  display: none;
}
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-left::after,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-right::after {
  display: block;
  width: 24px;
  height: 24px;
  content: '';
  background-color: #333333;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-left::after {
  -webkit-mask-image: url('2f2f092e8d5fdb8a.svg');
  mask-image: url('2f2f092e8d5fdb8a.svg');
}
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-right::after {
  -webkit-mask-image: url('72d0ca548acb3f97.svg');
  mask-image: url('72d0ca548acb3f97.svg');
}
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-left:hover,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-left:focus,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-right:hover,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-right:focus {
  background-color: var(--hatNew-blue);
  border-color: var(--hatNew-blue);
  outline: none;
}
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-left:hover::after,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-left:focus::after,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-right:hover::after,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-right:focus::after {
  background-color: #fff;
}
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-left:disabled,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-left[disabled],
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-right:disabled,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-right[disabled] {
  color: var(--hatNewCal-disabled);
  border-color: rgba(31, 34, 38, 0.2);
  background-color: var(--hatNew-paper);
  cursor: not-allowed;
  opacity: 0.4;
}
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-left:disabled:hover,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-left[disabled]:hover,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-right:disabled:hover,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-right[disabled]:hover {
  background-color: var(--hatNew-paper);
  border-color: rgba(31, 34, 38, 0.2);
}
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-left:disabled::after,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-left[disabled]::after,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-right:disabled::after,
.hatNewFinder .iDatePicker .uib-datepicker thead .btn.uib-right[disabled]::after {
  background-color: #333333;
}
.hatNewFinder .iDatePicker .uib-daypicker thead > tr:nth-child(2) > th > small {
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: var(--hatNew-ink-muted);
}
.hatNewFinder .iDatePicker .uib-daypicker thead > tr:nth-child(2) > th:nth-child(n+6) > small {
  color: var(--hatNewCal-weekend);
}
.hatNewFinder .iDatePicker .uib-day .btn,
.hatNewFinder .iDatePicker .uib-month .btn,
.hatNewFinder .iDatePicker .uib-year .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: var(--hatNewCal-cell);
  min-width: var(--hatNewCal-cell);
  max-width: var(--hatNewCal-cell);
  height: var(--hatNewCal-cell);
  padding: 0;
  margin: 0 auto;
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--hatNew-ink);
  border: 0;
  border-radius: var(--hatNewCal-radius);
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.hatNewFinder .iDatePicker .uib-day .btn .text-muted,
.hatNewFinder .iDatePicker .uib-day .btn span.text-muted {
  color: var(--hatNewCal-disabled);
}
.hatNewFinder .iDatePicker .uib-day .btn:hover,
.hatNewFinder .iDatePicker .uib-day .btn:focus {
  color: #fff;
  background-color: var(--hatNew-blue);
  border-radius: var(--hatNewCal-radius);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.hatNewFinder .iDatePicker .uib-day .btn:hover span,
.hatNewFinder .iDatePicker .uib-day .btn:focus span {
  color: #fff;
}
.hatNewFinder .iDatePicker .uib-day .btn.active,
.hatNewFinder .iDatePicker .uib-day .btn.btn-info,
.hatNewFinder .iDatePicker .uib-day .btn.active:hover,
.hatNewFinder .iDatePicker .uib-day .btn.btn-info:hover {
  width: var(--hatNewCal-cell);
  min-width: var(--hatNewCal-cell);
  max-width: var(--hatNewCal-cell);
  height: var(--hatNewCal-cell);
  padding: 0;
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
  font-weight: 400;
  color: #fff;
  border-radius: var(--hatNewCal-radius);
  background-color: var(--hatNew-blue);
  border-color: var(--hatNew-blue);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.hatNewFinder .iDatePicker .uib-day .btn.active span,
.hatNewFinder .iDatePicker .uib-day .btn.btn-info span,
.hatNewFinder .iDatePicker .uib-day .btn.active .text-info,
.hatNewFinder .iDatePicker .uib-day .btn.btn-info .text-info {
  color: #fff;
}
.hatNewFinder .iDatePicker .uib-day .btn:disabled,
.hatNewFinder .iDatePicker .uib-day .btn[disabled] {
  color: var(--hatNewCal-disabled);
  background: transparent;
  cursor: not-allowed;
  opacity: 1;
}
.hatNewFinder .iDatePicker .uib-day .btn:disabled:hover,
.hatNewFinder .iDatePicker .uib-day .btn[disabled]:hover {
  color: var(--hatNewCal-disabled);
  background: transparent;
}
.hatNewFinder .iDatePicker .iDatePicker-goToFinder {
  display: none;
}
.hatNewFinder .iPassengersPicker-edit {
  min-width: 340px;
  margin-top: 8px;
  padding: 16px;
  border: 0;
  border-radius: var(--hatNew-popup-radius);
  background: var(--hatNew-paper);
  -webkit-box-shadow: 0 8px 24px rgba(31, 34, 38, 0.12);
          box-shadow: 0 8px 24px rgba(31, 34, 38, 0.12);
}
.hatNewFinder .iPassengersPicker-editRow {
  margin-bottom: 16px;
}
.hatNewFinder .iPassengersPicker-editTitle {
  font-family: 'Proxima Nova Medium', 'Proxima Nova', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--hatNew-ink);
}
.hatNewFinder .iPassengersPicker-editBtnCount {
  width: 32px;
  height: 32px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  font-size: 12px;
  line-height: 1;
  color: var(--hatNew-blue);
  border: 1px solid var(--hatNew-separator);
  border-radius: 4px;
  background-color: var(--hatNew-paper);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.hatNewFinder .iPassengersPicker-editBtnCount .fa {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background: no-repeat center;
  background-size: 24px 24px;
}
.hatNewFinder .iPassengersPicker-editBtnCount .fa::before {
  content: none !important;
}
.hatNewFinder .iPassengersPicker-editBtnCount .fa-minus {
  background-image: url('a7fc480ea7d1ccd4.svg');
}
.hatNewFinder .iPassengersPicker-editBtnCount .fa-plus {
  background-image: url('88796e616242f06a.svg');
}
.hatNewFinder .iPassengersPicker-editBtnCount .fa-times {
  background-image: url('9b7e7023126595f2.svg');
}
.hatNewFinder .iPassengersPicker-editBtnCount:hover,
.hatNewFinder .iPassengersPicker-editBtnCount:focus,
.hatNewFinder .iPassengersPicker-editBtnCount:active {
  color: var(--hatNew-paper);
  background-color: var(--hatNew-blue);
  border-color: var(--hatNew-blue);
  outline: none;
}
.hatNewFinder .iPassengersPicker-editBtnCount:hover .fa,
.hatNewFinder .iPassengersPicker-editBtnCount:focus .fa,
.hatNewFinder .iPassengersPicker-editBtnCount:active .fa {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.hatNewFinder .iPassengersPicker-editBtnCount:disabled,
.hatNewFinder .iPassengersPicker-editBtnCount[disabled] {
  opacity: 0.4;
  cursor: default;
}
.hatNewFinder .iPassengersPicker-editBtnCount:disabled:hover,
.hatNewFinder .iPassengersPicker-editBtnCount[disabled]:hover {
  color: var(--hatNew-blue);
  background-color: var(--hatNew-paper);
  border-color: var(--hatNew-separator);
}
.hatNewFinder .iPassengersPicker-editBtnCount:disabled:hover .fa,
.hatNewFinder .iPassengersPicker-editBtnCount[disabled]:hover .fa {
  -webkit-filter: none;
          filter: none;
}
.hatNewFinder .iPassengersPicker-editAdultNumber,
.hatNewFinder .iPassengersPicker-childText {
  min-width: 20px;
  padding: 0 12px;
  font-family: 'Proxima Nova Medium', 'Proxima Nova', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--hatNew-ink);
  text-align: center;
}
.hatNewFinder .iPassengersPicker-children {
  margin-top: 0;
  margin-bottom: 0;
}
.hatNewFinder .iPassengersPicker-child {
  margin-bottom: 16px;
}
.hatNewFinder .iPassengersPicker-childMain {
  gap: 0;
}
.hatNewFinder .iPassengersPicker-childText {
  margin-right: 0;
}
.hatNewFinder .iPassengersPicker-addChild.form-group {
  margin-bottom: 0;
}
.hatNewFinder .iPassengersPicker-addChild button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 40px;
  padding: 10px 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--hatNew-ink);
  border: 1px solid var(--hatNew-separator);
  border-radius: 4px;
  background-color: var(--hatNew-paper);
  text-decoration: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.hatNewFinder .iPassengersPicker-addChild button:hover,
.hatNewFinder .iPassengersPicker-addChild button:focus,
.hatNewFinder .iPassengersPicker-addChild button:active {
  color: var(--hatNew-paper);
  background-color: var(--hatNew-blue);
  border-color: var(--hatNew-blue);
  text-decoration: none;
  outline: none;
}
.hatNewFinder .iPassengersPicker-childAge.form-group {
  margin-bottom: 12px;
}
.hatNewFinder .iPassengersPicker-addChildTitle {
  margin: 0 0 12px;
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--hatNew-ink-muted);
}
.hatNewFinder .iPassengersPicker-childAgeList {
  height: auto;
  min-height: 0;
}
.hatNewFinder .iPassengersPicker-childAgeListScroller {
  height: auto !important;
  max-height: none;
  padding-right: 0;
}
.hatNewFinder .iPassengersPicker-childAgeListScroller > div:first-child {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 8px;
}
.hatNewFinder .iPassengersPicker-childAgeItemInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: none;
  min-width: 0;
  width: 100%;
  min-height: 36px;
  padding: 8px 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: var(--hatNew-ink);
  cursor: pointer;
  background: var(--hatNew-paper);
  border: 1px solid var(--hatNew-separator);
  border-radius: 4px;
  white-space: nowrap;
}
.hatNewFinder .iPassengersPicker-childAgeItemInner:hover,
.hatNewFinder .iPassengersPicker-childAgeItemInner:focus,
.hatNewFinder .iPassengersPicker-childAgeItemInner:active {
  color: var(--hatNew-paper);
  background-color: var(--hatNew-blue);
  border-color: var(--hatNew-blue);
}
.hatNewFinder .iPassengersPicker-goToFinder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 40px;
  margin-top: 12px;
  padding: 10px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: 'Proxima Nova Medium', 'Proxima Nova', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--hatNew-paper);
  border: 0;
  border-radius: 4px;
  background-color: var(--hatNew-blue);
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}
.hatNewFinder .iPassengersPicker-goToFinder:hover,
.hatNewFinder .iPassengersPicker-goToFinder:focus,
.hatNewFinder .iPassengersPicker-goToFinder:active {
  color: var(--hatNew-paper);
  background-color: var(--hatNew-blue);
  border-color: var(--hatNew-blue);
  outline: none;
  opacity: 0.92;
}
@media (min-width: 768px) {
  .hatNewFinder .iPassengersPicker-goToFinder {
    display: none;
  }
}
.hatNewFinder .finderLook .dropdown-menu {
  margin-top: 8px;
  padding: 12px 8px;
  max-height: 420px;
  overflow-y: auto;
  border: 0;
  border-radius: 8px;
  background: var(--hatNew-paper);
  -webkit-box-shadow: 0 8px 24px rgba(31, 34, 38, 0.12);
          box-shadow: 0 8px 24px rgba(31, 34, 38, 0.12);
}
.hatNewFinder .hatNewTspTown .dropdown-menu,
.hatNewFinder-field--tspTown .dropdown-menu {
  min-width: 300px;
}
.hatNewFinder .finderLook .dropdown-menu > li {
  padding: 0;
}
.hatNewFinder .finderLook .dropdown-menu > li > a,
.hatNewFinder .finderLook .dropdown-menu > li > .finderLook-typeaheadItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 8px 12px;
  overflow: hidden;
  color: var(--hatNew-ink);
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  text-decoration: none;
  border-radius: 6px;
  background: transparent;
}
.hatNewFinder .finderLook .dropdown-menu > li > a:hover,
.hatNewFinder .finderLook .dropdown-menu > li > a:focus,
.hatNewFinder .finderLook .dropdown-menu > .active > a,
.hatNewFinder .finderLook .dropdown-menu > .active > a:hover,
.hatNewFinder .finderLook .dropdown-menu > .active > a:focus {
  background: #F3F6FC;
  color: var(--hatNew-ink);
}
.hatNewFinder .finderLook .finderLook-typeaheadGroup {
  margin: 8px 12px 4px;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--hatNew-ink);
  background: transparent;
  text-transform: none;
  text-align: left;
}
.hatNewFinder .finderLook .dropdown-menu > li:first-child .finderLook-typeaheadGroup {
  margin-top: 0;
}
.hatNewFinder .finderLook .finderLook-typeaheadLabel {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hatNewFinder .finderLook .finderLook-typeaheadIcon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  width: 18px;
  height: 18px;
  background: no-repeat center;
  background-size: contain;
}
.hatNewFinder .finderLook .finderLook-typeaheadIcon--pin {
  background-image: url('b5ba6de433de03d6.svg');
}
.hatNewFinder .finderLook .finderLook-typeaheadIcon--hotel {
  width: 16px;
  -ms-flex-preferred-size: 16px;
      flex-basis: 16px;
  background-image: url('d47530452f54cdb1.svg');
}
.hatNewFinder-field--look {
  -webkit-box-flex: 1.6;
      -ms-flex: 1.6 1 auto;
          flex: 1.6 1 auto;
}
.hatNewFinder-field--tspTown {
  -webkit-box-flex: 1.1;
      -ms-flex: 1.1 1 auto;
          flex: 1.1 1 auto;
}
.hatNewFinder-field--dates,
.hatNewFinder-field--beginDate {
  -webkit-box-flex: 1.2;
      -ms-flex: 1.2 1 auto;
          flex: 1.2 1 auto;
  overflow: visible;
}
.hatNewFinder-field--beginDate .iDatePicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  height: 100%;
}
.hatNewFinder-field--beginDate .iDatePicker-input,
.hatNewFinder-field--beginDate .iDatePicker .form-control {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
.hatNewFinder-field--duration {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  max-width: none;
}
.hatNewFinder-field--passengers {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
.hatNewFinder-field--baggage {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 72px;
          flex: 0 0 72px;
  width: 72px;
  max-width: 72px;
  padding: 10px 12px 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hatNewBaggage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.hatNewBaggage.is-disabled {
  cursor: not-allowed;
}
.hatNewBaggage-placeholder {
  margin: 0;
  font-family: 'Proxima Nova Medium', 'Proxima Nova', sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: var(--hatNew-ink-muted);
  white-space: nowrap;
}
.hatNewBaggage-value {
  display: none;
  margin: 0;
  overflow: hidden;
  font-family: 'Proxima Nova Medium', 'Proxima Nova', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--hatNew-ink);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hatNewBaggage-toggle {
  --hatNew-toggle-width: 40px;
  --hatNew-toggle-height: 24px;
  --hatNew-toggle-thumb: 20px;
  --hatNew-toggle-off: #DBE9FF;
  --hatNew-toggle-on: var(--hatNew-blue);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  pointer-events: none;
}
.hatNewBaggage-toggle.is-disabled {
  opacity: 0.6;
}
.hatNewBaggage-input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.hatNewBaggage-track {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: var(--hatNew-toggle-width);
  height: var(--hatNew-toggle-height);
  border-radius: 12px;
  background-color: var(--hatNew-toggle-off);
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.hatNewBaggage-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: var(--hatNew-toggle-thumb);
  height: var(--hatNew-toggle-thumb);
  border-radius: 50%;
  background: #fff;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  will-change: transform;
}
.hatNewBaggage-toggle.is-on .hatNewBaggage-track {
  background-color: var(--hatNew-toggle-on);
}
.hatNewBaggage-toggle.is-on .hatNewBaggage-thumb {
  -webkit-transform: translateX(16px);
      -ms-transform: translateX(16px);
          transform: translateX(16px);
}
.hatNewFinder-separator {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1px;
          flex: 0 0 1px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 1px;
  height: auto;
  min-height: 100%;
  background: var(--hatNew-separator);
}
.hatNewFinder-search {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.hatNewFinder-submit {
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 112px;
  min-height: var(--hatNew-bar-height);
  height: 100%;
  padding: 0 28px;
  border: 0;
  border-radius: var(--hatNew-field-radius);
  background: var(--hatNew-blue-dark);
  color: var(--hatNew-paper);
  font-family: 'Proxima Nova Medium', 'Proxima Nova', sans-serif;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  -webkit-box-shadow: 0 4px 24px rgba(4, 12, 27, 0.12);
          box-shadow: 0 4px 24px rgba(4, 12, 27, 0.12);
  -webkit-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
}
.hatNewFinder-submit:hover,
.hatNewFinder-submit:focus {
  background: #003bb0;
  outline: none;
}
.hatNewFinder-submit[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}
.hatNewFinder-fields .hatNewFloatField-body,
.hatNewFinder-fields .hatNewFloatField-body .input-group-xl,
.hatNewFinder-fields .finderLook,
.hatNewFinder-fields .iDrPicker,
.hatNewFinder-fields .iDatePicker,
.hatNewFinder-fields .iPassengersPicker,
.hatNewFinder-fields .iBaggagePicker,
.hatNewFinder-fields .hatNewDurationPicker,
.hatNewFinder-fields .ui-select-container {
  width: 100%;
}
.hatNewFinder-fields .iDrPicker {
  background: transparent;
}
.hatNewFinder-fields .iDrPicker .input-group-xl .iDrPicker-inputCalendarBtn,
.hatNewFinder-fields .iDrPicker .iDrPicker-inputCalendarBtn {
  height: 24px;
  padding: 0 4px;
  border: 0;
  background: transparent;
  color: var(--hatNew-blue);
}
.hatNewFinder-fields .iDrPicker-inputCalendarBtn .aleanIcons-calendar-ws,
.hatNewFinder-fields .iDatePicker-calendarBtn .aleanIcons-calendar-ws {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  margin-top: 1px;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background: url('3bd5753233280cc0.svg') no-repeat center;
  background-size: contain;
}
.hatNewFinder-fields .iDrPicker-inputCalendarBtn .aleanIcons-calendar-ws::before,
.hatNewFinder-fields .iDatePicker-calendarBtn .aleanIcons-calendar-ws::before {
  content: none !important;
}
.hatNewFinder-fields .finderSelect-goToFinder,
.hatNewFinder-fields .duration-goToFinder,
.hatNewFinder-fields .finderLook-goToFinder,
.hatNewFinder-fields .iDatePicker-goToFinder {
  display: none;
}
.hatNewDurationPicker {
  position: relative;
  width: 100%;
  height: 100%;
}
.hatNewDurationPicker-view {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.hatNewDurationPicker-option {
  display: block;
  width: 100%;
  padding: 8px 16px;
  border: 0;
  background: transparent;
  text-align: left;
  font-family: 'Proxima Nova Medium', 'Proxima Nova', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--hatNew-ink);
  cursor: pointer;
}
.hatNewDurationPicker-menu > li.is-active .hatNewDurationPicker-option,
.hatNewDurationPicker-option:hover,
.hatNewDurationPicker-option:focus {
  background: #ECF3FF;
  color: var(--hatNew-ink);
  outline: none;
}
.hatNewDurationPicker-menu > li.is-active .hatNewDurationPicker-option {
  color: #518AF9;
}
.hatNewFinder-fields .input-group-xl .ui-select-container .form-control,
.hatNewFinder-fields .input-group-xl .ui-select-container .form-control.ui-select-toggle {
  -webkit-filter: none;
          filter: none;
}
.hatNewFinder .iPassengersPicker-pluralAdults,
.hatNewFinder .iPassengersPicker-pluralChildren {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.hatNewFinder .iPassengersPicker-pluralAdults:has(+ .iPassengersPicker-pluralChildren.is-inactive)::after {
  content: ',';
}
.hatNewFinder .iPassengersPicker-pluralChildren.is-inactive {
  font-size: 0;
  line-height: 0;
}
.hatNewFinder .iPassengersPicker-pluralChildren.is-inactive::after {
  content: 'без детей';
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  font-family: 'Proxima Nova Medium', 'Proxima Nova', sans-serif;
  color: var(--hatNew-ink);
}
@media (max-width: 1279px) {
  .hatNew-panel {
    padding: 11px 0 17px;
  }
  .hatNew--mini .hatNew-panel {
    padding: 12px 0;
  }
  .hatNew-top {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 8px;
  }
  .hatNew--hasH1 .hatNew-top {
    margin-bottom: 0;
  }
  .hatNew-h1 {
    margin: 0 0 8px;
    font-size: 24px;
    text-align: left;
  }
  .hatNew-topLeft,
  .hatNew-topRight {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .hatNew-topRight {
    gap: 12px;
  }
  .hatNew-logo--desktop {
    display: none;
  }
  .hatNew-logo--mobile {
    display: block;
  }
  .hatNew-phone--desktop {
    display: none;
  }
  .hatNew-phone--mobile {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    height: 24px;
  }
  .hatNew-switchSiteText,
  .hatNew-cabinetText {
    display: none;
  }
  .hatNew-cabinetLink {
    padding: 0;
    background: transparent;
  }
  .hatNew-cabinetLink:hover,
  .hatNew-cabinetLink:focus {
    background: transparent;
  }
  .hatNew-verticals {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 -12px 12px;
    padding: 0 12px 4px;
    gap: 6px;
  }
  .hatNew-verticals::-webkit-scrollbar {
    display: none;
  }
  .hatNewFinder-row {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: auto;
    gap: 4px;
    overflow: visible;
  }
  .hatNewFinder-fields {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
    height: auto;
    min-height: 0;
    background: var(--hatNew-paper);
    border-radius: var(--hatNew-field-radius);
    -webkit-box-shadow: 0 4px 24px rgba(4, 12, 27, 0.12);
            box-shadow: 0 4px 24px rgba(4, 12, 27, 0.12);
  }
  .hatNewFinder-item,
  .hatNewFinder-item--dates,
  .hatNewFinder-item--passengersGroup,
  .hatNewFinder-item--passengersGroup:has(.hatNewFinder-field--baggage),
  .hatNewFinder-item--duration {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
            flex: 0 0 auto !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0;
    height: auto;
    overflow: visible;
  }
  .hatNewFinder-separator,
  .hatNewFinder-separator--baggage {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 1px !important;
            flex: 0 0 1px !important;
    width: 100% !important;
    height: 1px !important;
    min-height: 0 !important;
    max-height: 1px !important;
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
  .hatNewFinder-field,
  .hatNewFinder-field--look,
  .hatNewFinder-field--tspTown,
  .hatNewFinder-field--dates,
  .hatNewFinder-field--beginDate,
  .hatNewFinder-field--duration,
  .hatNewFinder-field--passengers,
  .hatNewFinder-field--baggage {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    max-width: none;
    padding: 0;
    height: var(--hatNew-bar-height);
    min-height: var(--hatNew-bar-height);
    max-height: var(--hatNew-bar-height);
  }
  .hatNewFinder-field--passengers {
    width: 100%;
    min-width: 0;
  }
  .hatNewFinder-field--baggage {
    max-width: none;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
  }
  .hatNewFinder-field--baggage .hatNewBaggage {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
    width: 100%;
    height: var(--hatNew-bar-height);
    min-height: var(--hatNew-bar-height);
    padding: 8px 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .hatNewFinder-field--baggage .hatNewBaggage-placeholder {
    position: static;
    grid-column: 1;
    grid-row: 1;
    margin: 0;
  }
  .hatNewFinder-field--baggage .hatNewBaggage-value {
    display: block;
    grid-column: 1;
    grid-row: 2;
    padding-top: 0;
  }
  .hatNewFinder-field--baggage .hatNewBaggage-toggle {
    position: static;
    grid-column: 2;
    grid-row: 1 / span 2;
    -ms-flex-item-align: center;
        align-self: center;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .hatNewFinder-field:not(.is-flyout) .iDrPicker-dropdown,
  .hatNewFinder-field:not(.is-flyout) .iPassengersPicker-edit,
  .hatNewFinder-field:not(.is-flyout) .hatNewDurationPicker-menu,
  .hatNewFinder-field:not(.is-flyout) .dropdown-menu,
  .hatNewFinder-field:not(.is-flyout) .uib-datepicker-popup,
  .hatNewFinder-field:not(.is-flyout) [uib-datepicker-popup-wrap] > .dropdown-menu {
    display: none !important;
  }
  .hatNewFinder-field > hat-new-float-field,
  .hatNewFinder-field .hatNewFlyout-content > hat-new-float-field,
  .hatNewFinder-field > hat-new-float-field > .hatNewFloatField,
  .hatNewFinder-field .hatNewFlyout-content > hat-new-float-field > .hatNewFloatField {
    min-height: var(--hatNew-bar-height);
  }
  .hatNewFinder-search {
    width: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .hatNewFinder-submit {
    width: 100%;
    min-height: 48px;
    height: 48px;
    border-radius: var(--hatNew-field-radius);
    -webkit-box-shadow: 0 4px 24px rgba(4, 12, 27, 0.12);
            box-shadow: 0 4px 24px rgba(4, 12, 27, 0.12);
  }
  .hatNewFinder-field.is-flyout {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100% !important;
    max-width: none !important;
    min-height: 100% !important;
    max-height: none !important;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 0;
  }
  .hatNewFinder-field.is-flyout .hatNewFlyout-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 60px;
    margin: 0 16px;
    border-bottom: 1px solid var(--hatNew-separator);
  }
  .hatNewFinder-field.is-flyout .hatNewFlyout-back {
    position: absolute;
    left: -6px;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    padding: 0;
    border: 0;
    background: url('2f2f092e8d5fdb8a.svg') no-repeat center;
    background-size: 24px 24px;
    cursor: pointer;
  }
  .hatNewFinder-field.is-flyout .hatNewFlyout-static {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: calc(52%);
    text-align: center;
  }
  .hatNewFinder-field.is-flyout .hatNewFlyout-title {
    font-family: 'Proxima Nova Medium', 'Proxima Nova', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #333;
  }
  .hatNewFinder-field.is-flyout .hatNewFlyout-value {
    margin-top: 2px;
    max-width: 100%;
    overflow: hidden;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: var(--hatNew-ink-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .hatNewFinder-field.is-flyout .hatNewFlyout-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .hatNewFinder-field.is-flyout > .hatNewFlyout-content > hat-new-float-field,
  .hatNewFinder-field.is-flyout > .hatNewFlyout-content > hat-new-float-field > .hatNewFloatField {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 0;
    height: auto;
  }
  .hatNewFinder-field.is-flyout .hatNewFloatField-placeholder {
    display: none;
  }
  .hatNewFinder-field.is-flyout .hatNewFloatField-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 0;
    height: auto;
  }
  .hatNewFinder-field.is-flyout .hatNewFloatField-body > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 0;
  }
  .hatNewFinder-field--look.is-flyout .hatNewFlyout-header {
    z-index: 1;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background: transparent;
    pointer-events: none;
  }
  .hatNewFinder-field--look.is-flyout .hatNewFlyout-back {
    z-index: 7;
    pointer-events: auto;
  }
  .hatNewFinder-field--look.is-flyout .hatNewFlyout-inputSlot {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    height: 100%;
    margin-left: 36px;
  }
  .hatNewFinder-field--look.is-flyout .hatNewFlyout-content,
  .hatNewFinder-field--look.is-flyout .hatNewFlyout-content > hat-new-float-field,
  .hatNewFinder-field--look.is-flyout .hatNewFloatField,
  .hatNewFinder-field--look.is-flyout .hatNewFloatField-body,
  .hatNewFinder-field--look.is-flyout .hatNewFloatField-body > *,
  .hatNewFinder-field--look.is-flyout finder-look,
  .hatNewFinder-field--look.is-flyout .finderLook,
  .hatNewFinder-field--look.is-flyout .finderLook-inner,
  .hatNewFinder-field--look.is-flyout .finderLook-control,
  .hatNewFinder-field--look.is-flyout .finderLook-control.input-group {
    position: static !important;
  }
  .hatNewFinder-field--look.is-flyout .finderLook,
  .hatNewFinder-field--tspTown.is-flyout .finderLook {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 0;
    width: 100%;
  }
  .hatNewFinder-field--look.is-flyout .hatNewFloatField,
  .hatNewFinder-field--look.is-flyout .hatNewFloatField-body,
  .hatNewFinder-field--tspTown.is-flyout .hatNewFloatField,
  .hatNewFinder-field--tspTown.is-flyout .hatNewFloatField-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 0;
    width: 100%;
  }
  .hatNewFinder-field--look.is-flyout .finderLook-inner,
  .hatNewFinder-field--tspTown.is-flyout .finderLook-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 0;
    width: 100%;
  }
  .hatNewFinder-field--look.is-flyout .finderLook-control.input-group,
  .hatNewFinder-field--tspTown.is-flyout .finderLook-control.input-group {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
    max-width: none;
    height: auto !important;
    min-height: 0 !important;
  }
  .hatNewFinder-field--look.is-flyout .finderLook-control {
    margin: 0;
  }
  .hatNewFinder-field--look.is-flyout .finderLook-control > .form-control,
  .hatNewFinder-field--look.is-flyout .hatNewFloatField-body .finderLook .form-control {
    position: absolute !important;
    top: 0 !important;
    left: 52px !important;
    right: 16px !important;
    z-index: 5;
    display: block !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important;
    width: auto !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    margin: 0 !important;
    padding: 0 40px 0 0 !important;
    overflow: visible !important;
    border: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    background: transparent !important;
    font-family: 'Proxima Nova Medium', 'Proxima Nova', sans-serif;
    font-size: 16px !important;
    line-height: 60px !important;
    color: #333 !important;
    cursor: text;
    pointer-events: auto;
  }
  .hatNewFinder-field--look.is-flyout .hatNewFloatField .form-control::-webkit-input-placeholder,
  .hatNewFinder-field--look.is-flyout .hatNewFloatField input::-webkit-input-placeholder,
  .hatNewFinder-field--look.is-flyout .finderLook-control > .form-control::-webkit-input-placeholder,
  .hatNewFinder-field--look.is-flyout .hatNewFloatField-body .finderLook .form-control::-webkit-input-placeholder {
    color: var(--hatNew-ink-muted) !important;
    opacity: 1 !important;
  }
  .hatNewFinder-field--look.is-flyout .hatNewFloatField .form-control::-moz-placeholder,
  .hatNewFinder-field--look.is-flyout .hatNewFloatField input::-moz-placeholder,
  .hatNewFinder-field--look.is-flyout .finderLook-control > .form-control::-moz-placeholder,
  .hatNewFinder-field--look.is-flyout .hatNewFloatField-body .finderLook .form-control::-moz-placeholder {
    color: var(--hatNew-ink-muted) !important;
    opacity: 1 !important;
  }
  .hatNewFinder-field--look.is-flyout .hatNewFloatField .form-control::-ms-input-placeholder,
  .hatNewFinder-field--look.is-flyout .hatNewFloatField input::-ms-input-placeholder,
  .hatNewFinder-field--look.is-flyout .finderLook-control > .form-control::-ms-input-placeholder,
  .hatNewFinder-field--look.is-flyout .hatNewFloatField-body .finderLook .form-control::-ms-input-placeholder {
    color: var(--hatNew-ink-muted) !important;
    opacity: 1 !important;
  }
  .hatNewFinder-field--look.is-flyout .hatNewFloatField .form-control::placeholder,
  .hatNewFinder-field--look.is-flyout .hatNewFloatField input::placeholder,
  .hatNewFinder-field--look.is-flyout .finderLook-control > .form-control::placeholder,
  .hatNewFinder-field--look.is-flyout .hatNewFloatField-body .finderLook .form-control::placeholder {
    color: var(--hatNew-ink-muted) !important;
    opacity: 1 !important;
  }
  .hatNewFinder-field--look.is-flyout .finderLook-control > .input-group-btn,
  .hatNewFinder-field--look.is-flyout .hatNewFloatField-body .finderLook .input-group-btn {
    position: absolute !important;
    top: 0 !important;
    right: 16px !important;
    bottom: auto !important;
    z-index: 6;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    width: auto !important;
    height: 60px !important;
    padding: 0 !important;
    padding-bottom: 0 !important;
    pointer-events: auto;
  }
  .hatNewFinder-field--look.is-flyout .finderLook-control > .dropdown-menu,
  .hatNewFinder-field--tspTown.is-flyout .finderLook-control > .dropdown-menu,
  .hatNewFinder-field--look.is-flyout .dropdown-menu,
  .hatNewFinder-field--tspTown.is-flyout .dropdown-menu {
    position: static !important;
    float: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: block !important;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 8px 0 24px;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
  .hatNewFinder-field--look.is-flyout .finderLook-goToFinder {
    display: none;
  }
  .hatNewFinder-field--tspTown.is-flyout .finderLook-control,
  .hatNewFinder-field--tspTown.is-flyout .hatNewFloatField-placeholder {
    display: none !important;
  }
  .hatNewFinder-field--tspTown.is-flyout .hatNewTspTown,
  .hatNewFinder-field--tspTown.is-flyout .hatNewTspTown .finderLook-inner,
  .hatNewFinder-field--tspTown.is-flyout .hatNewTspTown.is-listOnly {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 0;
    width: 100%;
  }
  .hatNewFinder-field--tspTown.is-flyout .hatNewTspTown-list {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
    margin: 0;
    padding: 8px 8px 24px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    list-style: none;
  }
  .hatNewFinder-field--tspTown.is-flyout .hatNewTspTown-list > li {
    margin: 0;
    padding: 0;
  }
  .hatNewFinder-field--tspTown.is-flyout .hatNewTspTown-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 12px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    text-align: left;
    font-family: 'Proxima Nova Medium', 'Proxima Nova', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: var(--hatNew-ink);
    cursor: pointer;
  }
  .hatNewFinder-field--tspTown.is-flyout .hatNewTspTown-option:hover,
  .hatNewFinder-field--tspTown.is-flyout .hatNewTspTown-option:focus {
    background: #F3F6FC;
    outline: none;
  }
  .hatNewFinder-field--tspTown.is-flyout .hatNewTspTown-list > li.is-active .hatNewTspTown-option {
    background: #ECF3FF;
    color: var(--hatNew-blue);
  }
  .hatNewFinder-field--tspTown.is-flyout .hatNewTspTown-optionLabel {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .hatNewFinder-field--tspTown.is-flyout .finderLook-inner {
    position: relative;
    width: 100%;
  }
  .hatNewFinder-field.is-flyout .iDrPicker > .input-group,
  .hatNewFinder-field.is-flyout .iPassengersPicker-view,
  .hatNewFinder-field.is-flyout .hatNewDurationPicker-view {
    display: none !important;
  }
  .hatNewFinder-field--beginDate.is-flyout .iDatePicker.input-group,
  .hatNewFinder-field--beginDate.is-flyout .iDatePicker.is-inline {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
    min-height: 0;
    height: auto !important;
  }
  .hatNewFinder-field--beginDate.is-flyout .iDatePicker-input,
  .hatNewFinder-field--beginDate.is-flyout .iDatePicker > .input-group-btn,
  .hatNewFinder-field--beginDate.is-flyout .iDatePicker-goToFinder {
    display: none !important;
  }
  .hatNewFinder-field--beginDate.is-flyout .iDatePicker-inlineCal,
  .hatNewFinder-field--beginDate.is-flyout .iDatePicker .uib-datepicker {
    position: static !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 8px 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    background: #fff !important;
  }
  .hatNewFinder-field--beginDate.is-flyout .hatNewFloatField-placeholder {
    display: none !important;
  }
  .hatNewFinder-field.is-flyout .iDrPicker > [uib-dropdown],
  .hatNewFinder-field.is-flyout .iDatePicker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 0;
    width: 100%;
  }
  .hatNewFinder-field.is-flyout .iDrPicker-dropdown,
  .hatNewFinder-field.is-flyout .iDatePicker .dropdown-menu,
  .hatNewFinder-field.is-flyout .iDatePicker .uib-datepicker-popup,
  .hatNewFinder-field.is-flyout .iPassengersPicker-edit,
  .hatNewFinder-field.is-flyout .hatNewDurationPicker-menu {
    position: static !important;
    float: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 16px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
  .hatNewFinder-field--beginDate.is-flyout .iDatePicker [uib-datepicker-popup-wrap] {
    position: static !important;
    float: none !important;
    display: block !important;
    width: 100%;
  }
  .hatNewFinder-field.is-flyout .hatNewDurationPicker-menu {
    padding: 8px 0 24px !important;
  }
  .hatNewFinder-field.is-flyout .iPassengersPicker-edit {
    padding: 16px 16px 24px !important;
  }
  .hatNewFinder-field.is-flyout .iPassengersPicker-goToFinder {
    display: none !important;
  }
  .hatNewFinder-field.is-flyout .iDrPicker,
  .hatNewFinder-field.is-flyout .iDatePicker,
  .hatNewFinder-field.is-flyout .iPassengersPicker,
  .hatNewFinder-field.is-flyout .hatNewDurationPicker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 0;
    width: 100%;
  }
  .hatNewFinder-field.is-flyout .iDrPicker.open .iDrPicker-dropdown,
  .hatNewFinder-field.is-flyout .iDatePicker.open .dropdown-menu,
  .hatNewFinder-field.is-flyout .iPassengersPicker.open .iPassengersPicker-edit,
  .hatNewFinder-field.is-flyout .hatNewDurationPicker.open .hatNewDurationPicker-menu {
    display: block !important;
  }
  .hatNewFinder-field--dates.is-flyout .iDrPicker-dropdown,
  .hatNewFinder-field--beginDate.is-flyout .iDatePicker .dropdown-menu,
  .hatNewFinder-field--beginDate.is-flyout .iDatePicker .uib-datepicker-popup {
    padding: 12px 8px 24px !important;
  }
}
.hatNew .sideNav {
  left: -280px;
  z-index: 1100;
  width: 280px;
  min-width: 280px;
  background: var(--hatNew-paper);
  -webkit-box-shadow: 0 8px 32px rgba(31, 34, 38, 0.16);
          box-shadow: 0 8px 32px rgba(31, 34, 38, 0.16);
  border-radius: 0 16px 16px 0;
}
.hatNew .sideNav.open {
  left: 0;
}
.hatNew .sideNav .sideNav-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 56px 20px 25px;
}
.hatNew .sideNav .sideNav-inner .scroller {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  padding-right: 8px;
}
.hatNew .sideNav .sideNav-foot {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: auto;
  padding-top: 16px;
}
.hatNew .sideNav .sideNav-foot .sideNav-section {
  margin-bottom: 0;
}
.hatNew .sideNav .sideNav-close {
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  color: #518AF9;
  background: none;
}
.hatNew .sideNav .sideNav-close svg {
  display: block;
  width: 16px;
  height: 16px;
  color: #518AF9;
}
.hatNew .sideNav .sideNav-section {
  margin-bottom: 8px;
}
.hatNew .sideNav .sideNav-dropdown {
  margin-bottom: 7px;
}
.hatNew .sideNav .sideNav-section--top-verticals {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #DEE4F3;
}
.hatNew .sideNav .sideNav-item {
  min-height: 44px;
  margin-bottom: 0;
  padding: 10px 4px 10px 0;
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  cursor: pointer;
}
.hatNew .sideNav .sideNav-section--top-verticals .sideNav-item {
  padding: 10px 8px 10px 36px;
  font-family: 'Proxima Nova Medium', 'Proxima Nova', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: var(--hatNew-blue);
  text-decoration: none;
  margin-bottom: 7px;
}
.hatNew .sideNav .sideNav-section--top-verticals .sideNav-item:hover,
.hatNew .sideNav .sideNav-section--top-verticals .sideNav-item:focus,
.hatNew .sideNav .sideNav-section--top-verticals .sideNav-item.is-active {
  color: var(--hatNew-blue);
  text-decoration: none;
  opacity: 0.85;
}
.hatNew .sideNav .sideNav-section--top-verticals .sideNav-item:before {
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background-image: none !important;
  background-color: var(--hatNew-blue);
  background-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-filter: none;
          filter: none;
}
.hatNew .sideNav .sideNav-item.sideNav-item--hotels:before {
  -webkit-mask-image: url('b8a5b95710ecc2fd.svg');
  mask-image: url('b8a5b95710ecc2fd.svg');
}
.hatNew .sideNav .sideNav-item.sideNav-item--tours:before {
  -webkit-mask-image: url('e39eb593fb7099c2.svg');
  mask-image: url('e39eb593fb7099c2.svg');
}
.hatNew .sideNav .sideNav-item.sideNav-item--trips:before,
.hatNew .sideNav .sideNav-item.sideNav-item--journeys:before {
  -webkit-mask-image: url('ec6709fb0c23a2ed.svg');
  mask-image: url('ec6709fb0c23a2ed.svg');
}
.hatNew .sideNav .sideNav-item.sideNav-item--cruises:before {
  -webkit-mask-image: url('c5d24400006a885d.svg');
  mask-image: url('c5d24400006a885d.svg');
}
.hatNew .sideNav .sideNav-item.sideNav-item--detskie_lagerya:before {
  -webkit-mask-image: url('3edef0855849aecb.svg');
  mask-image: url('3edef0855849aecb.svg');
}
.hatNew .sideNav .sideNav-itemName {
  color: #333333;
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.hatNew .sideNav .sideNav-itemCaret {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  background: url('62d8518e5bbae363.svg') no-repeat center;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
.hatNew .sideNav .sideNav-dropdown.open .sideNav-itemCaret {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.hatNew .sideNav .sideNav-dropdown.open .sideNav-itemName {
  font-weight: 600;
  color: #333333;
}
.hatNew .sideNav .dropdown-menu.sideNav-itemMenu {
  float: none;
  display: block !important;
  max-height: 0;
  margin: 0;
  padding: 0 0 0 12px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease, margin 0.6s cubic-bezier(0.4, 0, 0.2, 1), padding 0.6s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.6s;
  transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease, margin 0.6s cubic-bezier(0.4, 0, 0.2, 1), padding 0.6s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.6s;
}
.hatNew .sideNav .sideNav-dropdown.open > .dropdown-menu.sideNav-itemMenu {
  max-height: 900px;
  margin: 0 0 8px;
  padding: 0 0 4px 12px;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, margin 0.6s cubic-bezier(0.4, 0, 0.2, 1), padding 0.6s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;
  transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, margin 0.6s cubic-bezier(0.4, 0, 0.2, 1), padding 0.6s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;
}
.hatNew .sideNav .sideNav-itemMenu a {
  padding: 8px 12px;
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  border-radius: 4px;
}
.hatNew .sideNav .sideNav-itemMenu a.is-active,
.hatNew .sideNav .sideNav-itemMenu a:hover {
  background-color: #ECF3FF;
}
.hatNew .sideNav .qualityControl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 12px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  font-family: 'Proxima Nova Regular', 'Proxima Nova', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  border: 1px solid var(--hatNew-blue);
  border-radius: 8px;
  background: var(--hatNew-paper);
}
.hatNew .sideNav .qualityControl .qualityControl-icon {
  margin: 0;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.hatNew .sideNav .qualityControl .qualityControl-icon:before {
  width: 24px;
  height: 24px;
  background: url('d4713783502d0c06.svg') center / contain no-repeat;
  -webkit-filter: none;
          filter: none;
}
.hatNew .sideNav .js-hatSwitchSite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 48px;
  margin-top: 12px;
  padding: 12px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: 'Proxima Nova Medium', 'Proxima Nova', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--hatNew-paper);
  border: 0;
  border-radius: 8px;
  background-color: var(--hatNew-blue);
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
  cursor: pointer;
}
.hatNew .sideNav .js-hatSwitchSite:hover,
.hatNew .sideNav .js-hatSwitchSite:focus,
.hatNew .sideNav .js-hatSwitchSite:active {
  color: var(--hatNew-paper);
  background-color: var(--hatNew-blue);
  opacity: 0.92;
  outline: none;
}
/* Баннеры под новой шапкой (вместо -100px у старого homeTop) */
.homeBanners {
  margin-top: 50px;
}