/* //////////////////////////////////////////////////////////////////////////////////
*
* Global variables
*
/* /////////////////////////////////////////////////////////////////////////////////*/
/* New variables */
.s-head {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  background: url("../../images/search-bg-cmqjULn.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.map-bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 0;
}

.hero-scene {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  width: 100%;
  position: relative;
  height: 20vh;
  min-height: 250px;
}

.autoComplete_wrapper > input {
  color: #405a67;
  border: none;
  border-radius: 8px !important;
}

.autoComplete_wrapper > input::-webkit-input-placeholder {
  color: #708b98;
}

span.tagline {
  width: 100%;
  color: #f1b60d;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 80px;
  display: block;
}

h1 {
  text-align: left;
  font-size: 25px;
  line-height: 45px;
  font-weight: 700;
  width: 100%;
  color: #434343;
  margin-bottom: 15px;
  margin-bottom: 30px;
}

.hero-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  margin: unset;
}

.main-search .autoComplete_wrapper {
  width: 100%;
}
.main-search button {
  width: 20%;
}
.main-search .is-grouped {
  justify-content: space-between;
}

.form-wrap {
  background-color: #1c5878;
  border-radius: 10px;
  box-shadow: 0 0 30px 0 rgba(122, 181, 213, 0.1);
  width: calc(100% - 70px);
  padding: 15px;
  position: absolute;
  bottom: -30px;
}
.form-wrap .control .icon svg path {
  fill: #f1b60d;
}
.form-wrap .field > .field {
  width: 38%;
  margin-bottom: 0;
}
.form-wrap .help {
  display: none;
}
.form-wrap .label {
  display: none;
}
.form-wrap .control.has-icons-right .input {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
}
.form-wrap .control .input,
.form-wrap .control .input::placeholder {
  color: #1c5878;
}
.form-wrap button {
  width: 20%;
  border-radius: 7px;
  padding: 10px 25px;
  font-size: 17px;
  transition: all 0.2s linear;
}
.form-wrap button .icon {
  width: 25px;
  transition: all 0.2s linear;
}
.form-wrap button .icon-hover {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  width: 0;
  transition: all 0.2s linear;
}
.form-wrap .snd {
  background-color: #4b7dc2;
}
.form-wrap .snd .icon-hover, .form-wrap .snd .icon {
  display: none;
}
.form-wrap .snd #sublabel {
  margin-right: 10px;
}
.form-wrap .loader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.form-wrap .loader svg {
  width: 20px;
  margin: 0;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.form-wrap .loader path {
  fill: #ffffff;
}
.form-wrap button:hover .icon {
  width: 0;
  overflow: hidden;
}
.form-wrap button:hover .icon-hover {
  width: 25px;
}
.form-wrap .is-grouped {
  margin-bottom: 0;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
}
.form-wrap .auto-cities input {
  width: 80%;
}
.form-wrap #tool-info,
.form-wrap #cities-info {
  position: absolute;
  bottom: -50px;
  left: 0px;
  font-size: 13px;
  color: #ed6f6f;
  font-weight: bold;
}
.form-wrap #cities-info {
  bottom: -50px;
  left: 27%;
}

.community {
  color: #1c5878;
  font-size: 14px;
}

.sec-action {
  position: absolute;
  bottom: -20px;
  width: calc(100% - 80px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.is-full-form #RentalDateInterval, .is-full-form #loc, .is-full-form #req, .is-full-form button.main-cta {
  width: 26%;
}
.is-full-form button.main-cta {
  width: 19%;
}
.is-full-form #RentalDateInterval .control > div {
  width: 100%;
}
.is-full-form .datetimepicker-dummy .datetimepicker-dummy-wrapper,
.is-full-form .datetimepicker-dummy .datetimepicker-dummy-wrapper.is-active {
  border-color: #fff;
  outline: none;
  box-shadow: none;
  border: solid 2px #fff;
  position: relative;
  top: -2px;
}
.is-full-form .datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input.is-datetimepicker-range,
.is-full-form .datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input {
  font-size: 14px;
  color: #1c5878;
}

#RentalDateInterval {
  position: relative;
  left: -11px;
}
#RentalDateInterval .datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input {
  font-size: 15px;
}
#RentalDateInterval .control > div {
  width: 100%;
}
#RentalDateInterval .is-hidden {
  display: none;
}
#RentalDateInterval .datetimepicker {
  max-width: 100%;
}
#RentalDateInterval .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item, #RentalDateInterval .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item {
  background: #fff !important;
  border-color: #f1b60d !important;
  color: #f1b60d !important;
}
#RentalDateInterval .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range {
  background: #f1b60d;
}
#RentalDateInterval .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
  background-color: #f1b60d;
}
#RentalDateInterval .datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
  background: #f1b60d !important;
  border-color: #f1b60d !important;
}
#RentalDateInterval #goBook .date-item.is-today.is-active {
  background: #fff;
  border-color: #f1b60d !important;
  color: #f1b60d !important;
}

.datetimepicker-wrapper.modal .datetimepicker {
  display: none;
  max-height: unset;
  width: unset;
  max-width: unset !important;
  overflow-y: unset;
}

.is-active.datetimepicker-wrapper.modal .datetimepicker {
  display: block;
}

.next {
  margin-top: 100px;
  margin-bottom: 100px;
  text-align: center;
}

.form-wrap button.datepicker-nav-next,
.form-wrap button.datepicker-nav-previous {
  padding: 0;
}

.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
  border-color: #f1b60d;
}

.is-full-form button.main-cta:hover {
  background-color: #4b7dc2;
}

.title {
  margin: 80px 0;
}
.title h2 {
  font-size: 20px;
}

.top-categ {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.top-categ .card-main {
  width: calc(20% - 32px);
  margin-right: 15px;
  position: relative;
  z-index: 1;
}
.top-categ .card-main .hexs {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
}
.top-categ .card-main .hex {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scale(3.5) translateX(-100%);
}
.top-categ .card-main .hex svg {
  width: 20px;
}
.top-categ .card-main .hex svg path {
  fill: #1c5878;
}
.top-categ .card-main .hex1 {
  bottom: 28%;
  transition: all 0.1s linear;
}
.top-categ .card-main .hex2 {
  bottom: 48%;
  transition: all 0.2s linear;
}
.top-categ .card-main .hex3 {
  bottom: 68%;
  transition: all 0.3s linear;
}
.top-categ .card-main:hover .hex {
  transform: scale(3.5) translateX(0%);
}

.popular .top-categ .card-main {
  width: calc(25% - 24px);
  margin-right: 5px;
  position: relative;
  z-index: 1;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
}
.popular .top-categ .card-main .hexs {
  display: none;
}
.popular .top-categ .card-main a {
  background-color: #e2f5fc;
  color: #1c5878;
}
.popular .top-categ .card-main a h3 {
  font-size: 15px;
  color: #1c5878;
}

body {
  padding-top: 0;
}

@media only screen and (max-width: 950px) {
  .hero-scene .title {
    position: relative;
    top: 100px;
  }
  .form-wrap {
    position: relative;
  }
  #req .autoComplete_wrapper input {
    width: 100%;
    margin-bottom: 15px;
  }
  .form-wrap .auto-cities input {
    width: 90%;
    margin-bottom: 15px;
  }
  #RentalDateInterval {
    position: relative;
    left: 0;
    margin-bottom: 15px;
  }
  .popular .top-categ .card-main {
    width: 100%;
    margin-right: 0;
    position: relative;
    z-index: 1;
    margin-bottom: 8px;
  }
  .top-categ .card-main {
    width: calc(50% - 32px);
    margin-right: 15px;
    position: relative;
    z-index: 1;
  }
  .top-categ {
    justify-content: center;
  }
  .is-full-form #RentalDateInterval, .is-full-form #loc, .is-full-form #req, .is-full-form button.main-cta {
    width: 100%;
  }
}

/*# sourceMappingURL=page-search-home.output.css.map */