@import url("https://fonts.googleapis.com/css?family=Cairo:300,400,600,700&subset=arabic,latin-ext");
/* @font-face { font-family: 'Co Headline W23 Arabic Regular';font-style: normal; src: local('Co-Headline-Ar-Regular'), local('Co-Headline-Ar-Regular-webfont'), url(fonts/Co-Headline-Ar-Regular.woff) format('woff');} */
/* @font-face { font-family: 'Roboto';font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular-webfont'), url(fonts/Roboto-Regular-webfont.woff) format('woff');}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 500;src: local('Roboto Medium'), local('Roboto-Medium-webfont'), url(fonts/Roboto-Medium-webfont.woff) format('woff');}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 600;src: local('Roboto Bold'), local('Roboto-Bold-webfont'), url(fonts/Roboto-Bold-webfont.woff) format('woff');} */
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;515;600;700&display=swap");
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
  background: #f6f6f6;
  color: #5f789b;
  font-family: "Quicksand", sans-serif;
}
html {
  scroll-behavior: smooth;
}
.container {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
::after,
::before {
  box-sizing: border-box;
  text-shadow: none;
  box-shadow: none;
}
* {
  box-sizing: border-box;
}
dl,
ol,
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
}
[class*="el-col-"] {
  position: relative;
}
button,
.el-dropdown,
.el-dropdown-link,
.truncate,
input {
  font-family: "Quicksand", sans-serif;
  outline: none;
}
.v-modal {
  background: transparent !important;
  z-index: inherit !important;
}
.el-dialog__wrapper,
.el-drawer__wrapper {
  background: rgb(0 0 0 / 50%);
}
/* .el-dialog__wrapper{
  z-index: 99 !important;
} */
/*header start here*/
.el-header {
  background: #fff;
  padding: 15px 0;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
  position: fixed;
  top: -16px;
  right: 0;
  z-index: 1000;
}
.nav-brand {
  line-height: 0;
  width: 20%; /*width increased from 12% for logo */
}
.logo {
  width: 100%;
}
nav {
  width: 22%;  /*width decreased from 24% for logo */
}
nav .el-menu {
  margin-right: 10px;
}
nav .el-menu .el-menu-item {
  padding: 0 10px;
}
nav .el-menu--horizontal > .el-menu-item {
  border: none;
  text-transform: uppercase;
  line-height: 30px;
  height: 32px;
  color: #101010;
  font-weight: 700;
}
nav .el-menu--horizontal > .el-menu-item .router-link-exact-active {
  color: #ff9a31;
  position: relative;
}
nav .el-menu--horizontal > .el-menu-item i {
  margin-left: 10px;
  font-size: 20px;
}
nav .el-menu--horizontal > .el-menu-item a:hover {
  color: #ff9a31;
}
nav .el-menu--horizontal > .el-menu-item .nav-active {
  color: #ff9a31;
}
.el-menu--horizontal > .el-menu-item.is-active {
  border: none;
}
.el-menu.el-menu--horizontal,
.el-button.el-button--text {
  border: none;
}
.menu-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: calc(100% - 42%); /*width increased from (100% - 38%) for logo */
  align-items: center;
  font-size: 13px;
}
.menu-item {
  margin-right: 24px;
}
.menu-item:first-child {
  margin-right: 0px;
}
.menu-item:first-child .el-badge__content.is-fixed {
  left: inherit;
  right: -30px;
  line-height: 15px;
}
.menu-item .booking-icon {
  display: block;
  color: #000000;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.5s ease;
  position: relative;
}
.menu-item .booking-icon .avtar {
  text-align: center;
  width: 22px;
  height: 22px;
  display: inline-block;
  border: 1.2px solid #b4b7ca;
  border-radius: 100%;
  background: #f5f8ff;
  vertical-align: middle;
  margin-left: 5px;
  overflow: hidden;
}
.menu-item .booking-icon i {
  margin-right: 5px;
  font-size: 12px;
  color: #b4b7ca;
}
.menu-item .icon-bookings {
  display: block;
  color: #3d3b3b;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.5s ease;
  position: relative;
}
.menu-link {
  padding: 0 32px 0 0;
  display: block;
  color: #000000;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.5s ease;
  position: relative;
}
.menu-link.currency-icon{
  padding: 0 37px 0 0;
}
.menu-link:before,
.multiple-offers li:before,
.cahback-reg:before {
  background-image: url(https://hf-cdn-hotels.hlafly.com/common/sprite.png);
  background-repeat: no-repeat;
  content: "";
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background-size: 130px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.menu-link.phone-call:before {
  background-position: -91px 1px;
}
.menu-link.booking-icon:before {
  background-position: -91px -21px;
}
.menu-link.wallet-icon:before {
  background-position: -91px -42px;
  height: 20px;
}
.menu-link.globe-icon:before {
  background-position: -91px -62px;
  right: 0px;
  height: 20px;
}
.menu-link i {
  margin-right: 5px;
  font-size: 12px;
  color: #b4b7ca;
}
.menu-link:hover {
  color: #2289ae;
}
.menu-link.currency-icon:before {
  width: 28px;
  height: 20px;
  background-image: url(https://hf-cdn-hotels.hlafly.com/common/sprite-flags.png);
  background-size: cover;
}
.menu-link.currency-icon.SAR:before {
  background-position: 0 1px;
}
.menu-link.currency-icon.USD:before {
  background-position: 0 -23px;
}
.menu-link.currency-icon.EUR:before {
  background-position: 0 -48px;
}
.menu-link.currency-icon.AED:before {
  background-position: 0 -72px;
}
.menu-link.currency-icon.BHD:before {
  background-position: 0 -96px;
}
.menu-link.currency-icon.EGP:before {
  background-position: 0 -122px;
}
.menu-link.currency-icon.GBP:before {
  background-position: 0 -146px;
}
.menu-link.currency-icon.KWD:before {
  background-position: 0 -170px;
}
.menu-link.currency-icon.OMR:before {
  background-position: 0 -195px;
}
.el-dropdown {
  color: #000000;
}
.menu-link .wallet-bal {
  color: #2289ae;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: column;
  vertical-align: top;
  line-height: normal;
}
.menu-link .wallet-bal small {
  color: #aaa;
  font-weight: normal;
  line-height: 12px;
}
.menu-link .ar {
  font-family: "Cairo", sans-serif;
}
.menu-link .lng.active {
  display: none;
}
/*.menu-line { border: 1px solid #b4b7ca; border-radius: 4px;padding: 4px 10px 4px 40px; position: relative;transition: all 0.5s ease;} */
/* .or { width: 100%; height: 1px; background: #ddd; margin: 30px 0; position: relative;}
.or-cont {position: relative;left: 50%;background: #FFF;padding: 5px;top: -10px;margin-left: -12px;} */
.dropd-bar {
  padding: 0px 0 0;
  display: block;
}
/* .dropd-bar .w50 {width: 47.5%;} */
/* .dropd-bar .el-button {padding: 10px 15px;text-align: left} */
/* .dropd-bar .el-button.ar,.el-dropdown .el-dropdown-link .ar, .menu-link .ar {font-family: 'Cairo', sans-serif;} */
/* .dropd-bar .el-button.w50 span:before {content:'';background-size: 100%;width: 20px;height: 14px;display: inline-block;vertical-align: middle;margin-right: 5px;} */
.dropd-bar .el-icon--right {
  float: left;
}
/* .dropd-bar .el-button.w50.en span:before { background-position: 0 -105px;}
.dropd-bar .el-button.w50.ar span:before { background-position: 0 0;} */
/* .dropd-bar .el-button .icon-globe {margin-right: 7px} */
.dropd-bar .el-button.active {
  background: #fff;
  border-color: #409eff;
  color: #409eff;
}
.currency-dropd .el-dropdown-menu__item,
.dropd-bar .el-button.w50 span:before {
  background-image: url(https://hf-cdn-hotels.hlafly.com/common/sprite-flags.png);
  background-repeat: no-repeat;
}
.currency-dropd .el-dropdown-menu__item {
  color: #666;
  display: block;
  padding: 6px 43px 8px 8px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  line-height: 14px;
  font-size: 12px;
  border-bottom: 1px solid #fff;
  position: relative;
  min-height: 24px;
}
.currency-dropd .el-dropdown-menu__item.SAR {
  background-position: right 2px;
}
.currency-dropd .el-dropdown-menu__item.USD {
  background-position: right -25px;
}
.currency-dropd .el-dropdown-menu__item.EUR {
  background-position: right -55px;
}
.currency-dropd .el-dropdown-menu__item.AED {
  background-position: right -85px;
}
.currency-dropd .el-dropdown-menu__item.BHD {
  background-position: right -115px;
}
.currency-dropd .el-dropdown-menu__item.EGP {
  background-position: right -145px;
}
.currency-dropd .el-dropdown-menu__item.GBP {
  background-position: right -175px;
}
.currency-dropd .el-dropdown-menu__item.KWD {
  background-position: right -205px;
}
.currency-dropd .el-dropdown-menu__item.OMR {
  background-position: right -235px;
}
.currency-dropd .el-dropdown-menu__item.QAR {
  background-position: right -265px;
}
/*header end here*/
.mainContent {
  margin-top: 84px;
}
.el-checkbox {
  color: #101010;
  font-weight: normal;
}
.el-checkbox__inner {
  border: 1px solid #a19e9f;
  border-radius: 100%;
}
.el-checkbox__inner:hover {
  border-color: #ff9a31;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #ff9a31;
  border-color: #ff9a31;
}
.el-radio__input.is-checked .el-radio__inner {
  background-color: #fff;
  border-color: #2289ae;
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #101010;
}
.el-radio__inner::after {
  width: 8px;
  height: 8px;
  background-color: #2289ae;
}
.el-form-item__content i {
  position: absolute;
  color: #597191;
  z-index: 99;
  right: 8px;
  width: auto;
}
.el-date-editor .el-range__icon {
  color: #597191;
  font-size: 20px;
  right: 12px;
  margin-right: 0px;
}
.el-date-editor .el-range-separator {
  line-height: 50px;
  margin: 0 0 0 5px;
  color: #597191;
}
.el-date-editor .el-range-input {
  background: transparent;
  color: #101010;
  text-align: right;
  cursor: pointer;
  width: 44%;
  font-size: 13px;
}
.el-dialog__header {
  font-weight: 600;
}
.el-drawer {
  padding: 20px;
}
.el-drawer__header {
  line-height: 24px;
  font-size: 18px;
  color: #000;
  font-weight: 600;
  padding: 0;
}
.el-input__inner {
  color: #101010;
  border: 1px solid #a19e9f;
  border-radius: 0;
}
.line-input .el-input__inner {
  border: none;
  border-bottom: 1px solid #bccae2;
  border-radius: 0;
  padding: 0;
}
.el-autocomplete,
.el-select {
  width: 100%;
}
.disableIncrement .el-input__inner{
  pointer-events: none;
}
.el-input-number .el-input__inner {
  height: 40px;
  line-height: 40px;
}
.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus,
.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
  background: #f6b1b1;
}
.el-form-item.is-success .el-input__inner,
.el-form-item.is-success .el-input__inner:focus,
.el-form-item.is-success .el-textarea__inner,
.el-form-item.is-success .el-textarea__inner:focus {
  border-color: #00ca9d;
}
.el-select .el-input .el-select__caret {
  color: #bccae2;
}
.el-select__caret.el-input__icon.el-icon-circle-close {
  margin-left: 10px;
}
.el-range-editor.el-input__inner {
  padding: 0px 15px;
}
.el-date-table td.end-date div {
  margin-left: 6px;
}
.el-date-table td.start-date div {
  margin-right: 6px;
}
.el-date-table td.today span,
.el-date-table td.available:hover,
.el-date-picker__header-label.active,
.el-date-picker__header-label:hover {
  color: #2289ae;
}
.el-date-table td {
  color: #000;
  font-weight: 700;
  font-size: 13px;
  width: 36px;
  padding: 1px 0;
}
.el-date-table td div {
  padding: 0;
  height: 36px;
}
.el-date-table td span {
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 0;
}
.el-date-range-picker__header div,
.el-date-table th,
.el-date-picker__header-label {
  color: #000;
  font-weight: bold;
  padding: 0;
}
.el-date-table td.end-date span,
.el-date-table td.start-date span,
.el-date-table td.current:not(.disabled) span {
  color: #000;
  /* background-image: url(https://hf-cdn-hotels.hlafly.com/common/logo-symbol.svg); */
  background-color: #9ed7f2;
  box-shadow: none;
  height: 50px;
  width: 51px;
  padding-top: 6px;
}
.el-date-table td.end-date span,
.el-date-table td.start-date span,
.el-date-table td.current:not(.disabled) span ::before {
  content: "";
  width: 9px;
  height: 9px;
  position: absolute;
  background-color: #ff9a31;
  border-radius: 50px;
}
.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
  background-color: #9ed7f2;
  height: 50px;}
.el-date-table td.disabled div {
  background: transparent;
}
.el-picker-panel__icon-btn {
  font-weight: bolder;
  font-size: 22px;
  margin: 0;
}
/*search styles start here*/
.bnr-vdo {
  overflow: hidden;
  height: 500px;
  position: relative;
  width: 100%;
}
.bnr-vdo:before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.search-bar {
  background-image: url("images/FlightBanner3.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  position: relative;
  text-align: center;
}
body.hotel .search-bar {
  background-image: url("images/HOTEL.jpg");
}
/* .nd-terms {position: absolute; left: 43.5%;top: 320px; font-size: 10px; color: #2289ae; text-decoration: underline; z-index: 9;}
.safari .nd-term {top:370px;left:44.5%}
.nd-terms:hover {text-decoration: none;}
.nd-terms-img {width:100%; border-radius: 8px; margin-bottom: 10px} */
.search-bar .heroBanner-text {
  padding: 110px 0;
  min-height: 195px;
}
.heroBanner-text {
  color: white;
}
.search-bar .heroBanner-text h1,
.search-bar .heroBanner-text h2 {
  color: #fff;
  font-size: 32px;
  font-weight: 500;
  z-index: 9;
  text-shadow: 0px 1px 0px #999;
}
.search-bar .heroBanner-text h2 {
  font-size: 20px;
  top: 90px;
}
.hotel-hero-banner {
  background: rgba(0, 0, 0, 0.5);
}
.search-bar .search-panel {
  width: 100%;
  padding: 40px 0;
}
.search-tab {
  z-index: 1;
  position: relative;
  margin: -126px auto 15px;
  background: #fff;
  border-radius: 6px;
  border: none;
  box-shadow: 0 5px 10px rgba(110, 123, 139, 0.12);
}
.search-tab > .el-tabs__header {
  border-radius: 6px 6px 0px 0px;
  border: none;
  background: #e5ebf4;
  padding: 0;
  color: #fff;
  margin-bottom: 0;
}
.search-tab .el-tabs__item {
  color: #fff;
  line-height: 50px;
  padding: 0 30px;
  height: 50px;
}
.search-bar-grid .el-tabs__item {
  padding: 0 20px 0 20px;
  height: auto;
  line-height: normal;
  letter-spacing: 1px;
  font-weight: 00;
  color: #fff;
}
.search-tab .el-form-item {
  margin-bottom: 10px;
}
.swiper-wrapper {
  z-index: unset !important;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  color: #5f789b;
  border: none;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  background-color: #fff;
  color: #2289ae;
  border-radius: 10px 10px 0 0;
}
.el-input__inner::-webkit-input-placeholder,
.el-range-input::-webkit-input-placeholder {
  color: #bccae2;
}
.el-input__inner:-ms-input-placeholder,
.el-range-input::-ms-input-placeholder {
  color: #bccae2;
}
.el-input__inner::placeholder,
.el-range-input::placeholder {
  color: #bccae2;
}
.el-date-editor .el-range-input::-webkit-input-placeholder,
.search-tab .el-input__inner::-webkit-input-placeholder,
.search-tab .el-range-input::-webkit-input-placeholder {
  color: #747474;
}
.el-date-editor .el-range-input:-ms-input-placeholder,
.search-tab .el-input__inner:-ms-input-placeholder,
.search-tab .el-range-input::-ms-input-placeholder {
  color: #747474;
}
.el-date-editor .el-range-input::placeholder,
.search-tab .el-input__inner::placeholder,
.search-tab .el-range-input::placeholder {
  color: #747474;
}
.el-tabs--border-card > .el-tabs__content {
  padding: 30px;
  overflow: inherit;
}
.el-tabs--top.el-tabs--border-card .el-tabs__item:last-child {
  padding-left: 50px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover,
.search-tab .el-date-editor .el-range-separator,
.search-tab .el-date-editor .el-range-input {
  color: #000;
}
.search-bar-grid .el-tabs__item.is-active {
  color: #ff9a31;
}
.search-bar-grid {
  text-align: right;
  padding: 0;
  overflow: inherit;
}
.search-bar-grid {
  z-index: 1;
  position: relative;
}
.search-bar-grid .el-tabs__header {
  padding-right: 35px;
}
.search-bar-grid .swap {
  top: 34px;
  transform: rotate(90deg);
  color: #000;
  border: 2px solid #d9d8d8;
}
.search-bar-grid .swap:hover {
  color: #fff;
  background-color: #ff9a31;
}
.search-bar-grid #pane-oneway .addReturn {
  background-color: #fff;
  color: #000;
  width: 100%;
  height: 100px;
  border-radius: 6px;
  overflow: hidden;
  font-weight: 500;
  padding: 20px 10px;
  cursor: pointer;
}
.search-bar-grid #pane-oneway .addReturn i {
  line-height: 26px;
  display: block;
  font-size: 24px;
  margin-bottom: 15px;
  color: #adadad;
}
.search-bar-grid .el-input__inner,
.search-bar-grid .el-dropdown-link {
  border-radius: 0;
  border: none;
  border-bottom: 2px solid #d9d8d8;
  font-weight: 500;
  height: 50px;
  color: #000;
  line-height: 50px;
  padding-right: 54px;
}
.search-bar-grid .el-date-editor.el-range-editor {
  background: transparent;
  border: none;
  padding: 0;
}
.search-bar-grid .el-date-editor.el-range-editor ~ .el-form-item__error {
  top: 84%;
}
.search-bar-grid .el-date-editor .el-icon-date {
  display: none;
}
.search-bar-grid .el-date-editor .el-range-separator {
  margin: 0;
  padding: 0;
  color: transparent;
  width: 7px;
}
.search-bar-grid .el-date-editor input {
  background: #fff;
  color: #ff9a31;
  cursor: pointer;
  width: 100%;
  font-size: 15px;
  padding: 0 10px;
  border-radius: 6px;
  overflow: hidden;
}
.search-bar-grid .el-date-editor .el-range-input {
  text-align: center;
  font-weight: 500;
}
.search-bar-grid .el-date-editor.el-input,
.search-bar-grid .el-date-editor.el-input__inner,
.search-bar-grid .el-date-editor .el-input__inner {
  width: 100%;
  height: 100px;
  border-radius: 6px;
  overflow: hidden;
  text-align: center;
  font-weight: 500;
}
.search-bar-grid .single-date-pick .el-form-item__content {
  line-height: 0;
}
.search-bar-grid .el-button--warning {
  height: 100px;
  background-color: #ff9a31;
  border-color: #ff9a31;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 15px;
  width: 100%;
  letter-spacing: 1px;
  border-radius: 6px;
}
.search-bar-grid #pane-multicity .el-form-item__content {
  line-height: 0;
}
.search-bar-grid #pane-multicity .el-row {
  margin-bottom: 14px;
}
.search-bar-grid #pane-multicity .minusBlock {
  width: 100%;
  height: 100px;
  padding-right: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.search-bar-grid #pane-multicity .minusBlock .icon-minus {
  border: none;
  color: #fff;
  background: #ff9a31;
  padding: 6px;
  font-size: 8px;
  border-radius: 100%;
}
.search-bar-grid #pane-multicity .minusBlock .icon-minus:hover {
  background: #efa04d;
}
.search-bar-grid #pane-multicity .addFlights-btn {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding: 8px 16px;
}
.search-bar-grid #pane-multicity .addFlights-btn i {
  background: #ff9a31;
  padding: 6px;
  font-size: 8px;
  border-radius: 100%;
  margin-left: 8px;
}
.search-bar-grid #pane-multicity .addFlights-btn:hover {
  border: 1px solid #ff9a31;
}
/* about us section  */
.aboutus-icon {
  font-size: 75px;
}
/* about us section end here  */
.my-booking-font-family{
  font-family: "Cairo", sans-serif;
  color: #000000;
  font-weight: 600;
  transform: scaleX(-1);
  display: inline-block !important;
  padding-right: 10px;
}
.my-booking-section-ar {
  direction: ltr;
}
.search-bar-grid .flight-flexibility {
  margin-top: 24px;
}
.search-bar-grid .flight-flexibility .el-checkbox {
  font-weight: 600;
}
.search-bar-grid .flight-flexibility > span {
  padding: 0 54px;
}
.search-bar-grid .flight-flexibility .flexi-span {
  padding-right: 100px;
}
.search-bar-grid
  .flight-flexibility
  > span
  .el-checkbox__input
  .el-checkbox__inner {
  border-radius: 100%;
  border: 2px solid #ff9a31;
}
.search-bar-grid
  .flight-flexibility
  > span
  .el-checkbox__input.is-checked
  .el-checkbox__inner {
  background-color: #ff9a31;
}
.search-bar-grid
  .flight-flexibility
  > span
  .el-checkbox__input.is-checked
  + .el-checkbox__label {
  color: #fff;
}
.search-bar-grid .flight-flexibility .el-checkbox__inner::after {
  display: none;
}
.search-bar-grid .form-group {
  border-radius: 6px;
  overflow: hidden;
}
.search-bar-grid .form-group .el-select.from-airport + .el-form-item__error {
  top: 0;
}
.search-bar-grid .el-tabs__nav {
  float: none;
}
.search-tab .el-tabs__nav .el-tabs__item span i {
  font-size: 22px;
  vertical-align: text-bottom;
  display: inline-block;
  margin-left: 5px;
}
.search-bar-grid .el-tabs__header {
  margin-bottom: 20px;
}
.el-select-dropdown__item_flight_section .el-select__tags input[type="text"] {
  padding-right: 40px;
}
.flight-dropdown-icon {
  width: 20px;
  position: absolute;
  top: 78%;
  right: 19px;
  z-index: 1;
  transform: scaleX(-1);
}
#pane-roundtrip .flight-dropdown-icon i img{width: 16px !important;}
.el-select-dropdown__item_flight_section {
  width: 324px;
}
    #flight-dropdown-section {
  border-radius: 6px;
}
.Departure-flight {
  padding: 0px 7px;
}
.Loader{
  text-align: center;
  align-items: center;
 margin-left: 1%;
 }
 .Loader .retCal{margin-left: 5px;}
 .Loader .depCal{margin-left: 1px;}
 .loader-img{
   width: 100px;
 }
 /* .Loader img[alt="Loader"] {
  transform: scaleX(-1);
 } */
 .flight-loader {
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
 }
 .hotel-loader {
  display: flex;
  justify-content: center;
  margin-bottom: 9px;
}
.hotel-icon {
  margin-top: 14px;
}
 .loader-cloud-img{
  width: 50px;
  padding-left: 10px;
}
.loader-cloud{
  text-align: center;
  align-items: center;
  display: flex;
  margin-right: 40%;
}
.header-text{
  font-size: 17px;
  font-weight: 600;
}
.dialog-header{
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  align-items: center;
  padding-bottom: 30px
}
.previous-next-btn{
  color: #000;
  background: #ebebeb;
  border-color: #c2c1cc;
}
.font-size-pass-text{
  font-size: 11px;
}
.summaryPanelWrap{
  position: sticky;
  top: 61px;
}
.summaryPanelWrap.jamal{
  z-index: 9999;
}
/* .search-bar-grid .el-tabs__item:before {content: '';width: 14px;left: 0;border: 1px solid #5f789b;border-radius: 100%;position: absolute;height: 14px;top: 2px;}
.search-bar-grid .el-tabs__item.is-active:after {    content: '';width: 14px;height: 14px;position: absolute;left: 0;background: #5f789b;border: 1px solid #5f789b;border-radius: 100%;top: 2px;} */
.search-bar-grid .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
.search-bar-grid .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.search-bar-grid .el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
.search-bar-grid .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
  padding-right: 20px;
}
.search-bar-grid .el-tabs--bottom .el-tabs__item.is-bottom:last-child,
.search-bar-grid .el-tabs--bottom .el-tabs__item.is-top:last-child,
.search-bar-grid .el-tabs--top .el-tabs__item.is-bottom:last-child,
.search-bar-grid .el-tabs--top .el-tabs__item.is-top:last-child {
  padding-left: 10px;
}
.search-bar-grid .el-form-item__content .el-button--warning i {
  line-height: 26px;
  display: block;
  font-size: 35px;
  margin-bottom: 15px;
}
.search-bar-grid .el-checkbox {
  color: #fff;
}
.search-bar-grid .el-checkbox__inner {
  border: 2px solid #89c4d6;
  width: 16px;
  height: 16px;
  background-color: transparent;
}
.search-bar-grid .el-dropdown-link {
  display: block;
  background: #fff;
}
.search-bar-grid .el-dropdown {
  display: block;
  cursor: pointer;
}
.el-dropdown .el-dropdown-link [class*="icon-down"] {
  left: 15px;
  right: auto;
  font-size: 12px;
}
#pane-oneway .el-input__suffix .el-input__icon,
#pane-multicity .el-input__suffix .el-input__icon {
  font-size: 14px;
}
.search-bar-grid .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #89c4d6;
  border-color: #89c4d6;
}
.search-bar-grid .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #fff;
}
.search-bar-grid .el-form-item__content i {
  line-height: 50px;
  font-size: 20px;
  font-weight: 600;
  color: #adadad;
}
.flight-dropdown-section {
  display: flex;
}
.search-bar-grid .el-form-item__content i.el-input__icon.el-icon-circle-close,
.search-bar-grid .el-input__suffix .el-input__icon {
  left: 0px;
  color: #bccae2;
  right: auto;
  font-size: 14px;
}
.search-bar-grid .arrows {
  position: absolute;
  bottom: 20px;
  left: 50px;
  display: flex;
  align-items: center;
}
.search-bar-grid .arrows i {
  font-size: 10px;
  color: #ff9a31;
  cursor: pointer;
  line-height: normal;
  background-color: #f8f8f8;
}
.search-bar-grid .arrows i.icon-right-arrow {
  margin: 0 20px;
}
.search-bar-grid .arrows.disable i {
  opacity: 0.2;
  color: #000;
  background-color: transparent;
  cursor: not-allowed;
}
.search-bar-grid .arrows i:before {
  width: 18px;
  height: 18px;
  background: transparent;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-bar-grid .arrows i:hover {
  background-color: #e8e8e8;
}
.search-bar-grid .arrows.onward-arrows {
  right: 0;
}
.el-form-item {
  margin-bottom: 0;
  position: relative;
}
.predective-dropdown {
  width: 400px;
  z-index: 99 !important;
  /* top: 437px !important;
  right: 75px !important; */
}
.predective-list {
  letter-spacing: 0.5px;
  border-bottom: 1px solid #e5ebf8;
  padding: 15px;
  height: auto;
  line-height: normal;
  color: #101010;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
.predective-list:last-child {
  border: none;
}
.predective-list i {
  font-size: 24px;
  margin-left: 15px;
  vertical-align: middle;
}
.predective-dropdown .el-select-dropdown__list {
  padding: 0;
}
.predective-list .iata-name {
  font-size: 16px;
  font-weight: 600;
  width: 74%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.predective-list .iata-name small {
  display: block;
  font-weight: normal;
  font-size: 13px;
  color: #5f789b;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.predective-list .iata-code {
  font-size: 16px;
  font-weight: 600;
  padding-right: 0px;
  width: calc(100% - 86%);
  text-align: left;
}
.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
}
.el-input--suffix .el-input__inner {
  padding-left: 15px;
  cursor: pointer;
}
.el-tag {
  border-radius: 20px;
  border: none;
  margin: 10px 0 0 10px;
}
.el-tag.el-tag--primary {
  color: #101010;
  background-color: #dceef3;
}
.el-tag.el-tag--warning {
  color: #101010;
  background-color: #fcf2e1;
}
.el-select-dropdown__item.selected {
  color: #101010;
  font-weight: normal;
}
/* .pax-list { border-bottom: 1px solid #e5ebf8; padding-bottom: 5px; margin-bottom: 20px;} */
.pax-list .pax-item {
  display: flex;
  margin-bottom: 15px;
  align-items: flex-end;
}
/* .pax-list .pax-item.age { flex-flow: wrap;} */
.pax-list .pax-item.age .el-form-item__label {
  line-height: 30px;
}
.pax-list .pax-item.age > div {
  width: 90px;
  margin-left: 10px;
  margin-bottom: 0px;
  position: relative;
}
/* .pax-list .pax-item.age .el-form-item:last-child {margin-right:0px;} */
.pax-list .pax-item > span {
  width: 75px;
  line-height: 40px;
}
.pax-list .pax-item .el-input-number {
  width: 130px;
}
.pax-list .pax-rooms {
  margin-left: 20px;
  margin-top: 10px;
}
.pax-list .pax-rooms > span {
  display: block;
}
.class-item {
  margin-bottom: 20px;
  display: block;
}
.el-button i {
  position: static;
  vertical-align: middle;
  line-height: normal;
  font-size: 13px;
}
.el-rate__icon {
  margin-left: 0;
}
.el-rate {
  margin-top: 5px;
}
.el-alert {
  padding: 10px;
}
.el-alert--error {
  color: #ff496e;
}
.el-alert--success.is-light {
  background-color: #e9f9f5;
  border: 1px solid #cdf2e8;
  color: #00ca9d;
}
.el-form-item__error {
  font-size: 10px;
  color: #fff;
  right: auto;
  border: 1px solid #ff496e;
  background: #ff496e;
  padding: 2px 5px;
  top: 70%;
  border-radius: 2px;
  left: 0;
}
.search-bar-dropd,
.currency-dropd {
  padding: 20px;
  width: 250px;
  z-index: 99999 !important;
}
.search-bar-dropd .el-dropdown-menu__item {
  border-bottom: 1px solid #eaf0f9;
  padding: 0;
  line-height: 42px;
  color: #597191;
}
.search-bar-dropd .el-dropdown-menu__item i {
  font-size: 18px;
  vertical-align: middle;
  margin-left: 10px;
  font-weight: 600;
}
.search-bar-dropd .el-dropdown-menu__item:nth-child(4n) {
  color: #ff496e;
}
.search-bar-dropd .el-dropdown-menu__item:focus,
.search-bar-dropd .el-dropdown-menu__item:not(.is-disabled):hover {
  background: transparent;
}
.search-bar-dropd .h6 {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 7px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  color: rgb(27, 25, 25);
  font-weight: 600;
}
.search-bar-dropd .h6 a {
  color: #ff496e;
  font-size: 12px;
}
.el-select-dropdown__wrap {
  max-height: 290px;
}
.hotel-dropd {
  padding: 20px 20px 0;
  width: auto;
  max-height: 300px;
  overflow: auto;
}
.hotel-dropd .pax-list .pax-item {
  align-items: center;
  margin-bottom: 20px;
  width: 100%;
}
.hotel-dropd .pax-list .pax-rooms {
  margin-top: 0;
}
.hotel-dropd .pax-list h6 {
  margin-left: 20px;
  margin-top: 10px;
  width: 70px;
}
.arrow-select {
  position: absolute;
  top: 14px;
  left: 10px;
  pointer-events: none;
}
.text-right.sticky {
  background: #e5ebf4;
  margin-right: -20px;
  margin-left: -20px;
  padding: 10px 20px;
  position: sticky;
  bottom: 0;
  right: 0;
  left: 0;
}
/*search styles start here*/
.best-offer {
  margin-bottom: 70px;
}
.featured-htl-cont small {
  color: #fff;
}
.titles {
  margin-bottom: 30px;
  text-align: right;
}
.landing,
.hotel {
  background: #fff;
}
.sub-text {
  font-size: 16px;
  color: #8c919d;
  display: block;
}
.line-bottom {
  border-bottom: 1px solid #e5ebf8;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.line-bottom:last-child {
  border: none;
  margin: 0;
  padding: 0;
}
.roomType .discount-tag {
  top: -25px;
  left: -16px;
}
.tit {
  position: relative;
  margin-bottom: 15px;
}
.tit:before {
  width: 40px;
  height: 2px;
  background: #ff9a31;
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
}
.grid-sec {
  padding: 50px 0 0px 0;
  position: relative;
}
.topCities-holder {
  background-color: #fafafa;
  padding: 50px 0;
}
.topCities-holder .el-card {
  background-color: transparent;
}
.topCities-holder .top-sec-hgt {
  min-height: 235px;
}
.citiesAndRoutes{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  /* justify-content: center; */
}
.topAirlines-holder ul{
  margin-left: 0;
  margin-right: 48px;
}
.topCities-holder .top-item {
  width: 33.33%;
}
.topCities-holder .citiesAndRoutes .top-item {
  width: 31%;
}
.loadingAirline{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  color: #000;
  font-size: 16px;
}
.topCities-holder .top-link.routesAndCities {
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  padding: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bookCitiesAndRoutes{
  background-color: #ff9a31;
  transition: 0.1s;
  font-weight: 500;
  padding: 6px 16px;
  font-size: 14px;
  border-radius: 4px;
  color: #fff;
  opacity: 0;
  transition: all .3s ease 0s;
}
.popularAirlines .bookWrap:hover .bookCitiesAndRoutes,
.topCities-holder .top-link.routesAndCities:hover .bookCitiesAndRoutes{
  opacity: 1;
}
.bookWrap {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

.popularAirlines,.popularRoutes { background: #fff; border: 1px solid #ddd; position: sticky; top: 94px;}
.popularAirlines ul,.popularRoutes ul{ margin: 0; padding: 10px; list-style: none;}
.airlinesContent .popularAirlines ul > li,.popularRoutes ul > li{ display: block; margin-left: 0;}
.popularAirlines ul > li >a,.popularRoutes ul > li > a{ display: block; position: relative; padding: 5px 35px 5px 5px; color: #333;cursor: pointer;}  
.popularAirlines.allairlines ul,.popularRoutes ul { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap;} 
.popularAirlines.allairlines ul > li,.popularRoutes ul>li{ width: 25%;}
.popularAirlines:not(.allairlines) ul > li:nth-child(n+11){ display: none; transition: all .5s ease;}
.filter_tabs { padding-top: 19px; padding-bottom: 18px;}
.filter_tabs ul{margin: 0; padding: 0; list-style: none;}
.filter_tabs ul > li{ display: inline-block; padding: .5rem; font-weight: bold; }
.popularAirlines ul > li >a:hover,.popularRoutes  ul > li >a:hover{ text-decoration: none; background-color: #f6f6f6; color: #0284ff;}
.popularAirlines ul > li >a:hover:before,.popularRoutes  ul > li >a:hover:before{ color: #0284ff;}
.popularAirlines ul > li >a:before,.popularRoutes  ul > li >a:before{ content: "\e963"; font-family: 'icomoon' !important; color: #333; position: absolute; right: 10px; top: 50%; transform: translate(0%, -50%) rotate(270deg);}
.topAllAirline {
  padding-top: 50px;
}
.topCities-holder .el-card__body{
  padding: 0;
}
.topCities-holder .el-card{
  border: none;
}
.viewMoreAirlineBtn {
  padding-bottom: 0 !important;
  padding-top: 25px !important;
  color: #2289ae !important;
  transition: .3s ease-in-out;
  display: inline-block !important;
}
.viewMoreAirlineBtn:hover{
  text-decoration: underline;
}
.topCities-holder .top-item:last-child,
.topCities-holder .top-item:nth-child(9n) {
  border-bottom: none;
}
.topCities-holder .top-item:last-child,
.topCities-holder .top-item:nth-child(8n) {
  border-bottom: none;
}
.topCities-holder .top-item:last-child,
.topCities-holder .top-item:nth-child(7n) {
  border-bottom: none;
}
.icons-circle {
  position: relative;
  width: 70px;
  height: 70px;
  border-radius: 50px;
  line-height: 70px;
  text-align: center;
  text-align: center;
  border: 2px solid #bb8d0b;
  margin-left: -17px;
}
.icons-circle img {
  width: 40px;
  position: absolute;
  top: 20%;
  left: 19%;
  transform: translateX(-50%) translateY(-50%);
}
/* Top Airlines css start */
.topAirlines-holder .airline-tag p {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  padding-right: 92px;
  margin: 0;
}
/* .topAirlines-holder .airline-tag p:before {
  content: ".";
  display: inline-block;
  font-size: 30px;
  margin-left: 5px;
} */
.topAirlines-holder .airline-tag .airlineElement {
  margin: 20px 0 5px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  height: 150px;
  max-height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topAirlines-holder .airline-tag .airlineElement img {
  max-width: 240px;
  max-height: 120px;
  width: 240px;
  height: 114px;
}
.topAirlines-holder .swiper-button-next,
.topAirlines-holder .swiper-container-rtl .swiper-button-prev,
.topAirlines-holder .swiper-button-prev,
.topAirlines-holder .swiper-container-rtl .swiper-button-next {
  top: 68% !important;
}
/* Top Airlines css end */
.red-text,
.pink-text {
  color: #ff496e;
}
.strike {
  color: #ff496e;
  position: relative;
}
.strike:before {
  content: "";
  width: 100%;
  position: absolute;
  top: 49%;
  height: 1px;
  right: 0;
  background: #ff496e;
  transform: rotate(-7deg);
}
.oneway .nd-disc {
  top: 100px;
}
.nd-disc {
  background: #00ca9d;
  position: absolute;
  left: 160px;
  top: 82px;
  transform: translateY(0);
  font-size: 11px;
  color: #fff;
  padding: 0px 10px;
}
.nd-disc:before {
  content: "";
  position: absolute;
  bottom: 0;
  border: 8px solid #00ca9d;
  z-index: -1;
  right: -8px;
  border-left-width: 1px;
  border-right-color: transparent;
}
.cont-btn {
  margin-top: 25px;
}
.border-right {
  border-left: 1px solid #e5ebf8;
}
.link-underline {
  text-decoration: underline;
}
.link-underline:hover {
  text-decoration: none;
}
.link-through {
  text-decoration: line-through;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.flight-bus {
  padding-top: 15px;
  font-size: 13px;
}
.flight-pop-wrap {
  padding: 20px 0;
}
.flight-pop-wrap .flight-lay i {
  display: block;
  font-size: 20px;
  color: #101010;
}
.el-dialog__body .msg-box {
  margin: 20px 0;
}
.top-sec-hgt {
  min-height: 326px;
}
.top-item {
  width: 47%;
  float: right;
  border-bottom: 1px solid #ebeef5;
}
.top-list li:nth-child(2n + 2) {
  float: left;
}
.top-item:last-child,
.top-item:nth-child(9n) {
  border: none;
}
.top-link {
  color: #101010;
  font-weight: 500;
  display: block;
  padding: 14px 0;
  text-decoration: none;
  position: relative;
}
.top-link .rgt-ico {
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  color: #2289ae;
}
.top-link span i {
  margin-left: 10px;
  vertical-align: middle;
  background: #e0e1e3;
  border-radius: 100%;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  display: inline-block;
  color: #7e858b;
}
.offer-img {
  width: 100%;
}
.top-dest:before {
  border-radius: 0 0 4px 4px;
  background: linear-gradient(to top, rgb(0, 0, 0, 0.5) 0%, transparent 100%);
  content: "";
  height: 50%;
  position: absolute;
  bottom: 5px;
  right: 0;
  left: 0;
  z-index: 1;
}
.top-dest-cont {
  bottom: 0px;
  position: absolute;
  right: 0px;
  left: 0px;
  top: auto;
  width: 100%;
  z-index: 999;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.top-dest-cont h3 {
  color: #fff;
}
.top-dest-cont small {
  color: #fff;
  display: block;
  font-size: 12px;
  margin: 0;
  font-weight: normal;
}
.top-dest img {
  width: 100%;
  border-radius: 4px;
  height: 270px;
}
.swiper-container {
  position: static !important;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: none !important;
  top: 60% !important;
}
.swiper-button-next i,
.swiper-button-prev i {
  color: #4c4c4c;
  font-size: 16px;
  font-weight: 600;
  background: #fff;
  width: 50px;
  height: 50px;
  box-shadow: 0 0 10px #ddd;
  border-radius: 100%;
  display: block;
  text-align: center;
  line-height: 50px;
}
.swiper-button-next {
  left: -5px !important;
}
.swiper-button-prev {
  right: -25px !important;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0 !important;
}
.swiper-button-prev,
.swiper-button-next {
  margin-top: 0 !important;
}
/*Subscribe Section css start*/
.subscribeBlock h5,
.subscribeBlock h6 {
  color: #fff;
}
.subscribeBlock form {
  justify-content: center;
}
.subscribeBlock .subscribeAction .el-input__inner {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 4px;
  color: #fff;
  width: 220px;
}
/*Subscribe Section css end*/
.app-bg {
  background-image: url("images/banner.png");
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 position: relative;
 height: 335px;
 width: 100%;
 overflow: hidden;
}
.banner-img{
 padding-top: 27px;
}
.banner-text {
 padding-right: 165px;
}
.app-bg h3 {
 color: #ffffff;
 font-size: 28px;
 font-weight: bold;
}
.app-bg h4 {
 color: #ffffff;
 font-weight: 600;
 padding-bottom: 45px;
}
.app-bg small {
 color: #ffffff;
 margin-top: 8px;
 display: block;
 font-weight: 600;
 font-size: 16px;
 width: 100%;
}
.app-bg a img {
 max-width: 135px;
 border-radius: 8px;
}
.app-bg-img {
 max-width: 306px;
 width: 100%;
}
.scan-download {
 font-size: 20px;
 font-weight: bold;
 color: white;
 padding-bottom: 10px;
}
/*Hlafly offers css start*/
.offers-holder .offer-tag {
  display: block;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  margin: 5px 0;
  overflow: hidden;
}
.offers-holder .offer-tag picture {
  width: 100%;
  min-height: 250px;
  max-height: 250px;
  display: block;
}
.offers-holder .offer-tag picture img {
  transition: 0.5s ease;
}
.offers-holder .offer-tag:hover picture img {
  transform: scale(1.1);
}
.offers-holder .offer-tag .offer-desc {
  position: relative;
  padding: 20px 25px;
  background: #f6f6f6;
  min-height: 200px;
  max-height: 200px;
}
.offers-holder .offer-tag .offer-desc p {
  color: #231f20;
  font-weight: 600;
  margin: 0 0 24px;
  line-height: 18px;
}
.offers-holder .offer-tag .offer-desc h6 {
  position: absolute;
  bottom: 20px;
  left: 25px;
  color: #fe901f;
  font-weight: bold;
  border-bottom: 0.5px solid #2e3191;
}
/*Hlafly offers css end*/
/*Hla-steps css start*/
.hla-steps {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 500;
}
.hla-steps .steps-no {
  color: #000;
  font-weight: 600;
  opacity: 0.5;
}
.steps-no span {
  width: 14px;
  height: 14px;
  border: 2px solid #ff9a31;
  text-align: center;
  line-height: normal;
  border-radius: 100%;
  /* z-index: 1; */
  display: inline-block;
  position: relative;
  color: #5f789b;
  vertical-align: middle;
  position: relative;
}
.steps-no span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  display: inline-block;
  border-top: 2px dotted #ff9a31;
  vertical-align: middle;
  width: 150px;
}
.steps-no.active {
  opacity: 1;
}
.steps-no.active span {
  background-color: #ff9a31;
}
.steps-no.s-flight span {
  border: 2px solid #38abe3;
}
.steps-no.s-flight span:before {
  border-color: #38abe3;
}
.steps-no.s-flight.active span {
  background-color: #38abe3;
}
.steps-no.r-details span {
  border: 2px solid #e44117;
}
.steps-no.r-details span:before {
  border-color: #e44117;
}
.steps-no.r-details.active span {
  background-color: #e44117;
}
.steps-no.pay span {
  border: 2px solid #8fc84a;
}
.steps-no.pay span:before {
  border-color: #8fc84a;
}
.steps-no.pay.active span {
  background-color: #8fc84a;
}
/*Hla-steps css end*/
/*Package-steps css start*/
.package-steps-block {
  background-color: #fff;
  padding: 15px 0;
  margin-bottom: 25px;
  box-shadow: 0 1px 5px #d9d8d8;
}
.package-steps {
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: 600;
}
.package-steps li {
  color: #979696;
  position: relative;
  padding-left: 55px;
}
.package-steps li.active {
  color: #000;
}
.package-steps li.active i {
  color: #ff9a31;
}
.package-steps li.active i:before {
  content: "\e93f";
  font-family: "icomoon";
}
.package-steps li.subactive {
  color: #4898f6;
}
.package-steps li:first-child:after,
.package-steps li:nth-child(2):after {
  content: "\e94d";
  font-family: "icomoon";
  position: absolute;
  left: 25px;
  display: inline-block;
}
body.hotel-result .package-steps-block,
body.flight-result .package-steps-block {
  margin-top: -23px;
}
/*Package-steps css end*/
/*Package Portfolio css start*/
.packagePortfolio-block {
  margin-top: 20px;
  padding: 10px 0;
  display: none;
}
body.flight-result .packagePortfolio-block {
  display: block;
}
.packagePortfolio {
  border: 1px solid #d9d8d8;
  box-shadow: 0 1px 5px #d9d8d8;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.packagePortfolio li > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
  padding: 15px 10px;
}
.packagePortfolio li > div:only-child {
  height: 100%;
}
.packagePortfolio li:first-child {
  border-left: 2px dashed #c2c0c0;
  width: 46%;
}
.packagePortfolio .packagePortfolio-hotel > div:last-child {
  padding-right: 15px;
}
.packagePortfolio li:nth-child(2) {
  width: 38%;
}
.packagePortfolio .packagePortfolio-flight:nth-child(2) {
  padding-top: 0;
  padding-bottom: 0;
}
.packagePortfolio
  .packagePortfolio-flight:nth-child(2)
  .flt-dur
  .minOne-stop:after {
  left: 100%;
  transform: rotateY(180deg);
}
.packagePortfolio .packagePortfolio-flight + span {
  display: block;
  text-align: left;
  padding: 0 8%;
  margin: 15px 0;
}
.packagePortfolio .packagePortfolio-flight > div:first-child {
  width: 20%;
}
.packagePortfolio .packagePortfolio-flight > div:last-child {
  width: 50%;
}
.packagePortfolio .packagePortfolio-flight span,
.packagePortfolio .packagePortfolio-flight small {
  color: #000;
}
.packagePortfolio .packagePortfolio-flight .flt-dur .minOne-stop {
  border-bottom: 1px dotted #000;
}
.packagePortfolio .packagePortfolio-flight .flt-dur .minOne-stop:after {
  content: "\E916";
  font-family: icomoon;
  font-size: 10px;
  top: 70%;
  left: -12px;
  position: absolute;
}
.packagePortfolio .packagePortfolio-flight .flt-dur span {
  text-transform: uppercase;
  display: block;
  position: relative;
}
.packagePortfolio li:last-child {
  width: 16%;
  border-right: 1px solid #d9d8d8;
}
.fph-hotelDetailsPop .el-dialog {
  max-width: 60%;
  width: 100%;
  border-radius: 0px;
}
.fph-hotelDetailsPop .el-dialog__body {
  padding: 0;
}
.fph-hotelDetailsPop .hotelDetails-block {
  width: 100%;
  border-top: 3px solid #ff9a31;
  padding: 30px 20px;
}
.fph-hotelDetailsPop .el-dialog__header {
  padding: 0;
}
.fph-hotelDetailsPop .el-dialog__headerbtn {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 20px;
  z-index: 1;
}
.fph-hotelDetailsPop .el-dialog__headerbtn i {
  color: #000;
}
.fph-hotelDetailsPop .hotelDetails-tail span {
  color: #000;
  font-weight: 500;
}
.fph-hotelDetailsPop .hotelDetails-tail .moreInfo span {
  border-bottom: 1px solid #ff9a31;
  padding-bottom: 5px;
  display: block;
}
.fph-hotelDetailsPop .hotelDetails-tail .moreInfo ul {
  max-width: 280px;
  width: 100%;
}
.fph-hotelDetailsPop .hotelDetails-tail .moreInfo li {
  padding: 0 0 10px 20px;
  color: #000;
  font-weight: 500;
}
.fph-hotelDetailsPop .hotelSlider-block .swiper-button-prev {
  right: 35px !important;
  top: 30% !important;
}
.fph-hotelDetailsPop .hotelSlider-block .swiper-button-next {
  left: 58px !important;
  top: 30% !important;
}
.fph-hotelDetailsPop .hotelSlider-block .gallery-top img {
  max-height: 490px;
}
.fph-hotelDetailsPop .hotelSlider-block {
  margin: 15px 0 35px;
  padding: 10px;
  border: 1px solid #ff9a31;
}
.fph-hotelDetailsPop .hotelSlider {
  background-color: #000;
}
.fph-hotelDetailsPop .gallery-top {
  height: 80%;
  width: 100%;
}
.fph-hotelDetailsPop .gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.fph-hotelDetailsPop .gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}
.fph-hotelDetailsPop .gallery-thumbs .swiper-slide-active {
  opacity: 1;
}
/*Package Portfolio css end*/
/*Top Destinations css start*/
.topDest-holder .topDest-block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-right: -10px;
  margin-left: -10px;
  height: 780px;
}
.topDest-holder .topDest-block .topDest-element {
  width: calc(100% / 3 - 10px);
  margin: 5px;
  height: 380px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
/* .topDest-holder .topDest-block .topDest-element:last-child {
  height: 780px;
} */
.topDest-holder .topDest-block .topDest-element:last-child .topDest-text {
  height: 30%;
  padding-right: 30px;
}
.topDest-holder .topDest-block .topDest-element img {
  width: 100%;
  /* height: 100%; */
  object-fit: cover;
  transition: 0.5s ease;
}
.topDest-holder .topDest-block .topDest-element .topDest-text {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  width: 40%;
  height: 30%;
  transition: 0.5s ease;
}
.topDest-holder .topDest-block .topDest-element .topDest-text h3 {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 8px;
}
.topDest-holder .topDest-block .topDest-element .topDest-text .book-btn {
  border: 1px solid #fff;
  padding: 6px 18px;
  color: #fff;
  font-weight: 600;
  background: transparent;
  transition: 0.5s ease;
  background-color: #ff9a31;
}
.topDest-holder .topDest-block .topDest-element .topDest-text .book-btn:hover {
  color: #000;
  background: #fff;
}
.topDest-holder .topDest-block .topDest-element:hover img {
  transform: scale(1.1);
}
.topDest-holder .topDest-block .topDest-element:hover .topDest-text {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  text-align: center;
}
/*Top Destinations css end*/
/*More Than Hotels css start*/
.moreThanHotels-holder .moreThanHotels-tag {
  display: block;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  margin: 5px 0;
  overflow: hidden;
}
.moreThanHotels-holder .moreThanHotels-tag picture {
  width: 100%;
  display: block;
  min-height: 250px;
  max-height: 250px;
}
.moreThanHotels-holder .moreThanHotels-tag picture img {
  transition: 0.5s ease;
  overflow: hidden;
}
.moreThanHotels-holder .moreThanHotels-tag:hover picture img {
  transform: scale(1.1);
}
.moreThanHotels-holder .moreThanHotels-tag .moreThanHotels-desc {
  position: relative;
  padding: 20px 25px;
  background: #fff;
  min-height: 200px;
  max-height: 200px;
}
.moreThanHotels-holder .moreThanHotels-tag .moreThanHotels-desc .ratings {
  margin-bottom: 25px;
}
.moreThanHotels-holder .moreThanHotels-tag .moreThanHotels-desc p {
  color: #231f20;
  font-weight: 600;
  margin: 0 0 10px;
}
.moreThanHotels-holder .moreThanHotels-tag .moreThanHotels-desc p.hname {
  font-weight: bold;
}
.moreThanHotels-holder .moreThanHotels-tag .moreThanHotels-desc h6 {
  position: absolute;
  bottom: 20px;
  left: 25px;
  color: #fe901f;
  font-weight: bold;
  border-bottom: 0.5px solid #2e3191;
}
/*More Than Hotels css end*/
/*Why Hlafly css start*/
.whyFly-holder .titles {
  margin-bottom: 0;
}
.whyFly-holder .whyContent__list {
  display: flex;
  justify-content: space-between;
  background-image: url("images/whyFly-bg-new.png");
  background-repeat: no-repeat;
  background-position: center;
  padding: 5px 30px 90px 30px;
  min-height: 312px;
}
.whyFly-holder .whyContent__list .whyContent__item {
  width: 45%;
  position: relative;
}
.whyFly-holder .whyContent__list img {
  width: 63%;
  min-height: 42px;
}
.whyFly-holder .whyContent__list .textPan {
  width: 38%;
  position: absolute;
  margin: 15px;
}
.whyFly-holder .whyContent__list .textPan h3 {
  font-size: 18px;
  font-weight: 700;
}
.whyFly-holder .whyContent__list .textPan p {
  font-size: 16px;
  color: #000;
  font-weight: 500;
}
.whyFly-holder .whyContent__list .textPan.rightPan {
  bottom: 0;
  left: 0;
}
/*Why Hlafly css end*/
/*footer start here*/
body.landing.cal-body footer {
  margin-top: 0;
}
footer {
  margin-top: 50px;
}
footer .mainFooter {
  background: #051f31;
  padding: 30px 0 0;
}
footer .qr-block {
  display: flex;
  justify-content: flex-end;
}
footer .qr-block img {
  max-width: 80px;
}
footer .qr-block h5 {
  color: #fff;
}
.air-item {
  margin-left: 2%;
  width: 32%;
  float: right;
}
.air-item:nth-child(3n) {
  margin-left: 0;
}
.air-link {
  line-height: 16px;
  color: #fff;
  cursor: pointer;
  display: block;
  overflow: hidden;
  padding: 0 0px 10px 0;
  line-height: 22px;
  text-decoration: none;
  position: relative;
}
.air-link:hover {
  color: #e5ebf8;
}
footer .el-menu-item {
  padding: 0 0 10px 20px;
  line-height: inherit;
  height: auto;
  display: block;
  font-weight: 500;
}
footer .el-menu-item:first-child {
  /* font-size: 18px; */
}
footer .el-menu-item a:active {
  color: #958263;
  border-bottom: 1.5px solid #fe901f;
}

footer .el-menu-item a[tabindex]:focus {
  border-bottom: 1.5px solid #fe901f !important;
  color: #958263;
  outline: none;
}
footer .el-menu-item:hover a{
  color: #958263;
}
footer .el-menu-item:hover a{
  color: #958263;
}
/* footer .el-menu-item.is-active a {
  color: #958263;
}
footer .el-menu-item.is-active a {
  border-bottom: 1.5px solid #fe901f;
} */
footer .el-menu-item a {
  color: #fff;
  padding-bottom: 5px;
}
.el-menu,
.hotel .el-card.top-sec-hgt,
.hotel .el-card.is-always-shadow {
  border: none;
}
footer .el-menu {
  background: transparent;
}
.truncate {
  width: 75%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.secure-icon {
  color: #fff;
  font-size: 26px;
}
.el-card__body {
  padding: 25px;
  position: relative;
}
.el-card.is-always-shadow,
.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
  -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1);
  border: none;
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
  background: transparent;
  color: #2289ae;
}
.security {
  text-transform: uppercase;
  font-size: 10px;
  color: #000;
  margin-left: 20px;
  margin-right: 8px;
  display: inline-block;
  letter-spacing: 1px;
}
.security span {
  display: block;
  letter-spacing: 3px;
}
footer .el-menu-item:focus,
footer .el-menu-item:hover {
  background: transparent;
}
.footer-links .el-col:nth-child(4) {
  border-right: 1px solid #e5ebf8;
}
.footer-links .supportList h4 {
  color: #fff;
}
.footer-links .supportList li {
  padding: 0 20px 10px 20px;
  font-size: 14px;
  font-weight: 500;
}
.footer-links .supportList li a {
  color: #fff;
  vertical-align: middle;
}
.footer-links .supportList li:hover a {
  color: #958263;
}
.footer-bar {
  padding: 30px 0;
  margin-top: 20px;
}
.social {
  text-align: left;
}
.social a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  transition: all 0.6s ease;
  position: relative;
  margin-left: 10px;
  text-decoration: none;
  color: #fe901f;
  font-size: 20px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.46);
}
.social a:hover {
  color: #fff;
}
.social a i {
  line-height: 30px;
}
a.facebook:hover {
  background: #194e91;
}
a.google-plus:hover {
  background: #dd4b39;
}
a.twitter:hover {
  background: #09adeb;
}
a.linkedIn:hover {
  background: #007ab9;
}
a.instagram:hover {
  background: #cd486b;
}
a.whatsapp:hover {
  background: #0d6d27;
}
.copy {
  padding: 5px 0;
  text-align: center;
  color: #fff;
  background: transparent;
  border-radius: 4px;
}
/*footer start here*/
footer .text-right.el-col.el-col-13 {
  width: 54%;
}
.el-dialog__body,
.el-tabs__item {
  color: #5f789b;
  position: relative;
}
.el-tabs--card > .el-tabs__header,
.el-tabs--card > .el-tabs__header .el-tabs__item,
.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border-color: #e5ebf8;
}
.sign-reg-close {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 10px;
  color: #000;
  padding: 5px 5px 2px;
  background-color: #f2f2f2;
}
.sign-reg-close:hover {
  color: #ff9a31;
}
.sign-reg-block {
  width: 100%;
}
.sign-reg-block .sign-reg-strip {
  color: #004273;
  font-weight: 600;
  font-size: 13px;
}
.sign-reg-block .sign-reg-content {
  display: flex;
  align-items: center;
}
.sign-reg-block .sign-reg-content .left-panel {
  width: 50%;
  padding: 60px 40px 30px;
  background-color: #f2f2f2;
  min-height: 548px;
}
.sign-reg-block .sign-reg-content form .el-button--small {
  background-color: #ff9500;
  color: #fff;
  border: none;
  padding: 10px 15px;
  margin-top: 15px;
}
.sign-reg-block .sign-reg-content form .el-input__inner {
  height: 35px;
  border: 1px solid #c2c0c0;
}
.sign-reg-block .sign-reg-content form .el-form-item {
  margin-bottom: 0px;
}
.sign-reg-block .sign-reg-content form .e-user {
  font-weight: 600;
}
.sign-reg-block .sign-reg-content form .link-item {
  line-height: 15px;
  font-weight: 600;
}
.sign-reg-block .sign-reg-content .el-form--label-top .el-form-item__label {
  color: #000;
  font-weight: 600;
}
.sign-reg-block .sign-reg-content .sign-reg-img {
  width: 50%;
  padding: 50px;
}
.sign-reg .el-dialog {
  max-width: 52%;
  width: 100%;
  border-radius: 0px;
}
.sign-reg .el-dialog__body {
  padding: 0px;
  min-height: 465px;
  display: flex;
}
/* .sign-reg .el-dialog__body:before {content: '';position: absolute;top: 0;right: 0px;background: url(https://hf-cdn-hotels.hlafly.com/common/register-bg.png) no-repeat top;width: 52%;height: 100%;background-size: 100%;border-radius:0 15px 0 0} */
.sign-reg .el-tabs__item {
  height: auto;
  padding: 0 10px;
  font-size: 20px;
  font-weight: bold;
  color: #bbb;
}
.sign-reg .el-tabs__header {
  margin: 22px 62px 20px 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.sign-reg .el-tabs__item.is-active {
  color: #101010;
}
.sign-reg .el-form-item__content i {
  color: #8c919d;
  right: 10px;
  line-height: 41px;
}
.sign-reg h3 {
  margin: 22px 62px 20px 0;
  font-size: 20px;
  position: absolute;
  top: 0;
  right: 0;
}
.el-tabsocial-nets__nav-wrap::after {
  background-color: #e5ebf8;
}
.social-net {
  text-align: center;
  margin-bottom: 20px;
}
.social-net a {
  width: 30px;
  height: 30px;
  line-height: 35px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  transition: all 0.6s ease;
  position: relative;
  margin-left: 10px;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
}
.social-net a:hover {
  border-radius: 3px;
  color: #fff;
}
.social-net a.facebook {
  background: #194e91;
}
.social-net a.google-plus {
  background: #dd4b39;
}
.social-net a.twitter {
  background: #09adeb;
}
.border-box {
  display: block;
  cursor: pointer;
  padding: 20px;
  margin-top: 10px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 0px #edf3fb;
}
.border-box:first-child {
  margin-top: 0;
}
.baggage {
  border-top: 1px solid #e5ebf8;
  padding-top: 15px;
  font-size: 12px;
}
.baggage-info {
  margin-bottom: 15px;
}
.baggage i {
  margin-left: 10px;
  font-size: 18px;
  vertical-align: middle;
}
.el-carousel__button {
  width: 5px;
  height: 5px;
  border-radius: 100%;
}
.el-carousel__indicator {
  padding: 0px 2px;
}
.notfound {
  line-height: 1.4;
  text-align: center;
  padding: 100px 0;
}
.notfound h2 {
  font-size: 36px;
  font-weight: 600;
}
.notfound h2 small {
  font-size: 46px;
  display: block;
}
.notfound h5 {
  font-size: 20px;
  font-weight: 400;
  color: #101010;
}
.notfound a {
  display: inline-block;
  margin-top: 20px;
}
/*Summary styles start here*/
.pay-list {
  margin: 10px 0 0;
  padding: 10px 0;
  border: 1px solid #a19e9f;
}
.pay-list li {
  list-style-type: none;
  line-height: 30px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  color: #000;
  padding: 0 25px;
  font-weight: 600;
}
.pay-list li small {
  color: #000;
}
.pay-list li span {
  width: 60%;
}
.pay-list li span + span {
  width: calc(100% - 60%);
  text-align: left;
}
.pay-list li.total {
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px solid #a19e9f;
}
.pay-list li.total span,
.pay-list li.total span + span small {
  color: #101010;
  font-weight: bold;
}
.pay-list li.total span + span {
  font-size: 18px;
  font-weight: 600;
}
.pay-list li span strong small {
  display: block;
  line-height: normal;
  font-weight: normal;
}
.fareSummary .icon-play-button {
  font-size: 8px;
}
/* .summary .pay-list li.total {border-bottom: 1px solid #e5ebf8;padding-bottom: 5px; margin-bottom: 20px;} */
.apply {
  position: absolute;
  left: 20px;
  top: 1px;
  z-index: 9;
  border: none;
}
.summary .el-form-item {
  margin-bottom: 10px;
}
.summary .el-alert,
.summary .el-alert .el-alert__description,
.summary .el-alert__content {
  margin: 0;
  padding: 0;
}
.summary .el-alert--error.is-light,
.summary .el-alert--success.is-light {
  background-color: transparent;
}
/*Summary styles end here*/
input:-internal-autofill-previewed,
input:-internal-autofill-selected,
textarea:-internal-autofill-previewed,
textarea:-internal-autofill-selected,
select:-internal-autofill-previewed,
select:-internal-autofill-selected {
  background-color: #fff !important;
  background-image: none !important;
  color: #101010 !important;
}
.error404 {
  height: 100%;
  text-align: center;
  padding: 0px;
}
/* .failureImg { width: 25%;} */
.swap {
  background: #fff;
  position: absolute;
  right: 22%;
  top: 10px;
  z-index: 2;
  border: 1px solid #bccae2;
  color: #bccae2;
  border-radius: 100%;
  vertical-align: middle;
  text-align: center;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 14px;
}
.swap:focus,
.swap:hover {
  background: #ff9a31;
  border: 1px solid #bccae2;
  color: #fff;
}
.swap.active i {
  transform: rotate(90deg);
}
/*Date of Birth styles start here*/
.hijri {
  margin-top: -40px;
}
.popup-header {
  background: #2289ae;
  padding: 10px;
  color: #fff;
}
.popup-body {
  padding: 20px 10px;
  display: flex;
}
.date-select .footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ebebf0;
  padding: 10px 0;
}
.date-select .footer a {
  color: #666;
  text-align: center;
  width: 50%;
  text-transform: uppercase;
}
.date-select .footer a.btn-ok,
.el-tabs__item.is-active,
.el-radio__input.is-checked + .el-radio__label {
  color: #000;
}
.date-select {
  position: absolute;
  bottom: -10px;
  z-index: 101;
}
.date-select .popup {
  position: absolute;
  right: 0;
  top: 0;
  width: 360px;
  padding: 0px;
  z-index: 99;
  background: #fff;
  webkit-box-shadow: -5px 5px 10px rgba(202, 202, 202, 0.1);
  box-shadow: -5px 5px 10px rgba(202, 202, 202, 0.1);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-radius: 0px;
  text-align: center;
}
.date-select:before {
  content: " ";
  position: absolute;
  right: 10px;
  top: -10px;
  z-index: 20;
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  /* border-bottom: 10px solid #2289ae; */
}
.date-select .select {
  width: 33.3333%;
  position: relative;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.date-select .select span.text {
  font-size: 12px;
  text-transform: uppercase;
  color: #101010;
}
.date-select .select a.btn-arrow.btn-up,
.date-select .select a.btn-arrow.btn-down {
  color: #8c919d;
  line-height: 30px;
}
.date-select .select a.btn-arrow.btn-up,
.date-select .select a.btn-arrow.btn-down,
.date-select .select > div,
.date-select .select span {
  display: block;
}
.date-select .select a i {
  position: relative;
  right: 0;
}
.hijri i {
  position: absolute;
  top: 50%;
  right: 14px;
  font-size: 13px;
  transform: translate(0, -50%);
}
.hijri .el-input__inner {
  padding-right: 30px;
}
/*Date of Birth styles start here*/
/* date of birth css start here  */
.btn-done {
  border: 1px solid #ff9a31;
  background: #ff9a31;
  color: white;
  border-radius: 15px;
  padding: 7px 25px;
}
.btn-reset {
  border: 1px solid #B2AAA2;
  background: #B2AAA2;
  color: white;
  border-radius: 15px;
  padding: 7px 25px;
}
.btn-reset-done {
  padding: 0px 10px 18px;
  display: flex;
  justify-content: space-between;
}
.month-fmt {
  color: #000;
  font-weight: bold;
}
.month-fmt::after{
  content: '\E916';
  font-family: icomoon;
  font-size: 6px;
  top: 3%;
  transform: rotate(333deg);
  left: 71%;
  color: #000;
  position: absolute;
}
.date-fmt {
  color: black;
  font-weight: bold;
  display: flex;
  justify-content: space-around;
}
.date-arrow-icon {
  padding: 10px 19px 0px;
  text-align: left;
  justify-content: space-between;
  display: flex;
}
/* date of birth css end here  */
/*Result styles start here*/
.modify-search {
  background: #fff;
  padding: 15px 0;
  margin-bottom: 24px;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1);
  margin-top: 1px;
}
.search-bar-para {
  color: #000;
  font-size: 15px;
  font-weight: 500;
  padding-top: 5px;
  display: flex;
  justify-content: center;
}
.search-bar-text {
  padding-right: 6px;
}
.Infant-Icon {
  transform: scaleX(-1);
}
.search-bar-heading {
  font-size: 16px;
  font-weight: 500;
}
.modify-search-btn{
  /* padding-top: 50px; */
  float: left;
}
.search-bar-btn {
  padding: 7px;
}
.modify-search-flight-icon {
  /* padding-top: 20px; */
  display: flex;
  justify-content: center;
  transform: scaleX(-1);
}
.modify-search-flight-icon:nth-child(1) {
  /* padding-top: 55px; */
}
.modify-search-bar {
  border: 2px solid #e5ebf8;
  padding: 8px;
  border-radius: 9px;
}
.border-box-dropdown {
  border: 2px solid #d9d8d8;
  border-radius: 6px;
  border-bottom: none;
}
.modify-search .search-bar-grid .el-tabs__header {
  margin-bottom: 20px;
  margin-top: 10px;
}
.modify-search .search-bar-grid .form-group {
  border: 2px solid #d9d8d8;
}
.el-tabs--left .el-tabs__item.is-left.is-active i.icon-right-arrow {
  color: #000;
}
.modify-search .search-bar-grid .el-tabs__header {
  text-align: right;
}
.el-collapse-item__content {
  color: #5f789b;
}
.modify-search .search-bar-grid .el-tabs__item {
  color: #000;
}
.modify-search .search-bar-grid .el-tabs__item.is-active {
  color: #ff9a31;
}
.modify-search .search-bar-grid .el-tabs__item.is-active:after {
  background: #5f789b;
  border-color: #5f789b;
}
.modify-search .search-bar-grid .el-tabs__item:before {
  border: 1px solid #5f789b;
}
.modify-search .search-bar-grid #pane-oneway .addReturn {
  border: 2px solid #d9d8d8;
}
.modify-search .search-bar-grid .to-city .el-input__inner,
.modify-search .search-bar-grid .passengers .el-dropdown-link {
  border: none;
}
.modify-search .search-bar-grid .form-group .el-input__inner,
.modify-search .search-bar-grid .form-group .el-dropdown-link {
  height: 48px;
}
.modify-search .search-bar-grid .el-checkbox {
  color: #000;
}
.modify-search
  .search-bar-grid
  .el-checkbox__input.is-checked
  + .el-checkbox__label {
  color: #000;
}
.modify-search
  .search-bar-grid
  .flight-flexibility
  > span
  .el-checkbox__input.is-checked
  + .el-checkbox__label {
  color: #000;
}
.modify-search .search-bar-grid #pane-multicity .addFlights-btn {
  color: #000;
  border: 2px solid #d9d8d8;
}
.modify-search .search-bar-grid #pane-multicity .addFlights-btn i {
  color: #fff;
}
.modify-search .search-bar-grid #pane-multicity .addFlights-btn:hover {
  border: 2px solid #ff9a31;
}
.modify-search .search-bar-grid .el-date-editor.el-range-editor {
  background: transparent;
  border: none;
  padding: 0;
}
.modify-search .search-bar-grid .el-date-editor input {
  border: 2px solid #d9d8d8;
}
.reset {
  font-size: 12px;
  line-height: 24px;
}
.sorting {
  background: #ffffff;
  box-shadow: 0 1px 0px #d5dde7;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 3px;
}
.sorting.flight-sorting {
  display: flex;
  justify-content: space-between;
}
.sorting .el-select .el-input .el-select__caret {
  color: #ff9a31;
  font-weight: 600;
}
.filter {
  background: #ffffff;
  box-shadow: 0 1px 0px #d5dde7;
  padding: 15px;
  border-radius: 3px;
}
.filter h6 {
  font-weight: 600;
}
.filter-grid {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5ebf8;
}
.filter-grid:last-child {
  padding: 0;
  margin-bottom: 0;
  border: none;
}
.filter-grid .el-collapse-item__arrow {
  display: none;
}
.filter-grid .icon-plus {
  color: #fff;
  background-color: #ff9a31;
  border-radius: 100%;
  padding: 4px;
  font-size: 8px;
}
.filter-grid.is-active .icon-plus:before {
  content: "\e93d";
}
.filter-grid.el-collapse-item {
  margin-bottom: 0;
}
.filter .filter-grid h5 {
  color: #ff9a31;
  font-weight: bold;
}
.filter .air-grid .filter-form {
  margin: 15px 0;
}
.filter .air-grid .filter-form input {
  border: none;
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
  height: 32px;
}
.filter .air-grid .filter-form i {
  right: 88%;
  top: 14px;
}
.filter .air-grid .filter-form i:before {
  content: "\e913";
  font-family: "icomoon";
}
.filter .air-grid .filter-form .el-input__suffix {
  display: none;
}
.filter .air-grid .filter-list .el-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.filter
  .air-grid
  .filter-list
  .el-checkbox
  .el-checkbox__input
  .el-checkbox__inner {
  border-radius: 100%;
  border: 1px solid #000;
}
.filter
  .air-grid
  .filter-list
  .el-checkbox
  .el-checkbox__input.is-checked
  .el-checkbox__inner {
  background-color: #ff9a31;
  border: 1px solid #ff9a31;
}
.filter
  .air-grid
  .filter-list
  .el-checkbox
  .el-checkbox__input.is-checked
  .el-checkbox__inner:after {
  display: none;
}
.filter .air-grid .filter-list .el-checkbox .airlineName {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.filter .air-grid .filter-list .el-checkbox .airlineName img {
  border-radius: 2px;
  margin-left: 8px;
}
.range-bar {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
}
.el-slider__bar {
  background-color: #4898f6;
  bottom: 0;
  border-radius: 3px;
  height: 3px;
}
.el-slider__button-wrapper {
  width: auto;
  height: auto;
  top: -10px;
  transform: inherit;
}
.el-slider__button-wrapper + .el-slider__button-wrapper {
  transform: translateX(15px);
}
.bars {
  height: 60px;
  padding-top: 15px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-end;
}
.bar-line {
  margin: 0 1px;
  background-color: #e5ebf8;
  cursor: pointer;
  width: 100%;
}
.bar-line:hover,
.bar-line.active {
  background-color: #4898f6;
  cursor: pointer;
  width: 100%;
}
.bar-line .bar-result {
  display: none;
  color: #4898f6;
  font-size: 11px;
  position: absolute;
  top: 0;
  white-space: nowrap;
}
.bar-line:hover .bar-result {
  display: block;
}
.el-slider__button {
  width: 22px;
  height: 22px;
  border: 6px solid #fff;
  background-color: #7db3f3;
  box-shadow: 0 0 10px #ddd;
}
.el-slider__runway {
  background: #e5ebf8;
  height: 2px;
}
.el-slider.onward .el-slider__runway {
  margin: 0 auto 15px;
}
.filter-stops {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 15px 0;
  z-index: 0;
}
.filter-stops .el-checkbox {
  width: 33.3333%;
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  margin-left: 0;
  text-align: center;
  font-size: 12px;
  border-width: 2px;
  cursor: pointer;
  color: #5f789b;
  border: 1px solid #e5ebf8;
  transition: all 0.5s ease;
}
.filter-stops.flight-filter-stops .el-checkbox {
  width: calc(33.33% - 10px);
  margin: 0 5px;
  border: 1px solid transparent;
  border-radius: 6px;
  background-color: #faf9f9;
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.filter-stops.flight-filter-stops .el-checkbox:hover,
.filter-stops.flight-filter-stops .el-checkbox.is-checked {
  background: #fef3e1;
  border: 1px solid #ff9a31;
}
.filter-stops .el-checkbox .el-checkbox__input {
  position: absolute;
  right: -9999px;
}
.el-checkbox__label i[class*="icon-"] {
  font-size: 16px;
  vertical-align: text-bottom;
}
.filter-stops .el-checkbox .price {
  color: #4898f6;
  font-size: 10px;
  display: block;
}
.filter-stops label.el-checkbox.is-disabled,
.filter-stops label.el-checkbox:hover.is-disabled {
  background: transparent;
}
/* .el-checkbox+.el-checkbox {    margin-left: 0;} */
.filter-stops .el-checkbox__label {
  padding-right: 0;
  font-size: 12px;
  font-weight: 500;
}
.filter .el-input__inner {
  height: 40px;
  line-height: 40px;
}
.filter-list .el-checkbox {
  width: 100%;
  line-height: 32px;
  font-weight: normal;
}
.filter-list .el-checkbox__label {
  width: calc(100% - 15px);
  color: #000;
  font-size: 13px;
  font-weight: 500;
}
.filter-list .el-checkbox__label span {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.filter-list .el-checkbox__label span span {
  display: inline-block;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: inherit;
}
.sorting h6 {
  display: inline-block;
  margin-left: 15px;
  font-weight: 600;
}
.sorting .el-input__inner {
  padding: 0;
  color: #000;
  width: 130px;
  border: none;
  height: auto;
  line-height: inherit;
}
.sorting .el-input__icon,
.line-height-normal {
  line-height: normal;
}
.sorting .el-select {
  border-left: 1px solid #eaf0f9;
  margin-left: 10px;
  width: auto;
}
.sorting .el-select:last-child {
  border: none;
  margin-left: 0;
}
.seat-left {
  font-size: 12px;
  color: #ff496e;
  display: block;
  margin-bottom: 5px;
}
.discount-tag {
  position: absolute;
  top: -15px;
  left: -5px;
  background-color: #fef2e7;
  padding: 1px 8px;
  font-weight: 600;
}
.price-tag {
  color: #101010;
  display: block;
  font-size: 20px;
  font-weight: bold;
}
.price-tag dfn {
  font-size: 75%;
}
.smore i {
  vertical-align: middle;
}
.smore.active i {
  display: inline-block;
  transform: rotate(180deg);
}
.layover {
  border-top: 1px solid #38ace3;
  position: relative;
  margin: 40px 0 20px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.layover-cont {
  background: #fff;
  color: #000;
  border: 1px solid #38ace3;
  width: auto;
  display: inline-block;
  padding: 6px 30px;
  border-radius: 25px;
  position: absolute;
  z-index: 9;
  top: -16px;
  font-size: 12px;
}
.flight-accordian .el-collapse-item__header {
  background: #e5ebf8;
  padding: 0 0 0 20px;
}
.flight-destination {
  background: #e5ebf8;
  display: flex;
  width: 100%;
  align-items: center;
  line-height: normal;
  line-height: 48px;
  padding-right: 20px;
}
.flight-destination strong {
  font-size: 18px;
  color: #101010;
}
/* .flight-stops span {font-weight: 600; word-break: break-word; display: block;} */
.flight-destination span {
  width: 8%;
  border-top: 1px solid #bccae2;
  margin: 0 2%;
  position: relative;
}
.flight-destination span:before,
.tot-dur .layov::before {
  background: #bccae2;
  border-radius: 50%;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  top: -4px;
  width: 7px;
  right: 0;
}
.flight-destination span:after,
.tot-dur .layov::after {
  border-color: transparent #bccae2 transparent transparent;
  border-style: solid;
  border-width: 4px 6px 4px 0;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  left: -3px;
  top: -4px;
  width: 0;
}
/*Result styles end here*/
.transition-box {
  margin-bottom: 10px;
  width: 200px;
  height: 100px;
  border-radius: 4px;
  background-color: #4898f6;
  text-align: center;
  color: #fff;
  padding: 40px 20px;
  box-sizing: border-box;
  margin-left: 20px;
}
.cancel-grid {
  border: 1px solid #a19e9f;
  color: #000;
  font-weight: 600;
}
.cancel-grid.el-row:last-child {
  border-bottom: 1px solid #a19e9f;
}
.cancel-grid.el-row {
  margin-right: 0 !important;
  margin-left: 0 !important;
  border-bottom: none;
}
.cancel-grid .el-col {
  border-right: 1px solid #a19e9f;
  padding: 10px;
  min-height: 44px;
}
.cancel-grid .el-col:first-child {
  border-right: none;
}
.cancel-grid strong {
  color: #101010;
}
.cancel-grid small {
  display: block;
}
/*Review Page styles start here*/
.trav-pro-icon {
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 100%;
  vertical-align: middle;
  margin-left: 10px;
}
.review-page {
  padding: 25px 0 0;
}
.review-page h3 .el-rate__icon {
  font-size: 28px;
}
.review-page h3 .el-rate__item {
  vertical-align: text-top;
}
.review-page .line-bottom h6 {
  margin-bottom: 0;
}
.el-collapse,
.el-collapse-item__header,
.el-collapse-item__wrap {
  border: none;
  width: 100%;
}
.el-collapse-item__arrow {
  margin-left: 0px;
  font-size: 20px;
}
.review-page h4 {
  margin-bottom: 15px;
}
.review-page h4.fareSummaryTitle{
  margin-bottom: 0;
}
.review-page h6 {
  margin-bottom: 20px;
}
.el-tabs__active-bar {
  background-color: #ff9a31;
}
.el-form--label-top .el-form-item__label {
  padding: 0 0 0px;
  color: #000;
  line-height: 26px;
}
.el-input__suffix-inner i {
  position: static;
}
.el-tabs--left .el-tabs__item.is-left {
  text-align: right;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 15px;
}
.el-tabs--left .el-tabs__item.is-left.is-active {
  background: #f3f7f8;
  color: #000;
  border: 2px solid #b8dbe6;
}
.el-tabs__item {
  height: auto;
  line-height: normal;
  padding: 15px 15px;
  position: relative;
  white-space: normal;
}
.el-tabs--left {
  height: auto !important; /*margin-bottom: 20px;*/
}
.pay-tabs.el-tabs--left .el-tabs__header.is-left {
  margin-left: 20px;
  width: 220px;
}
.pay-tabs .el-tab-pane {
  border: 2px solid #b8dbe6;
  border-radius: 3px;
  padding: 30px;
}
.pay-tabs .el-tabs__item {
  padding-right: 45px;
}
.el-tabs--left .el-tabs__item.is-left i {
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -7px;
}
.el-tabs--left .el-tabs__item.is-left i.icon-right-arrow {
  right: auto;
  left: 15px;
  font-size: 14px;
  font-weight: 600;
  color: #999;
}
.el-tab-pane.national-passport {
  border: none;
  padding: 10px 0 0;
}
.national-tab
  > .el-tabs__header
  > .el-tabs__nav-wrap
  > .el-tabs__nav-wrap:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #e4e7ed;
  z-index: 1;
}
.el-collapse-item__content {
  padding-bottom: 0;
}
.baggage {
  padding: 15px;
}
.space-left input {
  padding-right: 45px;
  height: 50px;
}
.review-page .space-left .el-form-item__content i {
  right: 15px;
  font-size: 18px;
  line-height: 48px;
  font-weight: 600;
}
.el-form .border-box:first-child {
  margin-top: 25px;
}
.national-tab .el-tabs__content {
  overflow: unset;
}
.national-tab {
  margin-bottom: 10px;
}
/*Hijiri Calendar*/
/* .application {font-family: 'Cairo', sans-serif;position: absolute;text-align: center;box-shadow: 0 0 1px;top: 70px;width: 320px;background: #FFF;z-index: 9;padding: 15px;} */
.v-picker__title.primary {
  color: #fff;
  padding: 10px;
}
.v-picker__body.theme--light {
  width: auto;
}
.v-date-picker-header.theme--light {
  display: flex;
  justify-content: space-between;
}
.v-date-picker-header.theme--light button {
  background: transparent;
  border: none;
  font-family: "Cairo", sans-serif;
}
.v-date-picker-table table {
  width: 100%;
}
.v-date-picker-table td button {
  border: none;
  font-family: "Cairo", sans-serif;
  background: transparent;
  border-radius: 2px;
}
.v-date-picker-table td button.v-btn--active {
  color: #fff;
}
.v-date-picker-table td button:hover {
  background: #f5f8ff;
}
.v-date-picker-years {
  font-size: 16px;
  font-weight: 400;
  height: 286px;
  list-style-type: none;
  overflow: auto;
  padding: 0;
  text-align: center;
}
/*Hijiri Calendar*/
.el-card.traveller-details,
.el-card.traveller-details .el-card__body {
  overflow: inherit;
}
.price-change-popup .el-dialog {
  max-width: 450px;
  width: 100%;
}
/*Review Page styles end here*/
/*Confirmation page styles start here*/
.confirmation .icon-success {
  font-size: 55px;
}
.confirmation h2 {
  font-size: 30px;
}
.confirmation-block {
  background-color: #fff;
  overflow: hidden;
}
.confirmation-block .confirm-container {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}
.print-your-ticket {
  font-size: 14px;
  font-weight: normal;
}
.trav-list {
  margin: 0 0 0;
}
.trav-list li {
  line-height: 40px;
  position: relative;
}
/* .trav-list li:before {content: "";position: absolute;left: 0;top: 50%;width:20px;height:20px; transform:translate(0, -50%);background-image: url(https://hf-cdn-hotels.hlafly.com/common/sprite.png);background-repeat: no-repeat; background-size: 200px;}
.trav-list li.adult:before { background-position: -118px 2px}
.trav-list li.child:before { background-position: -117px -18px}
.trav-list li.infant:before { background-position: -117px -18px}
.t-no {margin-left: 100px;} */
@media print {
  .el-button,
  footer,
  .menu-list,
  title {
    display: none;
  }
}
/*Confirmation page styles end here*/
.wallet-ico {
  background: #f5f8ff;
  width: 70px;
  height: 70px;
  display: block;
  line-height: 70px;
  text-align: center;
  font-size: 30px;
  border-radius: 100%;
}
.el-menu--popup {
  padding: 0;
  background: #fff;
}
.payment-icon {
  background-image: url(https://hf-cdn-hotels.hlafly.com/common/payment.png);
  background-repeat: no-repeat;
  width: 60px;
  height: 35px;
  display: block;
  background-size: 450px;
}
.pay-all {
  background-size: 460px;
  width: 330px;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9;
}
.sticky-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sticky-menu a {
  color: #91a1bb;
  position: relative;
  margin-left: 40px;
}
.sticky-menu a.active,
.sticky-menu a:hover {
  color: #000;
}
.sticky-menu a.active:before {
  height: 2px;
  background: #ebc052;
  content: "";
  position: absolute;
  width: 100%;
  bottom: -26px;
}
.progress {
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  height: 2px;
  width: 0%;
  transition: width 0.2s, opacity 0.4s;
  opacity: 1;
  background-color: #efc14e;
  z-index: 999999;
}
/*Hotel Details*/
.amenities {
  display: flex;
  flex-wrap: wrap;
}
.amenities li {
  margin-left: 15px;
}
.amenities li i {
  color: #00ca9d;
  margin-left: 5px;
  font-size: 14px;
}
.hotel-amenities {
  display: flex;
  flex-wrap: wrap;
  font-size: 20px;
  margin: 10px 0;
}
.hotel-amenities i {
  color: #00ca9d;
  margin-left: 20px;
}
.hotel-amenities .disabled {
  color: #add6e1;
  cursor: not-allowed;
  display: none;
}
.amenities-big {
  text-align: center;
  font-size: 14px;
  margin: 30px 0 0;
}
.amenities-big span {
  text-align: center;
  margin-left: 30px;
}
.amenities-big i {
  display: block;
  margin: 0 auto 10px;
  font-size: 30px;
  color: #000;
}
/*Hotel Details*/
.big-image {
  height: 200px;
  overflow: hidden;
}
.medium-image {
  height: 150px;
  overflow: hidden;
}
.small-image {
  height: 90px;
  overflow: hidden;
}
.image-cover,
.demo-image__lazy img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*Cahsback styles start here*/
/* .cashback-pop {display: none; position: absolute;left: auto;bottom: -15px;right: 55%;}
body.landing.cal-body .cashback-pop {display: block;}
body.flight-result .cashback-pop {display: block;}
body.flight-review .cashback-pop {display: block;}
body.hotel.cal-body .cashback-pop {display: block;}
body.hotel-result .cashback-pop {display: block;}
body.hotel-review .cashback-pop {display: block;} */
.multiple-offers {
  background: #fbe6c3;
  border: 1px solid #e6bf93;
  border-radius: 3px;
  top: 52px !important;
  margin: -12px;
}
.multiple-offers:after,
.multiple-offers:before {
  bottom: 100%;
  right: 15%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.multiple-offers:after {
  border-color: rgba(251, 230, 195, 0);
  border-bottom-color: #fbe6c3;
  border-width: 12px;
  margin-right: -12px;
}
.multiple-offers:before {
  border-color: rgba(230, 191, 147, 0);
  border-bottom-color: #e6bf93;
  border-width: 13px;
  margin-right: -13px;
}
.multiple-offers li {
  position: relative;
  padding: 12px 50px 12px 12px;
  border-bottom: 1px solid #e6bf93;
  font-weight: 500;
  color: #000;
}
.multiple-offers li:last-child {
  border: none;
}
.multiple-offers li:before,
.cahback-reg:before {
  z-index: 9;
  right: 15px;
}
.multiple-offers li:before {
  background-position: -113px -38px;
  background-size: 200px;
}
.multiple-offers li.coin:before {
  background-position: -113px -38px;
}
.multiple-offers li.flight:before {
  background-position: -113px -16px;
}
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  border-style: none !important;
}
.cahback-reg:before {
  background-position: -113px -62px;
  background-size: 200px;
}
.cahback-reg {
  padding-right: 30px;
}
/*Cahsback styles end here*/
/*covid-19-banner styles start here*/
.covid-19-banner {
  margin-top: 60px;
  width: 100%;
  display: inline-block;
}
.covid-19-banner img {
  border-radius: 6px;
}
/*covid-19-banner styles end here*/
/*RestrictionsGlines styles start here*/
body.restrictionsGlines {
  background: #fff;
}
.restrictionsGlines-holder .restrictionsGlines-content {
  position: relative;
  overflow-x: hidden;
}
.restrictionsGlines-holder .restrictionsGlines-content .rectangle-curved {
  position: absolute;
  top: 27%;
  left: -38%;
}
.restrictionsGlines-holder .restrictionsGlines-content .container {
  max-width: 940px;
  width: 100%;
}
.restrictionsGlines-holder .restrictionsGlines-content h2 {
  color: #2389af;
  margin: 20px 0 10px;
}
.restrictionsGlines-holder .restrictionsGlines-content h3 {
  font-size: 20px;
  margin: 30px 0;
  display: inline-block;
}
.restrictionsGlines-holder .restrictionsGlines-content ul li {
  color: #000;
  font-size: 16px;
  padding: 13px;
  margin: 10px 0;
  border: 2px dashed #2389af;
  border-radius: 10px;
  box-shadow: 0 8px 6px -10px #000;
  display: inline-block;
  width: 100%;
}
.restrictionsGlines-holder .restrictionsGlines-content ul li img {
  margin-left: 20px;
  vertical-align: middle;
}
.restrictionsGlines-holder .restrictionsGlines-content h4 {
  font-weight: normal;
  line-height: 30px;
  padding: 20px 0;
  border-bottom: 1px solid #e3e1e1;
}
.restrictionsGlines-holder .restrictionsGlines-content h5.url {
  color: #1f8fff;
  font-weight: normal;
  line-height: 25px;
  margin: 20px 0 30px;
  word-break: break-word;
}
.restrictionsGlines-holder .restrictionsGlines-content .h-line {
  width: 30px;
  height: 3px;
  background-color: #2389af;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 100px;
}
/*RestrictionsGlines styles end here*/
/*Helper styles start here*/
.refund,
.non-refund {
  margin-right: 20px;
}
.non-refund {
  font-size: 14px;
  color: #ff496e;
  font-weight: 600;
}
.refund {
  font-size: 14px;
  color: #00ca9d;
  font-weight: 600;
}
dfn {
  font-style: normal;
}
hr {
  background-color: #e5ebf8;
  border: none;
  margin: 20px 0;
  height: 1px;
}
a {
  text-decoration: none;
  color: #000;
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0px;
  display: block;
  font-weight: bold;
  color: #000000;
}
h4,
h5,
h6 {
  font-weight: 500;
}
.h1,
h1 {
  font-size: 32px;
}
.h2,
h2 {
  font-size: 24px;
}
.h3,
h3 {
  font-size: 22px;
}
.h4,
h4 {
  font-size: 18px;
}
.h5,
h5 {
  font-size: 16px;
}
.h6,
h6 {
  font-size: 14px;
}
.f-size12 {
  font-size: 12px;
}
.f-size40 {
  font-size: 40px;
}
.text-right {
  text-align: left;
}
.text-left {
  text-align: right;
}
.text-center {
  text-align: center;
}
.pull-left {
  float: right;
}
.pull-right {
  float: left;
}
.gray-text {
  color: #91a1bb;
}
.blue-text {
  color: #2289ae;
}
.black-text {
  color: #000000;
}
.green-text,
.el-alert--success.is-light .el-alert__description {
  color: #00ca9d;
}
.yellow-text {
  color: #ebc052;
}
.orange-text {
  color: #ff9a31;
}
.white-text {
  color: #fff;
}
.w25 {
  width: 25%;
}
.w50 {
  width: 50%;
}
.w75 {
  width: 75%;
}
.w100 {
  width: 100%;
}
.h-20 {
  height: 20px;
}
.mtb5 {
  margin: 5px 0;
}
.mtb20 {
  margin: 20px 0;
}
.mt-20 {
  margin-top: 20px;
}
.mtb25 {
  margin: 25px 0;
}
.m-b0 {
  margin-bottom: 0 !important;
}
.m-t0 {
  margin-top: 0px !important;
}
.m-t1 {
  margin-top: 1px !important;
}
.m-t10 {
  margin-top: 10px !important;
}
.m-t15 {
  margin-top: 15px !important;
}
.m-t20 {
  margin-top: 20px !important;
}
.m-t25 {
  margin-top: 25px !important;
}
.m-t30 {
  margin-top: 30px !important;
}
.m-t35 {
  margin-top: 35px !important;
}
.m-t53 {
  margin-top: 53px !important;
}
.m-t-97 {
  margin-top: -97px !important;
}
.m-b5 {
  margin-bottom: 5px !important;
}
.m-b10 {
  margin-bottom: 10px !important;
}
.m-b15 {
  margin-bottom: 15px !important;
}
.m-b20 {
  margin-bottom: 20px !important;
}
.m-b25 {
  margin-bottom: 25px !important;
}
.m-b50 {
  margin-bottom: 50px !important;
}
.m-l5 {
  margin-right: 5px !important;
}
.m-l10 {
  margin-right: 10px !important;
}
.m-l30 {
  margin-right: 30px !important;
}
.m-l100 {
  margin-right: 100px !important;
}
.m-r5 {
  margin-left: 5px !important;
}
.m-r10 {
  margin-left: 10px !important;
}
.m-r25 {
  margin-left: 25px !important;
}
.m-r95 {
  margin-left: 95px !important;
} 
.m-r100 {
  margin-left: 100px !important;
}
.m-r123 {
  margin-right: 123px;
}
.m-l123 {
  margin-left: 123px;
}
.p-0 {
  padding: 0px !important;
}
.p-5 {
  padding: 5px !important;
}
.p-r5{
  padding-right: 5px;
}
.p-l5{
  padding-right: 5px;
}
.p-r10{
  padding-right: 10px;
}
.p-t13 {
  padding-top: 13px;
}
.p-t30 {
  padding-top: 30px !important;
}
.p-t10 {
  padding-top: 10px !important;
}
.pl-115 {
  padding-left: 115px;
}
.pr-115 {
  padding-right: 115px;
}
.b-none {
  border: none;
}
.b-dashed {
  border: 1px dashed #a19e9f;
  border-radius: 0;
}
.b-solid {
  border: 1px solid #a19e9f;
  border-radius: 0;
}
small {
  color: rgb(179, 194, 218);
}
.bg-transparent {
  background: transparent;
}
.bg-orange-light {
  background: #fef3e1;
}
.bg-gray-light {
  background: #f7f7f7;
}
.gray-bg {
  background: #f5f8ff;
}
.d-block {
  display: block;
}
.d-inline-block {
  display: inline-block;
}
.d-none,
.el-form-item.is-required:not(.is-no-asterisk)
  .el-form-item__label-wrap
  > .el-form-item__label:after,
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:after {
  content: "*";
  color: #f56c6c;
  margin-right: 4px;
}
.el-form-item.is-required:not(.is-no-asterisk)
  .el-form-item__label-wrap
  > .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before,
.cal-body .el-date-range-picker__header [class*="el-icon-d-arrow-"],
.cal-body .el-date-picker__header [class*="el-icon-d-arrow-"],
.search-tab .el-tabs__nav-wrap::after,
.search-bar-grid .el-tabs__nav-wrap:after,
.search-bar-grid .el-tabs__active-bar,
.sign-reg .el-dialog__header,
.sign-reg .el-tabs__active-bar,
.sign-reg .el-tabs__nav-wrap::after,
.flight-pop-section .flight-time:before,
.filter-list.is-collapsed label:nth-child(n + 5),
[class*="is-opened"] .flight-wrap:nth-child(n + 2),
.hotel-disc span:last-child button:before,
[class*="is-opened"] .more-options.hide,
.hide-options a.more-options,
.el-tabs--left .el-tabs__active-bar.is-left,
.pay-tabs .el-tabs__nav-wrap::after {
  display: none !important;
}
.d-flex {
  display: flex;
  flex-wrap: wrap;
}
.d-inline-flex {
  display: inline-flex;
}
.d-flex-center,
.sorting-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.d-flexbasis {
  flex-basis: 100%;
}
.d-flex-space-bet {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.d-justify {
  justify-content: center;
}
.font-weight-normal {
  font-weight: normal;
}
.font-weight-bold {
  font-weight: bold;
}
.el-drawer {
  overflow: auto;
}
.el-button {
  border: 1px solid #bccae2;
}
.el-button--primary {
  background-color: #2289ae;
  border-color: #2289ae;
}
.el-button--primary:focus,
.el-button--primary:hover {
  background-color: #0c5973;
  border-color: #0c5973;
}
.el-button--warning {
  background-color: #ff9a31;
  border-color: #ff9a31;
  color: #fff;
}
.el-button--warning:focus,
.el-button--warning:hover {
  background: #ffa714;
  border-color: #ffa714;
}
.el-button--success,
.el-badge__content--success {
  background-color: #00ca9d;
  border-color: #00ca9d;
}
.el-button--success.is-disabled,
.el-button--success.is-disabled:active,
.el-button--success.is-disabled:focus,
.el-button--success.is-disabled:hover,
.el-button--success:focus,
.el-button--success:hover,
.el-button--success.is-active,
.el-button--success:active {
  background: #4cdaba;
  border-color: #4cdaba;
}
.el-button--large {
  padding: 18px 20px;
  font-size: 16px;
  margin-bottom: 16px;
}
figure {
  margin: 0;
}
/*Helper styles end here*/
.session-exp .el-dialog__body {
  text-align: center;
  padding: 10px;
}
@media (min-width: 1920px) {
  body,
  .why-hlafly li p,
  .why-hlafly li h3,
  .el-tabs__item,
  .el-input__inner,
  .el-date-editor .el-range-input,
  .el-dropdown,
  .h6,
  h6 {
    font-size: 16px;
  }
  .flight-section,
  .filter-stops .el-checkbox__label,
  .filter-list .el-checkbox__label,
  .el-collapse-item__content {
    font-size: 14px;
  }
  .container {
    width: 1510px;
  }
  /* .nd-terms {left: 45.1%;top: 408px;} */
  .nd-disc {
    left: 202px;
    top: 96px;
  }
  .timer {
    top: 160px;
    left: 90px;
  }
  .bnr-vdo {
    height: 650px;
  }
}
@media (max-width: 1280px) {
  /* .nd-terms {left: 42.1%;top: 266px;} */
  .container {
    width: 1100px;
  }
  .confirmation-block .confirm-container {
    width: 880px;
  }
  .el-date-editor .el-range-input {
    font-size: 12px;
  }
  .timer {
    top: 105px;
    left: 60px;
  }
  .number {
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .chead {
    font-size: 18px;
  }
  .bnr-vdo {
    height: 430px;
  }
  .whyFly-holder .whyContent__list .whyContent__item {
    width: 50%;
  }
  .whyFly-holder .whyContent__list .textPan {
    width: 42%;
  }
  .sign-reg .el-dialog {
    max-width: 70%;
  }
}
@media (max-width: 1160px) {
  .h2,
  h2 {
    font-size: 20px;
  }
  .titles {
    margin-bottom: 20px;
  }
  .app-bg h3 {
    font-size: 20px;
  }
  .copy {
    font-size: 12px;
  }
  .covid-19-banner {
    margin-top: 45px;
  }
  .whyFly-holder .whyContent__list .textPan h3 {
    font-size: 16px;
  }
  .whyFly-holder .whyContent__list .textPan p {
    font-size: 14px;
  }
  .topAirlines-holder .airline-tag .airlineElement {
    height: 120px;
    max-height: 120px;
    margin: 10px 0 5px;
  }
  .topAirlines-holder .airline-tag .airlineElement img {
    max-width: 180px;
    max-height: 80px;
  }
  .moreThanHotels-holder .moreThanHotels-tag .moreThanHotels-desc .ratings {
    margin-bottom: 15px;
  }
  .container {
    width: 970px;
  }
  .confirmation-block .confirm-container {
    width: 800px;
  }
  .timer {
    top: 90px;
    left: 50px;
  }
  .number {
    font-size: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
  .chead {
    font-size: 14px;
  }
  .format {
    font-size: 10px;
  }
  .why-hlafly li p,
  .why-hlafly li h3,
  .top-link {
    font-size: 12px;
  }
  .bnr-vdo {
    height: 320px;
  }
}
@media (max-width: 1140px) {
  nav .el-menu .el-menu-item {
    padding: 0 6px;
  }
  nav .el-menu--horizontal > .el-menu-item .nav-active {
    color: #ff9a31;
    font-size: 12px;
  }
  .el-menu--horizontal > .el-menu-item.is-active {
    border: none;
    font-size: 12px;
  }
  .menu-item {
    margin-right: 8px;
  }
}
@media (max-width: 1024px) {
  .container {
    width: 960px;
  }
  .bnr-vdo {
    height: 300px;
  }
  .flight-wrap-right small {
    font-size: 9px;
  }
  .why-hlafly li p,
  .filter-list .el-checkbox__label,
  .el-form-item__label {
    font-size: 11px;
  }
  body,
  footer .el-menu-item,
  .h5,
  h5 {
    font-size: 12px;
  }
  .h4,
  h4,
  .pay-list li.total span + span,
  .flight-destination strong,
  .sub-text {
    font-size: 14px;
  }
  .price-tag {
    font-size: 18px;
  }
  .search-bar h1 {
    top: 60px;
    font-size: 32px;
  }
  .search-bar h2 {
    font-size: 16px;
    top: 115px;
  }
  .swiper-button-next i,
  .swiper-button-prev i {
    font-size: 14px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .swap {
    right: 19.2%;
  }
  .confirmation .icon-success {
    font-size: 45px;
  }
  .confirmation h2 {
    font-size: 22px;
  }
  .search-bar .heroBanner-text h1,
  .search-bar .heroBanner-text h2 {
    font-size: 28px;
  }
  .search-bar .heroBanner-text h2 {
    font-size: 18px;
  }
  .hla-steps {
    font-size: 13px;
  }
  .package-steps {
    font-size: 14px;
  }
  .menu-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: calc(100% - 38%);
    align-items: center;
    font-size: 11px;
}
}
@media (max-width: 980px) {
  .container {
    width: 900px;
  }
  .confirmation-block .confirm-container {
    width: 730px;
  }
  .bnr-vdo {
    height: 280px;
  }
}
@media (max-width: 800px) {
  .container {
    width: 740px;
  }
  .whyFly-holder .whyContent__list {
    flex-wrap: wrap;
  }
  .whyFly-holder .whyContent__list .whyContent__item {
    width: 100%;
  }
}
.dFlex {  display: flex;  flex-direction: row;  flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.dFlex>[class*="col"]{ padding-left: 15px; padding-right: 15px;}
.col12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
/*Arabic Styles Start Here*/
body {
  direction: rtl;
}
.range-bar {
  direction: ltr;
}
body,
button,
.el-dropdown,
.el-dropdown-link,
input,
.truncate {
  font-family: "Cairo", sans-serif;
}
[class^="icon-"],
[class*=" icon-"],
.social a,
.el-picker-panel__icon-btn,
.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon,
.el-collapse-item__arrow,
.el-checkbox__input.is-checked .el-checkbox__inner,
.sign-reg .el-dialog__body:before {
  display: inline-block;
  transform: scaleX(-1);
}
.bars,
.bar-line .bar-result,
.vue-lb-arrow,
.vue-lb-thumbnail-arrow,
.el-carousel__arrow {
  transform: scaleX(-1);
}
.secure-icon,
.confirmation .icon-success {
  transform: scaleX(1);
}
.el-dropdown-menu {
  right: auto;
}
.predective-dropdown {
  margin-left: -163px;
}
.el-scrollbar__wrap {
  margin-left: -17px;
  margin-right: 0 !important;
}
.multiple-offers:after,
.multiple-offers:before {
  right: 85%;
}
.restrictionsGlines-holder .restrictionsGlines-content ul li img {
  transform: rotateY(150deg);
}
.el-popper[x-placement^="bottom"] .popper__arrow {
  right: 10%;
}
.el-picker-panel.el-popper[x-placement^="bottom"] .popper__arrow,
.search-bar-dropd.language[x-placement^="bottom"] .popper__arrow {
  right: 90%;
}
.search-bar-dropd.language {
  left: 163px !important;
}
.icon-space {
  padding-right: 10px;
  padding-left: 0;
}
.flight-stops span {
  display: inline-block;
}
.top-link .rgt-ico {
  transform: translate(0, -50%) scaleX(-1);
}
.whyFly-holder .whyContent__list img {
  transform: scaleX(-1);
}
/* .search-tab .el-tabs__nav .el-tabs__item span i { transform: rotate(-45deg);} */
.search-bar-grid .el-tabs__item:before,
.search-bar-grid .el-tabs__item.is-active:after {
  top: 8px;
}
.el-slider__button-wrapper {
  top: -15px;
}
.el-slider__button-wrapper + .el-slider__button-wrapper {
  transform: translateX(-15px);
}
/* .filter-stops .el-checkbox {width: auto;margin-left: 2.2%;} */
.pay-tabs .el-form-item__content {
  line-height: 20px;
}
.bar-line .bar-result {
  line-height: 10px;
}
.pay-tabs .el-form-item__content small {
  padding-top: 20px;
  display: block;
}
.el-date-range-picker {
  width: 730px;
}
.sign-reg .el-tabs__item {
  font-size: 26px;
}
.sign-reg-block .sign-reg-content .sign-reg-img img {
  transform: rotateY(180deg);
}
.trip-icon {
  display: block;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(-45deg) scaleY(1);
}
.card-name .el-input__inner {
  width: 47.4%;
}
.el-form-item__label {
  text-align: right;
}
.search-tab .el-form-item__error {
  top: 70%;
}
/* .search-bar-grid .el-date-editor .el-range-input {
  font-size: 14px;
} */
.search-bar-grid.modify .el-date-editor .el-range-input,
.chead {
  font-size: 14fpx;
}
.timer {
  left: auto;
  right: 80px;
}
/* .nd-terms {right: 48.7%;top:340px} */
.el-checkbox__label i[class*="icon-"] {
  vertical-align: middle;
}
.direction-ltr {
  direction: ltr;
  display: inline-block;
}
/*Invisble content*/
.invisible {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}
.diltr {
  direction: ltr;
}
@media (min-width: 1920px) {
  /* .nd-terms {right: 49%;top: 424px;} */
  .search-bar-grid .el-date-editor .el-range-input {
    font-size: 16px;
  }
  .timer {
    top: 164px;
    right: 103px;
  }
}
@media (max-width: 1280px) {
  /* .nd-terms {top: 278px} */
  .search-tab {
    margin-top: -100px;
  }
  .timer {
    right: 68px;
  }
  .number,
  .chead {
    font-size: 12px;
  }
}
@media (max-width: 1160px) {
  .timer {
    right: 60px;
  }
  .number,
  .chead {
    font-size: 9px;
  }
}
/*Arabic Styles End Here*/