/* line 1, app/assets/stylesheets/shared/alert_bar.scss */
.alert-bar {
  padding: 24px 40px;
  background: #449DFD;
  font-size: 14px;
  color: #FFF;
}

/* line 7, app/assets/stylesheets/shared/alert_bar.scss */
.alert-bar a {
  color: #fff;
  text-decoration: underline;
}

/* line 11, app/assets/stylesheets/shared/alert_bar.scss */
.alert-bar a:hover {
  text-decoration: none;
}

/* line 17, app/assets/stylesheets/shared/alert_bar.scss */
.site_redirect_alert_bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 22px 20px;
  background: #212D3A;
  z-index: 11;
  font-weight: 500;
  font-size: 14px;
}

/* line 28, app/assets/stylesheets/shared/alert_bar.scss */
.site_redirect_alert_bar .actions {
  float: right;
}

/* line 32, app/assets/stylesheets/shared/alert_bar.scss */
.site_redirect_alert_bar p {
  padding: 14px 0 7px;
  margin: 0;
  float: left;
  font-size: 14px;
  color: #fff;
}

/* line 39, app/assets/stylesheets/shared/alert_bar.scss */
.site_redirect_alert_bar p a {
  color: #fff;
  text-decoration: underline;
}

/* line 43, app/assets/stylesheets/shared/alert_bar.scss */
.site_redirect_alert_bar p a:hover {
  color: rgba(255, 255, 255, 0.8);
}

/* line 49, app/assets/stylesheets/shared/alert_bar.scss */
.site_redirect_alert_bar .btn {
  position: relative;
  margin: 0 0 0 20px;
  font-size: 13px;
}

/* line 54, app/assets/stylesheets/shared/alert_bar.scss */
.site_redirect_alert_bar .btn.btn-default {
  color: #212D3A;
}

/* line 58, app/assets/stylesheets/shared/alert_bar.scss */
.site_redirect_alert_bar .btn.btn-extra {
  background-color: #414B56;
  color: #fff;
}

/* line 62, app/assets/stylesheets/shared/alert_bar.scss */
.site_redirect_alert_bar .btn.btn-extra:hover, .site_redirect_alert_bar .btn.btn-extra:focus, .site_redirect_alert_bar .btn.btn-extra:active {
  background-color: #36414C;
  color: #E0E8F1;
}

/* line 67, app/assets/stylesheets/shared/alert_bar.scss */
.site_redirect_alert_bar .btn.btn-extra:focus, .site_redirect_alert_bar .btn.btn-extra:active {
  background-color: #313B46;
}

/* line 72, app/assets/stylesheets/shared/alert_bar.scss */
.site_redirect_alert_bar .btn.btn-secondary {
  color: #fff;
}

/* line 76, app/assets/stylesheets/shared/alert_bar.scss */
.site_redirect_alert_bar .btn .glyphicon {
  padding-right: 4px;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 992px) {
  /* line 17, app/assets/stylesheets/shared/alert_bar.scss */
  .site_redirect_alert_bar {
    text-align: center;
  }
  /* line 85, app/assets/stylesheets/shared/alert_bar.scss */
  .site_redirect_alert_bar .actions, .site_redirect_alert_bar p {
    float: none;
  }
  /* line 88, app/assets/stylesheets/shared/alert_bar.scss */
  .site_redirect_alert_bar .actions .btn, .site_redirect_alert_bar p .btn {
    margin: 10px 10px 0 0;
  }
  /* line 93, app/assets/stylesheets/shared/alert_bar.scss */
  .site_redirect_alert_bar .actions {
    margin-bottom: 10px;
  }
}

/* line 100, app/assets/stylesheets/shared/alert_bar.scss */
body.showroom .site_redirect_alert_bar.suggested_localized_site_banner {
  font-size: 14px;
}

/* line 103, app/assets/stylesheets/shared/alert_bar.scss */
body.showroom .site_redirect_alert_bar.suggested_localized_site_banner .btn {
  padding: 10px 30px 8px 55px;
  font-size: 14px;
}

/* line 107, app/assets/stylesheets/shared/alert_bar.scss */
body.showroom .site_redirect_alert_bar.suggested_localized_site_banner .btn.btn-secondary {
  padding-left: 30px;
}

/* line 110, app/assets/stylesheets/shared/alert_bar.scss */
body.showroom .site_redirect_alert_bar.suggested_localized_site_banner .btn.btn-secondary:before {
  display: none;
}

/* line 115, app/assets/stylesheets/shared/alert_bar.scss */
body.showroom .site_redirect_alert_bar.suggested_localized_site_banner .btn:before {
  content: "";
  position: absolute;
  width: 21px;
  height: 15px;
  top: 11px;
  left: 20px;
  background-image: url(/assets/flags-ef36679d7de40c7a252cfc9a3ba652d4b96b3b6f9a08642977837f0300ad5d4f.svg);
  background-repeat: no-repeat;
  background-position: 0 -105px;
}

/* line 127, app/assets/stylesheets/shared/alert_bar.scss */
body.showroom .site_redirect_alert_bar.suggested_localized_site_banner .btn.be:before {
  background-position: 0 0;
}

/* line 131, app/assets/stylesheets/shared/alert_bar.scss */
body.showroom .site_redirect_alert_bar.suggested_localized_site_banner .btn.de:before {
  background-position: 0 -15px;
}

/* line 135, app/assets/stylesheets/shared/alert_bar.scss */
body.showroom .site_redirect_alert_bar.suggested_localized_site_banner .btn.fr:before {
  background-position: 0 -30px;
}

/* line 139, app/assets/stylesheets/shared/alert_bar.scss */
body.showroom .site_redirect_alert_bar.suggested_localized_site_banner .btn.gb:before {
  background-position: 0 -45px;
}

/* line 143, app/assets/stylesheets/shared/alert_bar.scss */
body.showroom .site_redirect_alert_bar.suggested_localized_site_banner .btn.it:before {
  background-position: 0 -60px;
}

/* line 147, app/assets/stylesheets/shared/alert_bar.scss */
body.showroom .site_redirect_alert_bar.suggested_localized_site_banner .btn.nl:before {
  background-position: 0 -75px;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 4, app/assets/stylesheets/shared/bookings/booking_states.scss */
.booking_state.unverified_inquiry, .booking_state.unverified_request, .booking_state.draft_request {
  background: #9FB2C6;
}

/* line 6, app/assets/stylesheets/shared/bookings/booking_states.scss */
.booking_state.unverified_inquiry.trips-states, .booking_state.unverified_request.trips-states, .booking_state.draft_request.trips-states {
  background: #FD4C45;
}

/* line 11, app/assets/stylesheets/shared/bookings/booking_states.scss */
.booking_state.inquiry {
  background: #9FB2C6;
}

/* line 15, app/assets/stylesheets/shared/bookings/booking_states.scss */
.booking_state.request, .booking_state.unavailable_request {
  background-color: #f0ad4e;
}

/* line 18, app/assets/stylesheets/shared/bookings/booking_states.scss */
.booking_state.request.customer, .booking_state.unavailable_request.customer {
  background-color: #449dfd;
}

/* line 23, app/assets/stylesheets/shared/bookings/booking_states.scss */
.booking_state.request_accepted {
  background-color: #449dfd;
}

/* line 26, app/assets/stylesheets/shared/bookings/booking_states.scss */
.booking_state.request_accepted.customer {
  background-color: #f0ad4e;
}

/* line 31, app/assets/stylesheets/shared/bookings/booking_states.scss */
.booking_state.request_declined, .booking_state.expired, .booking_state.cancelled, .booking_state.inquiry_auto_declined_by_traveller {
  background-color: #d9534f;
}

/* line 35, app/assets/stylesheets/shared/bookings/booking_states.scss */
.booking_state.fraudulent {
  background-color: #3e0148;
}

/* line 39, app/assets/stylesheets/shared/bookings/booking_states.scss */
.booking_state.confirmed {
  background-color: #13d483;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 4, app/assets/stylesheets/shared/bookings/summary.scss */
.booking_summary h4 {
  margin: 0 0 6px;
  font-weight: 600;
}

/* line 9, app/assets/stylesheets/shared/bookings/summary.scss */
.booking_summary p.meta {
  color: #8598AC;
}

/* line 13, app/assets/stylesheets/shared/bookings/summary.scss */
.booking_summary p.dates {
  text-align: center;
}

/* line 16, app/assets/stylesheets/shared/bookings/summary.scss */
.booking_summary p.dates span {
  display: inline-block;
}

/* line 22, app/assets/stylesheets/shared/bookings/summary.scss */
.booking_summary p .booking_state {
  padding-bottom: 0.2em;
  font-size: 12px;
  font-weight: normal;
}

/* line 29, app/assets/stylesheets/shared/bookings/summary.scss */
.booking_summary strong {
  font-weight: 600;
}

/* line 34, app/assets/stylesheets/shared/bookings/summary.scss */
.booking_summary table th {
  width: 160px;
  vertical-align: top;
  font-weight: normal;
}

/* line 41, app/assets/stylesheets/shared/bookings/summary.scss */
.booking_summary table.total th, .booking_summary table.total td {
  font-size: 20px;
}

/* line 45, app/assets/stylesheets/shared/bookings/summary.scss */
.booking_summary table.total th {
  font-weight: 600;
}

/* line 52, app/assets/stylesheets/shared/bookings/summary.scss */
.booking_summary table tr.travel_credits th.last_minute_discount, .booking_summary table tr.travel_credits td.last_minute_discount {
  color: #FFB222 !important;
}

/* line 56, app/assets/stylesheets/shared/bookings/summary.scss */
.booking_summary table tr.travel_credits th.extended_period_discount, .booking_summary table tr.travel_credits td.extended_period_discount {
  color: #449DFD !important;
}

/* line 60, app/assets/stylesheets/shared/bookings/summary.scss */
.booking_summary table tr.travel_credits th.early_bird_discount, .booking_summary table tr.travel_credits td.early_bird_discount {
  color: #13D483 !important;
}

/* line 67, app/assets/stylesheets/shared/bookings/summary.scss */
.booking_summary table ._service_fee_overview_tooltip .tooltip-inner {
  min-width: 350px;
  padding: 0;
  display: flex;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/components/add-excess-insurance.scss */
.add-excess-insurance {
  background-color: #F0FDF8 !important;
  /* Override content block */
  padding-left: 20px !important;
  /* Override content block */
  padding-right: 20px !important;
  /* Override content block */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 11, app/assets/stylesheets/shared/components/add-excess-insurance.scss */
.add-excess-insurance .insurance-icon-and-text-container {
  display: flex;
  gap: 20px;
}

/* line 15, app/assets/stylesheets/shared/components/add-excess-insurance.scss */
.add-excess-insurance .insurance-icon-and-text-container .add-insurance-title {
  color: #13D483;
  font-size: 12px;
  font-weight: 600;
  margin: 0;
}

/* line 22, app/assets/stylesheets/shared/components/add-excess-insurance.scss */
.add-excess-insurance .insurance-icon-and-text-container .reduce-risk-text,
.add-excess-insurance .insurance-icon-and-text-container .read-more-link a {
  color: #212D3A;
  font-size: 12px;
  font-weight: 500;
}

/* line 29, app/assets/stylesheets/shared/components/add-excess-insurance.scss */
.add-excess-insurance .insurance-icon-and-text-container .read-more-link {
  display: none;
}

/* line 32, app/assets/stylesheets/shared/components/add-excess-insurance.scss */
.add-excess-insurance .insurance-icon-and-text-container .read-more-link a {
  text-decoration: underline;
}

@media only screen and (max-width: 639px) {
  /* line 29, app/assets/stylesheets/shared/components/add-excess-insurance.scss */
  .add-excess-insurance .insurance-icon-and-text-container .read-more-link {
    display: block;
  }
}

/* line 42, app/assets/stylesheets/shared/components/add-excess-insurance.scss */
.add-excess-insurance .read-more-button {
  background-color: #13D483;
  padding: 9px 20px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 40px;
  height: 35px;
  display: block;
  flex-shrink: 0;
}

/* line 53, app/assets/stylesheets/shared/components/add-excess-insurance.scss */
.add-excess-insurance .read-more-button:hover, .add-excess-insurance .read-more-button:focus {
  text-decoration: none;
}

@media only screen and (max-width: 639px) {
  /* line 42, app/assets/stylesheets/shared/components/add-excess-insurance.scss */
  .add-excess-insurance .read-more-button {
    display: none;
  }
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 4, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form {
  overflow: hidden;
}

/* line 7, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form h4 {
  margin-top: 0;
}

/* line 11, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .form-group {
  margin-bottom: 8px;
  position: relative;
}

/* line 15, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .form-group:last-child {
  margin-bottom: 0;
}

/* line 19, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .form-group.recaptcha {
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

/* line 28, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .input-lg {
  border-radius: 2px;
}

/* line 32, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form input, #authentication_form_holder form select, #authentication_form_holder form button {
  max-width: inherit;
}

/* line 36, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 500px white inset;
}

/* line 40, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form label {
  display: none;
}

/* line 44, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .checkbox {
  margin-bottom: 0;
}

/* line 47, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .checkbox label {
  display: inline-block;
  color: #8598AC;
}

/* line 53, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .radios-inline {
  padding-left: 4px;
}

/* line 56, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .radios-inline label {
  display: inline-flex;
  color: #212D3A;
}

/* line 62, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .forgot_password {
  padding-left: 0;
  text-align: right;
}

/* line 66, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .forgot_password a {
  color: #8598AC;
}

/* line 69, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .forgot_password a:hover {
  color: #449dfd;
}

/* line 75, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .omniauth_separator {
  display: block;
  margin-top: 20px;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  color: #8598AC;
}

/* line 83, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .omniauth_separator span {
  display: inline-block;
  padding: 0 10px;
  background-color: #fff;
}

/* line 89, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .omniauth_separator hr {
  display: block;
  height: 1px;
  margin-top: -10px;
  border: 0;
  border-top: 1px solid #d8e0e9;
}

/* line 98, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn {
  font-weight: 600;
}

@media (min-width: 768px) {
  /* line 98, app/assets/stylesheets/shared/components/authentication-form.scss */
  #authentication_form_holder form .btn {
    font-size: 16px;
  }
}

/* line 106, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .grouped-sso {
  overflow: hidden;
}

/* line 112, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso, #authentication_form_holder .form-group .btn-sso {
  position: relative;
  color: #fff;
}

@media (max-width: 480px) {
  /* line 117, app/assets/stylesheets/shared/components/authentication-form.scss */
  #authentication_form_holder form .btn-sso + .btn-sso, #authentication_form_holder .form-group .btn-sso + .btn-sso {
    margin-top: 10px;
  }
}

/* line 122, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso span, #authentication_form_holder .form-group .btn-sso span {
  position: relative;
  display: inline-block;
}

/* line 126, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso span:before, #authentication_form_holder .form-group .btn-sso span:before {
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}

/* line 135, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.facebook span, #authentication_form_holder .form-group .btn-sso.facebook span {
  padding-left: 18px;
}

/* line 138, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.facebook span:before, #authentication_form_holder .form-group .btn-sso.facebook span:before {
  height: 17px;
  width: 8px;
  background-image: url(/assets/icon_facebook-c3b2e937c7bbfa6430ae82bd4f6c4648668c01ee9264364c970b26dcab285721.svg);
  background-size: auto 15px;
}

/* line 146, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.google span, #authentication_form_holder .form-group .btn-sso.google span {
  padding-left: 26px;
}

/* line 149, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.google span:before, #authentication_form_holder .form-group .btn-sso.google span:before {
  height: 20px;
  width: 16px;
  background-image: url(/assets/icon_google_colour-8f04dc2a195fbedbfaed27aef888b35352db6ae29917fd38e144577d7f01c1f0.svg);
  background-size: auto 16px;
}

/* line 157, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.apple span, #authentication_form_holder .form-group .btn-sso.apple span {
  padding-left: 26px;
}

/* line 160, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.apple span:before, #authentication_form_holder .form-group .btn-sso.apple span:before {
  height: 22px;
  width: 24px;
  background-image: url(/assets/icon_apple_white-e64982b5bde64aba489927b080e73b072185a33de14260fe7e9977b7a1c6c319.svg);
  background-size: auto 28px;
}

/* line 168, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.facebook, #authentication_form_holder .form-group .btn-sso.facebook {
  background-color: #4568b2;
  color: #FFF;
}

/* line 172, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.facebook.facebook:hover, #authentication_form_holder .form-group .btn-sso.facebook.facebook:hover {
  background-color: #4162a7;
  color: #FFF;
}

/* line 178, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.google, #authentication_form_holder .form-group .btn-sso.google {
  background-color: #f2f4f7;
  color: #212d3a;
}

/* line 182, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.google.google:hover, #authentication_form_holder .form-group .btn-sso.google.google:hover {
  background-color: #e9ecf1;
}

/* line 187, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.apple, #authentication_form_holder .form-group .btn-sso.apple {
  background-color: #000;
  color: #fff;
}

/* line 192, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.subtle, #authentication_form_holder .form-group .btn-sso.subtle {
  width: 48%;
  float: left;
}

/* line 196, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.subtle:last-child, #authentication_form_holder .form-group .btn-sso.subtle:last-child {
  float: right;
}

@media (max-width: 480px) {
  /* line 192, app/assets/stylesheets/shared/components/authentication-form.scss */
  #authentication_form_holder form .btn-sso.subtle, #authentication_form_holder .form-group .btn-sso.subtle {
    width: 100%;
    float: none;
  }
}

/* line 205, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.subtle.facebook, #authentication_form_holder form .btn-sso.subtle.google, #authentication_form_holder .form-group .btn-sso.subtle.facebook, #authentication_form_holder .form-group .btn-sso.subtle.google {
  background-color: #f2f4f7;
}

/* line 208, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.subtle.facebook:hover, #authentication_form_holder form .btn-sso.subtle.google:hover, #authentication_form_holder .form-group .btn-sso.subtle.facebook:hover, #authentication_form_holder .form-group .btn-sso.subtle.google:hover {
  background-color: #e9ecf1;
}

/* line 213, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.subtle.facebook, #authentication_form_holder .form-group .btn-sso.subtle.facebook {
  color: #4568b2;
}

/* line 216, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.subtle.facebook:hover, #authentication_form_holder .form-group .btn-sso.subtle.facebook:hover {
  color: #4568b2;
}

/* line 220, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.subtle.facebook span:before, #authentication_form_holder .form-group .btn-sso.subtle.facebook span:before {
  background-image: url(/assets/icon_facebook_blue-bae94fcff921b74a08f6f6c148900bd6282b0bc484527f95f1c27089278a9c80.svg);
}

/* line 225, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder form .btn-sso.subtle.google, #authentication_form_holder .form-group .btn-sso.subtle.google {
  color: #212d3a;
}

/* line 232, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .sign_up_complete_step {
  margin-bottom: 20px;
  font-size: 18px;
  text-align: center;
}

/* line 238, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder.registered {
  text-align: center;
}

/* line 241, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder.registered img {
  margin-top: 4px;
  display: inline-block;
}

/* line 246, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder.registered h1 {
  font-size: 18px;
}

/* line 250, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder.registered p {
  color: #8598AC;
}

/* line 253, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder.registered p:last-child {
  margin-bottom: 0;
}

/* line 259, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .password-recovery {
  margin: 20px 0;
  line-height: 14px;
}

/* line 264, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .password-recovery .row div {
  line-height: 22px;
}

/* line 270, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .omniauth_separator {
  font-size: 14px;
  color: #9fb2c6;
  font-weight: 500;
}

/* line 276, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .facebook-google {
  font-size: 16px;
}

/* line 281, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .form-group .form-control {
  height: auto;
  padding: 14px;
}

/* line 287, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder label {
  font-size: 16px;
  font-weight: 400;
}

/* line 292, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .checkmark-label {
  display: block;
  padding-left: 35px;
  margin-bottom: 12px;
  font-weight: normal;
  line-height: 22px;
  -webkit-user-select: none;
  user-select: none;
}

/* line 304, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .checkmark-label:hover input ~ .checkmark {
  background-color: #FFF;
}

/* line 308, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .checkmark-label input:checked ~ .checkmark {
  font-weight: bold;
}

/* line 312, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .checkmark-label input:checked ~ .checkmark:after {
  display: block;
}

/* line 316, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .checkmark-label .checkmark:after {
  left: 2px;
  top: 0px;
  width: 4px;
  height: 8px;
  content: "\e013";
  font-family: "Glyphicons Halflings";
}

/* line 325, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder input[type=checkbox] {
  visibility: hidden;
}

/* line 329, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder input[type=checkbox]:checked + label:after {
  opacity: 1;
  font-weight: bold;
}

/* line 334, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #d8e0e9;
  border-radius: 2px;
}

/* line 345, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .checkbox a {
  color: #449dfd;
}

/* line 350, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .checkmark:after {
  display: none;
  position: absolute;
  content: "";
}

/* line 356, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .alert {
  margin: 0 0 24px 0;
  padding: 15px;
  font-weight: 500;
}

/* line 363, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .confirmation-modal .center-block {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* line 368, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .confirmation-modal .btn-primary {
  margin: 40px 0;
  background-color: #449DFD;
}

/* line 375, app/assets/stylesheets/shared/components/authentication-form.scss */
#authentication_form_holder .recaptcha-parsley-feedback {
  flex: 1 0 100%;
  text-align: center;
}

/* line 381, app/assets/stylesheets/shared/components/authentication-form.scss */
.forgot_password {
  font-size: 0.8125rem;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 5, app/assets/stylesheets/shared/components/authentication-modal.scss */
.authentication-modal .modal-header {
  border-bottom: 0;
  padding: 30px 40px 0;
}

/* line 9, app/assets/stylesheets/shared/components/authentication-modal.scss */
.authentication-modal .modal-header .modal-title {
  align-self: center;
}

/* line 13, app/assets/stylesheets/shared/components/authentication-modal.scss */
.authentication-modal .modal-header h5 {
  font-size: 18px;
  color: #212d3a;
  font-weight: 600;
}

/* line 19, app/assets/stylesheets/shared/components/authentication-modal.scss */
.authentication-modal .modal-header p {
  margin-top: 1.875rem;
}

/* line 25, app/assets/stylesheets/shared/components/authentication-modal.scss */
.authentication-modal .modal-body {
  padding: 30px 40px;
}

/* line 28, app/assets/stylesheets/shared/components/authentication-modal.scss */
.authentication-modal .modal-body p.extra_context {
  margin-bottom: 30px;
  font-size: 17px;
}

/* line 34, app/assets/stylesheets/shared/components/authentication-modal.scss */
.authentication-modal .modal-footer {
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 0 0 6px 6px;
  background-color: #f2f4f7;
  border-top: 0;
  text-align: left;
}

/* line 42, app/assets/stylesheets/shared/components/authentication-modal.scss */
.authentication-modal .modal-footer a {
  color: #fd4452;
}

/* line 47, app/assets/stylesheets/shared/components/authentication-modal.scss */
.authentication-modal .modal-dialog {
  max-width: 470px;
}

@media (max-width: 480px) {
  /* line 53, app/assets/stylesheets/shared/components/authentication-modal.scss */
  .authentication-modal .modal-header, .authentication-modal .modal-body, .authentication-modal .modal-footer {
    padding: 30px 30px 5px;
  }
  /* line 57, app/assets/stylesheets/shared/components/authentication-modal.scss */
  .authentication-modal .modal-footer {
    margin-top: 20px;
    padding-bottom: 30px;
    background-color: transparent;
    border-top: 1px solid #d8e0e9;
  }
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 5, app/assets/stylesheets/shared/components/availability_calendar.scss */
.calendar-month h6 {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-top: 8px;
  border: 1px solid #d8e0e9;
  border-bottom: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  text-align: center;
  color: #212D3A;
}

/* line 21, app/assets/stylesheets/shared/components/availability_calendar.scss */
.calendar-month table {
  margin-bottom: 0;
  border-top: 0;
}

/* line 25, app/assets/stylesheets/shared/components/availability_calendar.scss */
.calendar-month table th, .calendar-month table td {
  padding: 0;
  height: 20px;
  background-color: #fff;
  border-color: #dfe5ed;
  font-size: 10px;
  font-weight: 600;
  line-height: 2.8;
  text-align: center;
  color: #9fb2c6;
}

/* line 37, app/assets/stylesheets/shared/components/availability_calendar.scss */
.calendar-month table th {
  border: 0;
  line-height: 1.8;
  text-transform: lowercase;
}

/* line 43, app/assets/stylesheets/shared/components/availability_calendar.scss */
.calendar-month table td {
  cursor: default;
}

/* line 46, app/assets/stylesheets/shared/components/availability_calendar.scss */
.calendar-month table td span {
  width: 100%;
  min-width: 20px;
  display: block;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #212D3A;
  line-height: 37px;
  height: 37px;
}

@media (min-width: 768px) {
  /* line 46, app/assets/stylesheets/shared/components/availability_calendar.scss */
  .calendar-month table td span {
    height: 31px;
    line-height: 31px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 46, app/assets/stylesheets/shared/components/availability_calendar.scss */
  .calendar-month table td span {
    height: 42px;
    line-height: 42px;
  }
}

/* line 68, app/assets/stylesheets/shared/components/availability_calendar.scss */
.calendar-month table td.unavailable, .calendar-month table td.available, .calendar-month table td.no_pickup_allowed {
  background-color: #EBEFF4;
}

/* line 73, app/assets/stylesheets/shared/components/availability_calendar.scss */
.calendar-month table td.unavailable span {
  color: #9fb2c6;
}

/* line 78, app/assets/stylesheets/shared/components/availability_calendar.scss */
.calendar-month table td.available:hover {
  background-color: transparent;
}

/* line 81, app/assets/stylesheets/shared/components/availability_calendar.scss */
.calendar-month table td.available:hover span {
  background-color: rgba(24, 209, 110, 0.1);
  color: #18d16e;
}

/* line 87, app/assets/stylesheets/shared/components/availability_calendar.scss */
.calendar-month table td.available span {
  background-color: #fff;
}

/* line 91, app/assets/stylesheets/shared/components/availability_calendar.scss */
.calendar-month table td.available.no_pickup_allowed span {
  background-color: #fff;
  color: #9FB2C6;
}

/* line 96, app/assets/stylesheets/shared/components/availability_calendar.scss */
.calendar-month table td.unavailable.start_of_unavailable_period span {
  background: linear-gradient(120deg, #fff 30%, #EBEFF4 32%);
}

/* line 100, app/assets/stylesheets/shared/components/availability_calendar.scss */
.calendar-month table td.available.end_of_unavailable_period span {
  background: linear-gradient(120deg, #EBEFF4 30%, #fff 32%);
  color: #212D3A;
}

/* line 105, app/assets/stylesheets/shared/components/availability_calendar.scss */
.calendar-month table td.available.end_of_unavailable_period.no_pickup_allowed span {
  background: linear-gradient(to bottom right, #EBEFF4 49.5%, #EBEFF4 50.5%);
  color: #9FB2C6;
}

/* line 110, app/assets/stylesheets/shared/components/availability_calendar.scss */
.calendar-month table td.unavailable.start_of_unavailable_period.end_of_unavailable_period span {
  background: linear-gradient(to bottom right, #EBEFF4 49.5%, #EBEFF4 50.5%);
  color: #9FB2C6;
}

/* line 115, app/assets/stylesheets/shared/components/availability_calendar.scss */
.calendar-month table td.unavailable.start_of_unavailable_period.end_of_unavailable_period span {
  background: #EBEFF4;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/components/booking-details-card.scss */
.booking-details-card {
  background-color: #F6F8F9;
  display: flex;
  flex-direction: column;
  padding: 18px;
  gap: 18px;
  max-width: inherit;
  width: inherit;
}

/* line 12, app/assets/stylesheets/shared/components/booking-details-card.scss */
.booking-details-card .card-rounded-block {
  background-color: #FFF;
  padding: 15px;
  border-radius: 7px;
}

/* line 17, app/assets/stylesheets/shared/components/booking-details-card.scss */
.booking-details-card .card-rounded-block.photo-and-details-block {
  display: flex;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  gap: 15px;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 375px) {
  /* line 17, app/assets/stylesheets/shared/components/booking-details-card.scss */
  .booking-details-card .card-rounded-block.photo-and-details-block {
    gap: 8px;
  }
}

/* line 28, app/assets/stylesheets/shared/components/booking-details-card.scss */
.booking-details-card .card-rounded-block.photo-and-details-block .listing-photo-container {
  flex: none;
}

/* line 32, app/assets/stylesheets/shared/components/booking-details-card.scss */
.booking-details-card .card-rounded-block.photo-and-details-block .title-and-location-container {
  flex: auto;
}

/* line 35, app/assets/stylesheets/shared/components/booking-details-card.scss */
.booking-details-card .card-rounded-block.photo-and-details-block .title-and-location-container .listing-title {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: 600;
  color: #212D3A;
}

/* line 42, app/assets/stylesheets/shared/components/booking-details-card.scss */
.booking-details-card .card-rounded-block.photo-and-details-block .title-and-location-container .booking-location {
  font-size: 12px;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 4, app/assets/stylesheets/shared/components/booking_summary/booking-summary.scss */
.booking-summary .booking-summary-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 9, app/assets/stylesheets/shared/components/booking_summary/booking-summary.scss */
.booking-summary .booking-summary-content .listing-details {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
}

@media only screen and (max-width: 639px) {
  /* line 9, app/assets/stylesheets/shared/components/booking_summary/booking-summary.scss */
  .booking-summary .booking-summary-content .listing-details {
    flex: 2;
  }
}

/* line 18, app/assets/stylesheets/shared/components/booking_summary/booking-summary.scss */
.booking-summary .booking-summary-content .listing-details a {
  color: #212D3A;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.2px;
  max-width: 300px;
  margin-bottom: 5px;
}

/* line 28, app/assets/stylesheets/shared/components/booking_summary/booking-summary.scss */
.booking-summary .booking-summary-content .listing-details .listing-country {
  color: #9FB2C6;
  font-size: 10px;
  font-weight: 500;
  margin-bottom: 9px;
}

/* line 35, app/assets/stylesheets/shared/components/booking_summary/booking-summary.scss */
.booking-summary .booking-summary-content .listing-details .booking-status-label {
  height: 23px;
}

/* line 38, app/assets/stylesheets/shared/components/booking_summary/booking-summary.scss */
.booking-summary .booking-summary-content .listing-details .booking-status-label.label {
  margin: auto;
  margin-left: 0;
  border-radius: 24px;
  padding: 3px 10px;
}

/* line 49, app/assets/stylesheets/shared/components/booking_summary/booking-summary.scss */
.booking-summary .listing-thumbnail img {
  width: 90px;
  height: 90px;
  border-radius: 6px;
}

@media only screen and (max-width: 639px) {
  /* line 48, app/assets/stylesheets/shared/components/booking_summary/booking-summary.scss */
  .booking-summary .listing-thumbnail {
    flex: 1;
  }
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/components/content-block.scss */
.content-block {
  border-radius: 7px;
  background-color: #fff;
  padding: 12px 30px;
  margin: 20px 0;
  font-size: 14px;
}

/* line 10, app/assets/stylesheets/shared/components/content-block.scss */
.content-block h6 {
  color: #212D3A;
  margin: 0;
  font-weight: 600;
  font-size: 16px;
}

/* line 17, app/assets/stylesheets/shared/components/content-block.scss */
.content-block h6 + p {
  font-size: 12px;
  margin-bottom: 0;
}

/* line 22, app/assets/stylesheets/shared/components/content-block.scss */
.content-block.text-only {
  padding: 20px;
}

/* line 26, app/assets/stylesheets/shared/components/content-block.scss */
.content-block.content-block-with-border {
  border: 1px solid #D8E0E9;
}

/* line 30, app/assets/stylesheets/shared/components/content-block.scss */
.content-block.content-block-with-heading {
  padding: 0 0 12px 0;
}

/* line 33, app/assets/stylesheets/shared/components/content-block.scss */
.content-block.content-block-with-heading .content-heading {
  border-bottom: 1px solid #D8E0E9;
}

/* line 36, app/assets/stylesheets/shared/components/content-block.scss */
.content-block.content-block-with-heading .content-heading .heading-title {
  padding: 20px 30px;
  color: #212D3A;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
}

/* line 45, app/assets/stylesheets/shared/components/content-block.scss */
.content-block.content-block-with-heading .content-text-block,
.content-block.content-block-with-heading .content-body-block {
  margin: 20px 30px;
}

/* line 51, app/assets/stylesheets/shared/components/content-block.scss */
.content-block .content-text-block {
  color: #677A8D;
}

/* line 55, app/assets/stylesheets/shared/components/content-block.scss */
.content-block .column {
  width: 80%;
}

/* line 58, app/assets/stylesheets/shared/components/content-block.scss */
.content-block .column:first-child {
  margin-right: 60px;
}

/* line 62, app/assets/stylesheets/shared/components/content-block.scss */
.content-block .column .column-group {
  display: flex;
  justify-content: space-between;
  line-height: 1.7;
}

/* line 67, app/assets/stylesheets/shared/components/content-block.scss */
.content-block .column .column-group .column-title {
  color: #8598AC;
  text-align: left;
}

/* line 72, app/assets/stylesheets/shared/components/content-block.scss */
.content-block .column .column-group .column-info {
  color: #212D3A;
  text-align: right;
}

/* line 76, app/assets/stylesheets/shared/components/content-block.scss */
.content-block .column .column-group .column-info a {
  color: #8598AC;
  text-decoration: underline;
}

/* line 84, app/assets/stylesheets/shared/components/content-block.scss */
.content-block .content-table {
  border: 1px solid #D8E0E9;
  border-radius: 10px;
}

/* line 88, app/assets/stylesheets/shared/components/content-block.scss */
.content-block .content-table .table-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  border-bottom: 1px solid #D8E0E9;
}

/* line 96, app/assets/stylesheets/shared/components/content-block.scss */
.content-block .content-table .table-row:last-child {
  border-bottom: none;
}

/* line 100, app/assets/stylesheets/shared/components/content-block.scss */
.content-block .content-table.content-table-borderless {
  border: none;
}

/* line 103, app/assets/stylesheets/shared/components/content-block.scss */
.content-block .content-table.content-table-borderless .table-row {
  padding: 10px 0;
}

@media only screen and (max-width: 767px) {
  /* line 111, app/assets/stylesheets/shared/components/content-block.scss */
  .content-block {
    padding: 12px 22px;
  }
  /* line 114, app/assets/stylesheets/shared/components/content-block.scss */
  .content-block .column {
    width: 100%;
  }
  /* line 117, app/assets/stylesheets/shared/components/content-block.scss */
  .content-block .column:first-child {
    margin-right: 0;
  }
  /* line 124, app/assets/stylesheets/shared/components/content-block.scss */
  .content-block.content-block-with-heading .content-heading .heading-title {
    padding: 12px 22px;
  }
  /* line 129, app/assets/stylesheets/shared/components/content-block.scss */
  .content-block.content-block-with-heading .content-text-block,
.content-block.content-block-with-heading .content-body-block {
    margin: 12px 22px;
  }
  /* line 136, app/assets/stylesheets/shared/components/content-block.scss */
  .content-wrap-on-mobile {
    flex-direction: column;
  }
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 4, app/assets/stylesheets/shared/components/cost_breakdown/cost_breakdown.scss */
.cost-breakdown .cost-breakdown-text-info {
  display: flex;
  justify-content: space-evenly;
}

/* line 9, app/assets/stylesheets/shared/components/cost_breakdown/cost_breakdown.scss */
.cost-breakdown .cost-breakdown-text-info .column .column-group {
  margin-bottom: 5px;
}

/* line 12, app/assets/stylesheets/shared/components/cost_breakdown/cost_breakdown.scss */
.cost-breakdown .cost-breakdown-text-info .column .column-group .column-info {
  color: #8598AC;
}

/* line 17, app/assets/stylesheets/shared/components/cost_breakdown/cost_breakdown.scss */
.cost-breakdown .cost-breakdown-text-info .column:first-child {
  margin-right: 130px;
}

/* line 23, app/assets/stylesheets/shared/components/cost_breakdown/cost_breakdown.scss */
.cost-breakdown .total-amount-value-container {
  display: flex;
}

/* line 26, app/assets/stylesheets/shared/components/cost_breakdown/cost_breakdown.scss */
.cost-breakdown .total-amount-value-container .information-icon {
  vertical-align: middle;
}

/* line 31, app/assets/stylesheets/shared/components/cost_breakdown/cost_breakdown.scss */
.cost-breakdown #costsTable {
  margin: 20px 15px;
}

@media only screen and (max-width: 768px) {
  /* line 31, app/assets/stylesheets/shared/components/cost_breakdown/cost_breakdown.scss */
  .cost-breakdown #costsTable {
    margin: 20px 10px;
  }
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* CSS specific to iOS devices */
@supports (-webkit-touch-callout: none) {
  /* line 5, app/assets/stylesheets/shared/components/form.scss */
  input[type=text],
input[type=email],
input[type=search],
select {
    font-size: 16px !important;
  }
}

/* line 16, app/assets/stylesheets/shared/components/form.scss */
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=search]::-moz-placeholder {
  opacity: 1;
}

/* line 22, app/assets/stylesheets/shared/components/form.scss */
.bookings.reservation .profile-row {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  color: #677a8d;
  line-height: 28px;
}

/* line 29, app/assets/stylesheets/shared/components/form.scss */
.bookings.reservation .profile-row select.input-lg {
  color: red;
}

/* line 34, app/assets/stylesheets/shared/components/form.scss */
.bookings.reservation .profile-row-info-col {
  padding-top: 20px;
}

/* line 38, app/assets/stylesheets/shared/components/form.scss */
.bookings.reservation .profile-row-content {
  color: #212d3a;
}

@media (max-width: 901px) {
  /* line 43, app/assets/stylesheets/shared/components/form.scss */
  .bookings.reservation input.form-control, .bookings.reservation input.form-control.input-lg, .bookings.reservation select.form-control,
.bookings.reservation select.form-control.input-lg, .bookings.reservation textarea.form-control, .bookings.reservation textarea.form-control.input-lg {
    font-size: 16px;
  }
}

/* line 49, app/assets/stylesheets/shared/components/form.scss */
.bookings.reservation .image-holder {
  width: 140px;
  height: 140px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  background-color: #d8e0e9;
  border-radius: 50%;
  cursor: pointer;
  line-height: 180px;
}

/* line 61, app/assets/stylesheets/shared/components/form.scss */
.bookings.reservation .span-upload-foto {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 42px;
  background-color: #FFF;
  border-radius: 50%;
  font-size: 20px;
  text-align: center;
  line-height: 32px;
}

/* line 73, app/assets/stylesheets/shared/components/form.scss */
.bookings.reservation #image-preview {
  width: 140px;
  height: 140px;
  justify-content: center;
  display: none;
  background-color: #d8e0e9;
  background-position: fixed;
  background-size: cover;
  border-radius: 50%;
  line-height: 180px;
}

/* line 88, app/assets/stylesheets/shared/components/form.scss */
.bookings.reservation #input-image-hidden {
  display: none;
}

/* line 92, app/assets/stylesheets/shared/components/form.scss */
.bookings.reservation .telephone-row {
  margin-top: 20px;
}

/* line 96, app/assets/stylesheets/shared/components/form.scss */
.bookings.reservation .form-group {
  margin-bottom: 2rem;
}

/* line 100, app/assets/stylesheets/shared/components/form.scss */
.bookings.reservation .sign_up-row {
  margin-top: 20px;
}

/* line 103, app/assets/stylesheets/shared/components/form.scss */
.bookings.reservation .sign_up-row a {
  text-decoration: underline;
}

/* line 107, app/assets/stylesheets/shared/components/form.scss */
.bookings.reservation .sign_up-row p.sign_in_for_existing_users {
  padding-top: 10px;
}

/* line 113, app/assets/stylesheets/shared/components/form.scss */
.edit-profile-form {
  border: none;
}

/* line 116, app/assets/stylesheets/shared/components/form.scss */
.edit-profile-form .h3 {
  font-size: 26px;
  color: #212d3a;
  line-height: 32px;
  font-weight: 600;
}

@media (max-width: 768px) {
  /* line 116, app/assets/stylesheets/shared/components/form.scss */
  .edit-profile-form .h3 {
    font-size: 22px;
    line-height: 26px;
  }
}

/* line 128, app/assets/stylesheets/shared/components/form.scss */
.edit-profile-form p {
  padding: 4px 4px 4px 0px;
  margin-top: 10px;
  color: #677a8d;
  font-size: 14px;
  line-height: 24px;
}

/* line 135, app/assets/stylesheets/shared/components/form.scss */
.edit-profile-form p.help_text {
  font-size: 12px;
}

/* line 140, app/assets/stylesheets/shared/components/form.scss */
.edit-profile-form .profile-form-body {
  padding: 0;
}

/* line 143, app/assets/stylesheets/shared/components/form.scss */
.edit-profile-form .profile-form-body .panel-form-wrapper {
  padding: 0 0 0 15px;
}

/* line 147, app/assets/stylesheets/shared/components/form.scss */
.edit-profile-form .profile-form-body .form-content {
  margin: 0;
}

/* line 151, app/assets/stylesheets/shared/components/form.scss */
.edit-profile-form .profile-form-body .form-group {
  margin-top: 15px;
  margin-right: 0px;
}

/* line 155, app/assets/stylesheets/shared/components/form.scss */
.edit-profile-form .profile-form-body .form-group .btn-primary {
  border-radius: 50px;
}

/* line 159, app/assets/stylesheets/shared/components/form.scss */
.edit-profile-form .profile-form-body .form-group label {
  padding-bottom: 4px;
  font-weight: 500;
  font-size: 12px;
}

@media (max-width: 901px) {
  /* line 166, app/assets/stylesheets/shared/components/form.scss */
  .edit-profile-form .profile-form-body .form-group input.form-control, .edit-profile-form .profile-form-body .form-group select.form-control, .edit-profile-form .profile-form-body .form-group textarea.form-control,
.edit-profile-form .profile-form-body .form-group input.form-control.input-lg, .edit-profile-form .profile-form-body .form-group select.form-control.input-lg, .edit-profile-form .profile-form-body .form-group textarea.form-control.input-lg {
    font-size: 16px;
  }
}

/* line 173, app/assets/stylesheets/shared/components/form.scss */
.edit-profile-form .profile-form-body .ta-form-group {
  padding-left: 15px;
}

/* line 177, app/assets/stylesheets/shared/components/form.scss */
.edit-profile-form .profile-form-body textarea {
  resize: none;
}

/* line 182, app/assets/stylesheets/shared/components/form.scss */
.edit-profile-form input, .edit-profile-form select {
  font-size: 14px;
}

/* line 186, app/assets/stylesheets/shared/components/form.scss */
.edit-profile-form h5 {
  margin-top: 5px;
  margin-bottom: -5px;
  font-size: 13px;
  color: #677a8d;
  font-weight: 600;
}

/* line 194, app/assets/stylesheets/shared/components/form.scss */
.edit-profile-form .form-label-icon {
  position: absolute;
  padding: 0 10px;
  margin-top: -4px;
}

/* line 201, app/assets/stylesheets/shared/components/form.scss */
.panel-default-last {
  margin-bottom: 70px;
}

/* line 205, app/assets/stylesheets/shared/components/form.scss */
.form-inline-select-wrapper {
  display: flex;
  flex-wrap: wrap;
}

/* line 209, app/assets/stylesheets/shared/components/form.scss */
.form-inline-select-wrapper > .auto-width + .auto-width {
  margin-left: 20px;
}

/* line 213, app/assets/stylesheets/shared/components/form.scss */
.form-inline-select-wrapper .select-wrapper {
  flex: 1 1 auto;
}

/* line 216, app/assets/stylesheets/shared/components/form.scss */
.form-inline-select-wrapper .select-wrapper + .select-wrapper {
  margin-left: 20px;
}

@media (max-width: 375px) {
  /* line 216, app/assets/stylesheets/shared/components/form.scss */
  .form-inline-select-wrapper .select-wrapper + .select-wrapper {
    margin-left: 5px;
  }
}

/* line 228, app/assets/stylesheets/shared/components/form.scss */
.pending_audits .select-wrapper:after {
  background: transparent;
}

/* line 234, app/assets/stylesheets/shared/components/form.scss */
.select-wrapper {
  position: relative;
  max-width: 100%;
  display: inline-flex;
  flex-direction: column;
}

/* line 240, app/assets/stylesheets/shared/components/form.scss */
.select-wrapper--block {
  display: block;
}

/* line 245, app/assets/stylesheets/shared/components/form.scss */
.select-wrapper--no-after:after {
  content: none !important;
}

/* line 251, app/assets/stylesheets/shared/components/form.scss */
.select-wrapper:hover:after {
  filter: brightness(20%);
}

/* line 256, app/assets/stylesheets/shared/components/form.scss */
.select-wrapper select {
  appearance: none;
  padding-right: 30px;
}

/* line 260, app/assets/stylesheets/shared/components/form.scss */
.select-wrapper select.input-lg {
  line-height: 1.333333;
}

/* line 264, app/assets/stylesheets/shared/components/form.scss */
.select-wrapper select.input-sm {
  line-height: 1.333333;
}

/* line 269, app/assets/stylesheets/shared/components/form.scss */
.select-wrapper select:disabled {
  color: #bdbdbd;
}

/* line 273, app/assets/stylesheets/shared/components/form.scss */
.select-wrapper:after {
  background: url("data:image/svg+xml,%3Csvg width='8' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l3 3 3-3' stroke-width='2' stroke='%239FB2C6' fill='none' fill-rule='evenodd' stroke-linecap='round'/%3E%3C/svg%3E") 50%/auto no-repeat;
  content: '';
  width: 35px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition: filter 0.15s ease-in-out;
  pointer-events: none;
  z-index: 1;
}

/* line 286, app/assets/stylesheets/shared/components/form.scss */
.select-wrapper .parsley-errors-list {
  position: absolute;
  top: 100%;
  left: 0;
  white-space: nowrap;
  padding: 5px;
  margin-top: 0;
}

/* line 297, app/assets/stylesheets/shared/components/form.scss */
.form-horizontal .form-group [class*="col-"] .select-wrapper:after {
  height: 34px;
}

/* line 301, app/assets/stylesheets/shared/components/form.scss */
.form-horizontal .form-group [class*="col-"] .select-wrapper .parsley-errors-list {
  position: relative;
}

/* line 305, app/assets/stylesheets/shared/components/form.scss */
.select-row {
  display: flex;
  width: 100%;
}

/* line 309, app/assets/stylesheets/shared/components/form.scss */
.select-row .select-wrapper {
  margin-left: 5px;
  flex: 1 1 auto;
}

/* line 313, app/assets/stylesheets/shared/components/form.scss */
.select-row .select-wrapper:first-child {
  margin-left: 0;
}

/* line 317, app/assets/stylesheets/shared/components/form.scss */
.select-row .select-wrapper .form-control {
  font-size: 13px;
}

/* line 323, app/assets/stylesheets/shared/components/form.scss */
#email_suggestion {
  display: none;
  padding: 3px 0 6px;
  text-align: right;
}

/* line 328, app/assets/stylesheets/shared/components/form.scss */
#email_suggestion .glyphicon-alert {
  color: #f0ad4e;
}

/* line 332, app/assets/stylesheets/shared/components/form.scss */
#email_suggestion .suggestion {
  cursor: pointer;
  color: #449dfd;
  text-decoration: underline;
}

/* line 340, app/assets/stylesheets/shared/components/form.scss */
label ~ .select-wrapper,
.listing-setup-form .make_fields .select-wrapper {
  display: block;
}

@media all and (-ms-high-contrast: none) {
  /* line 347, app/assets/stylesheets/shared/components/form.scss */
  *::-ms-backdrop,
.select-wrapper:after {
    display: none;
  }
  /* line 352, app/assets/stylesheets/shared/components/form.scss */
  *::-ms-backdrop,
.select-wrapper select {
    padding-right: 12px;
  }
  /* line 357, app/assets/stylesheets/shared/components/form.scss */
  select::-ms-expand {
    border: 0;
    background-color: transparent;
  }
}

/* line 363, app/assets/stylesheets/shared/components/form.scss */
.form-disabled .select-wrapper::after {
  color: #bdbdbd;
}
/* line 1, app/assets/stylesheets/shared/components/icons.scss */
.icon-custom {
  display: inline-block;
  color: inherit;
  fill: currentColor;
  height: 1em;
  width: 1em;
  line-height: 1;
  flex-shrink: 0;
  max-width: initial;
}

/* line 12, app/assets/stylesheets/shared/components/icons.scss */
.icon-custom--xs {
  width: 12px;
  height: 12px;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/components/info_text.scss */
.info-text {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

/* line 8, app/assets/stylesheets/shared/components/info_text.scss */
.info-text:before {
  content: '';
  display: block;
  min-width: 22px;
  min-height: 22px;
  max-width: 22px;
  max-height: 22px;
  float: left;
  margin-right: 13px;
  border-radius: 50%;
  background: url(/assets/icon-info-text-43a4fd5bc3e25f322f347ec7a12993e886b2dfd7eee35ecabae5688211d68a07.svg) no-repeat;
  background-size: cover;
}
/* line 3, app/assets/stylesheets/shared/components/pagination.scss */
.pagination > li {
  display: inline-block;
  float: none;
}

/* line 8, app/assets/stylesheets/shared/components/pagination.scss */
.pagination > li > a {
  height: 50px;
  width: 50px;
  padding: 0;
  border-radius: 999em !important;
  background-color: transparent;
  border: 0;
  font-size: 14px;
  line-height: 52px;
  text-align: center;
  color: #677A8D;
  font-weight: 500;
}

/* line 21, app/assets/stylesheets/shared/components/pagination.scss */
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a:active {
  background-color: transparent;
  color: #212D3A;
}

/* line 27, app/assets/stylesheets/shared/components/pagination.scss */
.pagination > li.disabled > a {
  background-color: transparent;
}

/* line 31, app/assets/stylesheets/shared/components/pagination.scss */
.pagination > li.prev > a, .pagination > li.next > a {
  position: relative;
  background-color: #D8E0E9;
  text-indent: -9999em;
}

/* line 36, app/assets/stylesheets/shared/components/pagination.scss */
.pagination > li.prev > a:before, .pagination > li.next > a:before {
  content: "";
  position: absolute;
  top: 21px;
  left: 24px;
  width: 6px;
  height: 8px;
  background-image: url(/assets/icon_pagination_prev_next-9151d0765e285fa5b83b82fb5fba2fa6a02cb616b2e7efa2cdbf7dfb83302296.svg);
  background-position: 24px;
  background-size: 12px auto;
  background-repeat: no-repeat;
}

/* line 49, app/assets/stylesheets/shared/components/pagination.scss */
.pagination > li.prev > a:focus, .pagination > li.prev > a:active, .pagination > li.next > a:focus, .pagination > li.next > a:active {
  background-color: #C6D0DB;
}

/* line 55, app/assets/stylesheets/shared/components/pagination.scss */
.pagination > li.prev > a:before {
  left: 21px;
  background-position: left bottom;
}

/* line 60, app/assets/stylesheets/shared/components/pagination.scss */
.pagination > li.prev > a:hover:before {
  background-position: right bottom;
}

/* line 66, app/assets/stylesheets/shared/components/pagination.scss */
.pagination > li.next > a:before {
  background-position: left top;
}

/* line 70, app/assets/stylesheets/shared/components/pagination.scss */
.pagination > li.next > a:hover:before {
  background-position: right top;
}

/* line 75, app/assets/stylesheets/shared/components/pagination.scss */
.pagination > .active > a, .pagination > .active > a:hover {
  background-color: #9FB2C6;
  color: #fff;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/components/password.scss */
.password {
  position: relative;
}

/* line 7, app/assets/stylesheets/shared/components/password.scss */
.password__btn {
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 54px;
  width: 4em;
  background-color: rgba(255, 255, 255, 0);
  justify-content: center;
  align-items: center;
  display: none;
}

/* line 25, app/assets/stylesheets/shared/components/password.scss */
.password__btn:focus {
  color: #449dfd;
}

/* line 32, app/assets/stylesheets/shared/components/password.scss */
.password__btn-label:last-child {
  display: none;
}

/* line 40, app/assets/stylesheets/shared/components/password.scss */
.password--text-is-visible .password__btn-label:first-child {
  display: none;
}

/* line 44, app/assets/stylesheets/shared/components/password.scss */
.password--text-is-visible .password__btn-label:last-child {
  display: inline-block;
}

/* line 49, app/assets/stylesheets/shared/components/password.scss */
.password__visibility-icon {
  display: block;
  width: 1.5em;
  height: 1.5em;
}

/* line 57, app/assets/stylesheets/shared/components/password.scss */
.js .password__input {
  padding-right: 3em !important;
}

/* line 61, app/assets/stylesheets/shared/components/password.scss */
.js .password__input::-ms-reveal {
  display: none;
}

/* line 65, app/assets/stylesheets/shared/components/password.scss */
.js .password__btn {
  display: flex;
  transition: opacity 0.3s;
  opacity: 0;
}

/* line 73, app/assets/stylesheets/shared/components/password.scss */
.password__length-indicator {
  display: flex;
  align-items: center;
  font-size: 13px;
  margin-top: 10px;
  padding-left: 15px;
  transition: color 0.3s;
}

/* line 81, app/assets/stylesheets/shared/components/password.scss */
.password__length-indicator .validity-check * {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), stroke-dashoffset 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform-origin: 8px 8px;
  stroke-dasharray: 16;
  stroke-width: 2px;
}

/* line 87, app/assets/stylesheets/shared/components/password.scss */
.password__length-indicator .validity-check *:first-child {
  stroke-dashoffset: 24;
}

/* line 91, app/assets/stylesheets/shared/components/password.scss */
.password__length-indicator .validity-check *:last-child {
  stroke-dashoffset: 10;
}

/* line 98, app/assets/stylesheets/shared/components/password.scss */
.password__length-indicator-icon {
  margin-right: 4px;
  height: 16px;
}

/* line 103, app/assets/stylesheets/shared/components/password.scss */
.password--is-invalid {
  color: #FD4C45;
}

/* line 108, app/assets/stylesheets/shared/components/password.scss */
.password--is-invalid .validity-check *:first-child {
  stroke-dashoffset: 32;
  transform: translateX(5px) translateY(5px) rotate(45deg);
}

/* line 113, app/assets/stylesheets/shared/components/password.scss */
.password--is-invalid .validity-check *:last-child {
  stroke-dashoffset: 2;
  transform: translateX(-5px) translateY(5px) rotate(-45deg);
}

/* line 121, app/assets/stylesheets/shared/components/password.scss */
.password--is-valid {
  color: #13D483;
}

/* line 126, app/assets/stylesheets/shared/components/password.scss */
.password--is-valid .validity-check *:first-child {
  stroke-dashoffset: 23;
  transform: translateX(-2px) translateY(4px) rotate(45deg);
}

/* line 131, app/assets/stylesheets/shared/components/password.scss */
.password--is-valid .validity-check *:last-child {
  stroke-dashoffset: 5;
  transform: translateX(-2px) translateY(4px) rotate(-45deg);
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 4, app/assets/stylesheets/shared/components/payments_block/payments_block.scss */
.payments-block .payment-table-button {
  padding: 7px 25px;
  font-size: 12px;
}

@media only screen and (max-width: 767px) {
  /* line 12, app/assets/stylesheets/shared/components/payments_block/payments_block.scss */
  .payments-block .payment-table-button {
    padding: 7px 20px;
  }
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 4, app/assets/stylesheets/shared/components/photo-thumbnails.scss */
.photo-thumbnails-container #media_photos_tab_check_in_photos {
  display: block;
}

@media only screen and (max-width: 374px) {
  /* line 4, app/assets/stylesheets/shared/components/photo-thumbnails.scss */
  .photo-thumbnails-container #media_photos_tab_check_in_photos {
    text-align: center;
  }
}

/* line 12, app/assets/stylesheets/shared/components/photo-thumbnails.scss */
.photo-thumbnails-container .media-item.documents-photo, .photo-thumbnails-container .documents-pdf {
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 6px;
}

/* line 16, app/assets/stylesheets/shared/components/photo-thumbnails.scss */
.photo-thumbnails-container .media-item.documents-photo img, .photo-thumbnails-container .documents-pdf img {
  width: 100px;
  /* 4:3 aspect ratio for photos */
  height: 133px;
}

/* line 23, app/assets/stylesheets/shared/components/photo-thumbnails.scss */
.photo-thumbnails-container .documents-photo img {
  border: 1px solid #F2F4F7;
  -o-object-fit: cover;
     object-fit: cover;
}
/* line 1, app/assets/stylesheets/shared/components/rates.scss */
.converted_amount {
  font-weight: normal;
  font-size: 14px;
}

/* line 5, app/assets/stylesheets/shared/components/rates.scss */
.converted_amount .help_tooltip {
  margin-right: 6px;
}

/* line 11, app/assets/stylesheets/shared/components/rates.scss */
body.showroom.listings .converted_amount, .rates_table .converted_amount {
  font-size: 12px;
}
/* line 1, app/assets/stylesheets/shared/components/separators.scss */
.separator-with-text {
  margin-top: 20px;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
}

/* line 8, app/assets/stylesheets/shared/components/separators.scss */
.separator-with-text__text {
  display: inline-block;
  padding: 0 20px;
  background-color: #fff;
}

/* line 14, app/assets/stylesheets/shared/components/separators.scss */
.separator-with-text__separator {
  height: 1px;
  margin-top: -10px;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings,
body.trips {
  /* =======================================
  =            Details sidebar            =
  ======================================= */
  /* =====  End of Details sidebar  ====== */
  /* ======================================
  =            Sidebar styles            =
  ====================================== */
  /* =====  End of Sidebar styles  ====== */
  /* =============================================
  =            Sidebar payment panel            =
  ============================================= */
  /* =====  End of Sidebar payment panel  ====== */
}

/* line 9, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .details-sidebar,
body.trips .details-sidebar {
  padding-left: 8px;
}

/* line 13, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .details-sidebar .listing_photo,
body.trips .details-sidebar .listing_photo {
  width: 100%;
  overflow: hidden;
  display: block;
  align-items: center;
  justify-content: center;
}

/* line 20, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .details-sidebar .listing_photo img,
body.trips .details-sidebar .listing_photo img {
  width: 100%;
  border-radius: 2px 2px 0 0;
}

@media (max-width: 991px) {
  /* line 13, app/assets/stylesheets/shared/components/sidebar-panel.scss */
  body.bookings .details-sidebar .listing_photo,
body.trips .details-sidebar .listing_photo {
    max-height: none;
  }
}

/* line 33, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .details-sidebar .alert.alert-success-inline,
body.trips .details-sidebar .alert.alert-success-inline {
  padding: 27px 30px 24px;
  align-items: center;
}

/* line 37, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .details-sidebar .alert.alert-success-inline:before,
body.trips .details-sidebar .alert.alert-success-inline:before {
  min-height: 21px;
  min-width: 18px;
  max-height: 21px;
  max-width: 18px;
  margin-right: 22px;
  margin-top: -3px;
  background-image: url(/assets/icon-shield-green-small-32f01f6dc2daf499f40010f381dec3a162556eb76a1b271929d4b5eeceb351a0.svg);
}

@media (max-width: 991px) {
  /* line 48, app/assets/stylesheets/shared/components/sidebar-panel.scss */
  body.bookings .details-sidebar .alert.alert-success-inline:before,
body.trips .details-sidebar .alert.alert-success-inline:before {
    margin-top: 0;
  }
}

@media (max-width: 1199px) {
  /* line 9, app/assets/stylesheets/shared/components/sidebar-panel.scss */
  body.bookings .details-sidebar,
body.trips .details-sidebar {
    padding-left: 11px;
    padding-right: 11px;
  }
}

/* line 70, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel.with_header_photo,
body.trips .sidebar-panel.with_header_photo {
  border-top: 0;
}

/* line 74, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .meta,
body.trips .sidebar-panel .meta {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.54;
  color: #8598ac;
}

/* line 82, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details hr,
body.trips .sidebar-panel .sidebar-panel__details hr {
  margin-top: 26px;
  margin-bottom: 23px;
}

/* line 88, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details table td,
body.bookings .sidebar-panel .sidebar-panel__details table th,
body.trips .sidebar-panel .sidebar-panel__details table td,
body.trips .sidebar-panel .sidebar-panel__details table th {
  padding: 0;
}

/* line 93, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details table td,
body.trips .sidebar-panel .sidebar-panel__details table td {
  font-weight: 500;
}

/* line 97, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details table th,
body.trips .sidebar-panel .sidebar-panel__details table th {
  font-weight: 400;
}

/* line 101, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details table a,
body.trips .sidebar-panel .sidebar-panel__details table a {
  font-size: 13px;
  line-height: 1.7;
  text-decoration: underline;
}

/* line 109, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details table.listing-table td, body.bookings .sidebar-panel .sidebar-panel__details table.listing-table th,
body.trips .sidebar-panel .sidebar-panel__details table.listing-table td,
body.trips .sidebar-panel .sidebar-panel__details table.listing-table th {
  font-size: 13px;
  line-height: 1.7;
}

/* line 114, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details table.listing-table th,
body.trips .sidebar-panel .sidebar-panel__details table.listing-table th {
  color: #8598ac;
  padding-bottom: 10px;
}

/* line 119, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details table.listing-table td,
body.trips .sidebar-panel .sidebar-panel__details table.listing-table td {
  font-weight: 500;
}

/* line 122, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details table.listing-table td a,
body.trips .sidebar-panel .sidebar-panel__details table.listing-table td a {
  line-height: 1.54;
}

/* line 129, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details table.dates td, body.bookings .sidebar-panel .sidebar-panel__details table.dates th,
body.trips .sidebar-panel .sidebar-panel__details table.dates td,
body.trips .sidebar-panel .sidebar-panel__details table.dates th {
  font-size: 13px;
  line-height: 1.7;
}

/* line 134, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details table.dates th,
body.trips .sidebar-panel .sidebar-panel__details table.dates th {
  padding-right: 10px;
  width: 50px;
  color: #8598ac;
}

/* line 140, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details table.dates td,
body.trips .sidebar-panel .sidebar-panel__details table.dates td {
  font-weight: 500;
  color: #212d3a;
}

/* line 147, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details table.terms td, body.bookings .sidebar-panel .sidebar-panel__details table.terms th,
body.trips .sidebar-panel .sidebar-panel__details table.terms td,
body.trips .sidebar-panel .sidebar-panel__details table.terms th {
  font-size: 13px;
  line-height: 1.7;
}

/* line 152, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details table.terms th,
body.trips .sidebar-panel .sidebar-panel__details table.terms th {
  padding-right: 5px;
  color: #8598ac;
}

/* line 157, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details table.terms td,
body.trips .sidebar-panel .sidebar-panel__details table.terms td {
  font-weight: 500;
  color: #212d3a;
}

/* line 164, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details .rates th, body.bookings .sidebar-panel .sidebar-panel__details .rates td,
body.trips .sidebar-panel .sidebar-panel__details .rates th,
body.trips .sidebar-panel .sidebar-panel__details .rates td {
  width: auto;
  color: #8598ac;
  line-height: 2.31;
}

/* line 170, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details .rates td,
body.trips .sidebar-panel .sidebar-panel__details .rates td {
  font-weight: 500;
  text-align: right;
}

/* line 177, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__details .day-insure th,
body.trips .sidebar-panel .sidebar-panel__details .day-insure th {
  font-weight: 200;
}

@media (max-width: 767px) {
  /* line 81, app/assets/stylesheets/shared/components/sidebar-panel.scss */
  body.bookings .sidebar-panel .sidebar-panel__details,
body.trips .sidebar-panel .sidebar-panel__details {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 189, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__summary hr,
body.trips .sidebar-panel .sidebar-panel__summary hr {
  margin-top: 11px;
  margin-bottom: 13px;
}

/* line 195, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__summary table td,
body.bookings .sidebar-panel .sidebar-panel__summary table th,
body.trips .sidebar-panel .sidebar-panel__summary table td,
body.trips .sidebar-panel .sidebar-panel__summary table th {
  padding: 0;
}

/* line 202, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__summary .rates th, body.bookings .sidebar-panel .sidebar-panel__summary .rates td,
body.trips .sidebar-panel .sidebar-panel__summary .rates th,
body.trips .sidebar-panel .sidebar-panel__summary .rates td {
  width: auto;
  line-height: 2.31;
}

/* line 207, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__summary .rates th.green-highlighted,
body.trips .sidebar-panel .sidebar-panel__summary .rates th.green-highlighted {
  font-weight: 500;
  color: #13d483;
}

/* line 212, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__summary .rates .red-highlighted,
body.trips .sidebar-panel .sidebar-panel__summary .rates .red-highlighted {
  font-weight: 500;
  color: #d9534f;
}

/* line 217, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__summary .rates td,
body.trips .sidebar-panel .sidebar-panel__summary .rates td {
  font-weight: 500;
}

/* line 222, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__summary #green-link,
body.trips .sidebar-panel .sidebar-panel__summary #green-link {
  width: auto;
  color: #13d483;
  text-decoration: underline;
  line-height: 2.31;
}

/* line 228, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__summary #green-link:hover,
body.trips .sidebar-panel .sidebar-panel__summary #green-link:hover {
  cursor: pointer;
}

/* line 234, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__summary .total th, body.bookings .sidebar-panel .sidebar-panel__summary .total td, body.bookings .sidebar-panel .sidebar-panel__summary .traveller-cancellation-costs th, body.bookings .sidebar-panel .sidebar-panel__summary .traveller-cancellation-costs td,
body.trips .sidebar-panel .sidebar-panel__summary .total th,
body.trips .sidebar-panel .sidebar-panel__summary .total td,
body.trips .sidebar-panel .sidebar-panel__summary .traveller-cancellation-costs th,
body.trips .sidebar-panel .sidebar-panel__summary .traveller-cancellation-costs td {
  width: auto;
  font-size: 16px;
  line-height: 1.88;
}

/* line 240, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__summary .total th, body.bookings .sidebar-panel .sidebar-panel__summary .traveller-cancellation-costs th,
body.trips .sidebar-panel .sidebar-panel__summary .total th,
body.trips .sidebar-panel .sidebar-panel__summary .traveller-cancellation-costs th {
  font-weight: 400;
  color: #8598ac;
}

/* line 245, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__summary .total td, body.bookings .sidebar-panel .sidebar-panel__summary .traveller-cancellation-costs td,
body.trips .sidebar-panel .sidebar-panel__summary .total td,
body.trips .sidebar-panel .sidebar-panel__summary .traveller-cancellation-costs td {
  font-weight: 600;
  color: #212d3a;
}

/* line 252, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__summary .total .day-insure th, body.bookings .sidebar-panel .sidebar-panel__summary .traveller-cancellation-costs .day-insure th,
body.trips .sidebar-panel .sidebar-panel__summary .total .day-insure th,
body.trips .sidebar-panel .sidebar-panel__summary .traveller-cancellation-costs .day-insure th {
  font-weight: 200;
  width: 78%;
  font-size: 11px;
}

/* line 258, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .sidebar-panel__summary .total .day-insure td, body.bookings .sidebar-panel .sidebar-panel__summary .traveller-cancellation-costs .day-insure td,
body.trips .sidebar-panel .sidebar-panel__summary .total .day-insure td,
body.trips .sidebar-panel .sidebar-panel__summary .traveller-cancellation-costs .day-insure td {
  font-size: 12px;
}

/* line 265, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .booking__advertiser-earnings,
body.trips .sidebar-panel .booking__advertiser-earnings {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 271, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .details__summary,
body.trips .sidebar-panel .details__summary {
  outline: 0;
}

/* line 274, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .sidebar-panel .details__summary:hover,
body.trips .sidebar-panel .details__summary:hover {
  color: #212D3A;
}

/* line 287, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .payments .booking_summary,
body.trips .payments .booking_summary {
  padding: 0;
}

/* line 290, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .payments .booking_summary table thead tr td,
body.trips .payments .booking_summary table thead tr td {
  vertical-align: middle;
}

/* line 295, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .payments hr,
body.trips .payments hr {
  margin-top: 18px;
  margin-bottom: 20px;
}

/* line 301, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .payments table td,
body.bookings .payments table th,
body.trips .payments table td,
body.trips .payments table th {
  font-size: 13px;
  line-height: 2.31;
  color: #8598ac;
  padding: 0;
}

/* line 309, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .payments table strong,
body.trips .payments table strong {
  font-size: 13px;
  font-weight: 500;
  line-height: 2.31;
  text-align: right;
  color: #212d3a;
}

/* line 318, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .payments .btn.btn-payment-request,
body.trips .payments .btn.btn-payment-request {
  padding: 2px 13px 2px !important;
  font-size: 12px !important;
  font-weight: 500;
}

/* line 323, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .payments .btn.btn-payment-request[disabled],
body.trips .payments .btn.btn-payment-request[disabled] {
  opacity: 0.2;
}

/* line 328, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.bookings .payments__details,
body.trips .payments__details {
  padding: 18px 0 21px;
}

@media (max-width: 767px) {
  /* line 286, app/assets/stylesheets/shared/components/sidebar-panel.scss */
  body.bookings .payments,
body.trips .payments {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ====================================
=            Trips styles            =
==================================== */
/* line 349, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.trips .sidebar-panel .sidebar-panel__details, body.dashboard .sidebar-panel .sidebar-panel__details {
  padding-top: 21px;
  padding-bottom: 24px;
}

/* line 353, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.trips .sidebar-panel .sidebar-panel__details .panel-heading, body.dashboard .sidebar-panel .sidebar-panel__details .panel-heading {
  padding: 0;
}

/* line 356, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.trips .sidebar-panel .sidebar-panel__details .panel-heading .h3, body.dashboard .sidebar-panel .sidebar-panel__details .panel-heading .h3 {
  line-height: 2;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/* line 364, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.trips .sidebar-panel .sidebar-panel__details .panel-heading + hr, body.dashboard .sidebar-panel .sidebar-panel__details .panel-heading + hr {
  margin-top: 18px;
  margin-bottom: 25px;
}

/* line 370, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.trips .sidebar-panel .sidebar-panel__details hr, body.dashboard .sidebar-panel .sidebar-panel__details hr {
  margin-top: 24px;
  margin-bottom: 23px;
}

/* line 376, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.trips .sidebar-panel .sidebar-panel__details .title_with_booking_state .booking_state, body.dashboard .sidebar-panel .sidebar-panel__details .title_with_booking_state .booking_state {
  padding: 1px 9px 1px 10px;
  position: static;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 500;
  line-height: 2;
}

@media (max-width: 1199px) {
  /* line 388, app/assets/stylesheets/shared/components/sidebar-panel.scss */
  body.trips .sidebar-panel .sidebar-panel__details .panel-heading .h3, body.dashboard .sidebar-panel .sidebar-panel__details .panel-heading .h3 {
    line-height: 1.25;
  }
}

/* line 394, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.trips .sidebar-panel .sidebar-panel__coupons, body.dashboard .sidebar-panel .sidebar-panel__coupons {
  padding: 25px 20px 28px;
}

/* line 396, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.trips .sidebar-panel .sidebar-panel__coupons table, body.dashboard .sidebar-panel .sidebar-panel__coupons table {
  width: 100%;
}

/* line 398, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.trips .sidebar-panel .sidebar-panel__coupons table .discount, body.dashboard .sidebar-panel .sidebar-panel__coupons table .discount {
  color: #13d483;
  margin-bottom: 1px;
}

/* line 402, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.trips .sidebar-panel .sidebar-panel__coupons table a, body.dashboard .sidebar-panel .sidebar-panel__coupons table a {
  color: #8598ac;
  font-size: 14px;
}

/* line 411, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.trips .new_coupon_redemption .form-group, body.dashboard .new_coupon_redemption .form-group {
  position: relative;
  margin-bottom: 55px;
}

/* line 415, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.trips .new_coupon_redemption .form-control, body.dashboard .new_coupon_redemption .form-control {
  position: absolute;
  border-radius: 30px;
  padding: 21px;
  margin-top: 5px;
}

/* line 421, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.trips .new_coupon_redemption .btn, body.dashboard .new_coupon_redemption .btn {
  position: absolute;
  top: 10px;
  right: 5px;
  padding: 8px 25px;
}

/* line 430, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.trips .trips__modal-btns .btn-block, body.dashboard .trips__modal-btns .btn-block {
  border-radius: 50px;
}

/* line 433, app/assets/stylesheets/shared/components/sidebar-panel.scss */
body.trips .trips__modal-btns .btn-block + .btn-block, body.dashboard .trips__modal-btns .btn-block + .btn-block {
  margin-top: 10px;
}

@media (max-width: 767px) {
  /* line 429, app/assets/stylesheets/shared/components/sidebar-panel.scss */
  body.trips .trips__modal-btns, body.dashboard .trips__modal-btns {
    padding: 0;
  }
}

/* =====  End of Trips styles  ====== */
/* ====================================
=            New Sidebar styles            =
==================================== */
/* line 451, app/assets/stylesheets/shared/components/sidebar-panel.scss */
.reservation-sidebar-details {
  background-color: #F6F8F9;
}

@media (max-width: 767px) {
  /* line 451, app/assets/stylesheets/shared/components/sidebar-panel.scss */
  .reservation-sidebar-details {
    margin: 0 -15px;
  }
}

/* line 458, app/assets/stylesheets/shared/components/sidebar-panel.scss */
.reservation-sidebar-details__item {
  background-color: #FFF;
  margin: 1rem;
  padding: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
}

/* line 466, app/assets/stylesheets/shared/components/sidebar-panel.scss */
.reservation-sidebar-details__image {
  border-radius: 6px;
}

/* line 470, app/assets/stylesheets/shared/components/sidebar-panel.scss */
.reservation-sidebar-details__image-container {
  width: 40%;
}

/* line 474, app/assets/stylesheets/shared/components/sidebar-panel.scss */
.reservation-sidebar-details__information {
  width: 60%;
}

/* line 476, app/assets/stylesheets/shared/components/sidebar-panel.scss */
.reservation-sidebar-details__information img {
  display: inline;
}

/* line 479, app/assets/stylesheets/shared/components/sidebar-panel.scss */
.reservation-sidebar-details__information .sleeping-places {
  margin-right: 10px;
}

/* =====  End of New Sidebar styles  ====== */
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/components/sidenote-list.scss */
.sidenote-list {
  margin-bottom: 20px;
  padding-left: 1.5em;
}

/* line 7, app/assets/stylesheets/shared/components/sidenote-list.scss */
.sidenote-list li {
  font-size: 0.875rem;
}

/* line 13, app/assets/stylesheets/shared/components/sidenote-list.scss */
.modal-body .sidenote-list li {
  font-size: 0.8125rem;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/components/status_message/status-message.scss */
.trip-status-message {
  padding: 20px 30px;
}

/* line 6, app/assets/stylesheets/shared/components/status_message/status-message.scss */
.trip-status-message p {
  font-size: 12px;
  margin: 0;
}

/* line 11, app/assets/stylesheets/shared/components/status_message/status-message.scss */
.trip-status-message .status-message-body {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  flex-direction: row;
}

/* line 18, app/assets/stylesheets/shared/components/status_message/status-message.scss */
.trip-status-message .pay-button {
  padding: 8px 30px;
}

@keyframes bellshake {
  0% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(10deg);
  }
  30% {
    transform: rotate(-10deg);
  }
  45% {
    transform: rotate(4deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  75% {
    transform: rotate(2deg);
  }
  85% {
    transform: rotate(-2deg);
  }
  92% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0);
  }
}

@keyframes fillChange {
  0% {
    fill: #F6F8F9;
  }
  15% {
    fill: #E9EDF1;
  }
  30% {
    fill: #E9EDF1;
  }
  45% {
    fill: #E9EDF1;
  }
  60% {
    fill: #E9EDF1;
  }
  100% {
    fill: #F6F8F9;
  }
}

/* line 43, app/assets/stylesheets/shared/components/status_message/status-message.scss */
.trip-status-message .notification-icon-with-animation {
  animation: bellshake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation-iteration-count: 2;
}

/* line 47, app/assets/stylesheets/shared/components/status_message/status-message.scss */
.trip-status-message .notification-icon-with-animation rect {
  animation: fillChange 3s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

@media only screen and (max-width: 767px) {
  /* line 3, app/assets/stylesheets/shared/components/status_message/status-message.scss */
  .trip-status-message {
    padding: 12px 22px;
  }
}

@media only screen and (max-width: 480px) {
  /* line 57, app/assets/stylesheets/shared/components/status_message/status-message.scss */
  .trip-status-message .notification-icon-with-animation {
    display: none;
  }
  /* line 61, app/assets/stylesheets/shared/components/status_message/status-message.scss */
  .trip-status-message .status-message-body {
    flex-direction: column;
    align-items: unset;
  }
  /* line 66, app/assets/stylesheets/shared/components/status_message/status-message.scss */
  .trip-status-message h6 {
    margin-left: 0 !important;
  }
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/components/step_indicator.scss */
.step-indicator {
  margin-top: 0;
  margin-bottom: 0;
  display: inline-flex;
}

@media (min-width: 768px) {
  /* line 3, app/assets/stylesheets/shared/components/step_indicator.scss */
  .step-indicator {
    justify-content: center;
    margin-bottom: 12px;
    width: 100%;
  }
}

/* line 14, app/assets/stylesheets/shared/components/step_indicator.scss */
.step-indicator__overflow {
  overflow-y: hidden;
  padding: 15px;
}

/* line 19, app/assets/stylesheets/shared/components/step_indicator.scss */
.step-indicator__wrapper {
  position: relative;
}

/* line 22, app/assets/stylesheets/shared/components/step_indicator.scss */
.step-indicator__wrapper::after, .step-indicator__wrapper::before {
  content: '';
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  top: 0;
  position: absolute;
}

/* line 33, app/assets/stylesheets/shared/components/step_indicator.scss */
.step-indicator__wrapper::after {
  background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
  right: 0;
  width: 50px;
}

/* line 39, app/assets/stylesheets/shared/components/step_indicator.scss */
.step-indicator__wrapper::before {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, white 100%);
  left: 0;
}

/* line 46, app/assets/stylesheets/shared/components/step_indicator.scss */
.step-indicator__item {
  padding: 0 12px;
  font-weight: 600;
  line-height: 30px;
  height: 30px;
  text-align: center;
  background-size: 30px auto;
  background-repeat: no-repeat;
  background-position: left center;
  display: flex;
  flex-wrap: nowrap;
}

/* line 59, app/assets/stylesheets/shared/components/step_indicator.scss */
.step-indicator__label {
  display: block;
  margin: 0 0 0 20px;
  font-size: 14px;
  color: #212d3a;
  text-align: center;
  white-space: nowrap;
}

/* line 68, app/assets/stylesheets/shared/components/step_indicator.scss */
.step-indicator__item--done {
  background-image: url(/assets/shared/components/step-indicator/icon-step-done-99db11487ea1f06a963f023984d2c0487d19bf73eb0c751c2b08c18d39337436.svg);
  color: #449DFD;
}

/* line 73, app/assets/stylesheets/shared/components/step_indicator.scss */
.step-indicator__item--active {
  background-image: url(/assets/shared/components/step-indicator/icon-step-active-2edc426f5e5ac7952d75445913b733c18034c95001d215dd3e6e286631c5167c.svg);
  color: #FFF;
}

/* line 78, app/assets/stylesheets/shared/components/step_indicator.scss */
.step-indicator__item--inactive {
  background-image: url(/assets/shared/components/step-indicator/icon-step-inactive-57ac5a91dec96fd7f54c5abceacb300f79f88b5d62e52f3e385185334445f15f.svg);
  color: #9fb2c6;
}

/* line 82, app/assets/stylesheets/shared/components/step_indicator.scss */
.step-indicator__item--inactive .step-indicator__label {
  color: inherit;
}

/* line 87, app/assets/stylesheets/shared/components/step_indicator.scss */
.step-indicator__separator {
  width: 48px;
  height: 30px;
  line-height: 30px;
  margin: 0 10px 0 0;
  background: url(/assets/shared/components/step-indicator/step-separator-feeaeecadc1169b68b49a55c543ad35fbb6dc17bbafb61608dd7864da54f0f5b.svg);
  background-position: 0 50%;
  background-repeat: repeat-x;
}

/* line 97, app/assets/stylesheets/shared/components/step_indicator.scss */
.stepper__step-progress {
  height: 5px;
  background-color: #F2F4F7;
  border-radius: 20px;
}

/* line 103, app/assets/stylesheets/shared/components/step_indicator.scss */
.stepper__step-progress-fill {
  height: 5px;
  background-color: #13D483;
  border-radius: 20px;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/components/sub_navigation.scss */
.sub-navigation-bar {
  width: 100%;
  height: 53px;
  display: flex;
  position: relative;
  background-color: #fff;
}

/* line 10, app/assets/stylesheets/shared/components/sub_navigation.scss */
.sub-navigation-bar .back-to-trips-container {
  display: flex;
  height: inherit;
  align-items: center;
  position: absolute;
  margin: 0 30px 0 15px;
}

/* line 17, app/assets/stylesheets/shared/components/sub_navigation.scss */
.sub-navigation-bar .back-to-trips-container a {
  line-height: 0;
  padding: 10px;
}

/* line 22, app/assets/stylesheets/shared/components/sub_navigation.scss */
.sub-navigation-bar .back-to-trips-container .back-to-trips-link {
  display: inline-block;
  color: #677A8D;
  font-size: 12px;
  font-weight: 500;
}

/* line 29, app/assets/stylesheets/shared/components/sub_navigation.scss */
.sub-navigation-bar .back-to-trips-container:hover {
  cursor: pointer;
}

/* line 34, app/assets/stylesheets/shared/components/sub_navigation.scss */
.sub-navigation-bar::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #E9EDF1;
}

/* line 43, app/assets/stylesheets/shared/components/sub_navigation.scss */
.sub-navigation-bar .sub-navigation {
  height: 100%;
  padding-right: 0;
  display: flex;
}

/* line 48, app/assets/stylesheets/shared/components/sub_navigation.scss */
.sub-navigation-bar .sub-navigation .faded-scroll-block {
  display: none;
  height: 74px;
  position: absolute;
  right: 0;
  width: 11%;
  z-index: 49;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, white 100%);
}

/* line 58, app/assets/stylesheets/shared/components/sub_navigation.scss */
.sub-navigation-bar .sub-navigation ul {
  display: flex;
  align-items: flex-end;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  justify-content: flex-start;
}

/* line 71, app/assets/stylesheets/shared/components/sub_navigation.scss */
.sub-navigation-bar .sub-navigation ul li {
  display: inline-block;
  white-space: nowrap;
  padding: 0 22px 14px 22px;
}

/* line 76, app/assets/stylesheets/shared/components/sub_navigation.scss */
.sub-navigation-bar .sub-navigation ul li:first-child {
  padding-left: 0;
}

/* line 80, app/assets/stylesheets/shared/components/sub_navigation.scss */
.sub-navigation-bar .sub-navigation ul li a {
  text-decoration: none;
  font-weight: 500;
  color: #8598AC;
  padding-bottom: 14px;
  font-size: 14px;
}

/* line 87, app/assets/stylesheets/shared/components/sub_navigation.scss */
.sub-navigation-bar .sub-navigation ul li a.active, .sub-navigation-bar .sub-navigation ul li a:focus, .sub-navigation-bar .sub-navigation ul li a:hover {
  color: #212D3A;
  outline: none;
  cursor: pointer;
}

/* line 95, app/assets/stylesheets/shared/components/sub_navigation.scss */
.sub-navigation-bar .sub-navigation ul li a.active, .sub-navigation-bar .sub-navigation ul li a:focus {
  border-bottom: 2px solid #212D3A;
  padding-bottom: 12px;
}

/* line 102, app/assets/stylesheets/shared/components/sub_navigation.scss */
.sub-navigation-bar .sub-navigation ul li .count {
  display: inline-block;
  vertical-align: top;
  font-weight: normal;
  background: #FD4452;
  border-radius: 999em;
  line-height: 1.2rem;
  font-size: 0.7rem;
  min-width: 1.2rem;
  text-align: center;
  color: #fff;
  padding: 0 0.3rem;
}

@media only screen and (max-width: 425px) {
  /* line 71, app/assets/stylesheets/shared/components/sub_navigation.scss */
  .sub-navigation-bar .sub-navigation ul li {
    padding-left: 11px;
    padding-right: 14px;
  }
  /* line 120, app/assets/stylesheets/shared/components/sub_navigation.scss */
  .sub-navigation-bar .sub-navigation ul li:last-child {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 1220px) {
  /* line 129, app/assets/stylesheets/shared/components/sub_navigation.scss */
  .sub-navigation-bar .back-to-trips-container .back-to-trips-link {
    display: none;
  }
  /* line 133, app/assets/stylesheets/shared/components/sub_navigation.scss */
  .sub-navigation-bar .sub-navigation ul {
    justify-content: center;
  }
}

@media only screen and (max-width: 768px) {
  /* line 3, app/assets/stylesheets/shared/components/sub_navigation.scss */
  .sub-navigation-bar {
    height: 36px;
  }
  /* line 141, app/assets/stylesheets/shared/components/sub_navigation.scss */
  .sub-navigation-bar .back-to-trips-container {
    display: none;
  }
  /* line 146, app/assets/stylesheets/shared/components/sub_navigation.scss */
  .sub-navigation-bar .sub-navigation .faded-scroll-block {
    height: 35px;
  }
  /* line 150, app/assets/stylesheets/shared/components/sub_navigation.scss */
  .sub-navigation-bar .sub-navigation ul {
    justify-content: flex-start;
  }
}

@media only screen and (max-width: 425px) {
  /* line 158, app/assets/stylesheets/shared/components/sub_navigation.scss */
  .sub-navigation-bar .sub-navigation .faded-scroll-block {
    display: inline-block;
  }
}
/* line 1, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
.traveller-insurance, .additional-driver-option, .weather-promise-option {
  padding: 33px 39px 81px 37px;
  margin-bottom: 0;
  border-radius: 2px;
}

/* line 6, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
.traveller-insurance__row, .additional-driver-option__row, .weather-promise-option__row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  gap: 15px;
}

/* line 14, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
.traveller-insurance__row .price, .additional-driver-option__row .price, .weather-promise-option__row .price {
  margin-right: 20px;
  align-self: center;
  font-size: 14px;
}

/* line 21, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
.traveller-insurance .h3, .additional-driver-option .h3, .weather-promise-option .h3 {
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.78;
  color: #13d483;
}

@media (min-width: 1200px) {
  /* line 21, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
  .traveller-insurance .h3, .additional-driver-option .h3, .weather-promise-option .h3 {
    text-align: left;
  }
}

/* line 35, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
.traveller-insurance .h3 span, .additional-driver-option .h3 span, .weather-promise-option .h3 span {
  display: block;
  hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
}

/* line 42, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
.traveller-insurance .h3:before, .additional-driver-option .h3:before, .weather-promise-option .h3:before {
  content: "";
  display: inline-block;
  min-height: 33px;
  min-width: 28px;
  max-height: 33px;
  max-width: 28px;
  margin-right: 20px;
  background: url(/assets/icon-shield-green-5d7574c5dcc966ced024d1f70179d51a0e0632906cbe50df4e5413d98bebb16b.svg) no-repeat;
  background-size: cover;
}

/* line 55, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
.traveller-insurance .additional-driver-option__row .h3:before, .additional-driver-option .additional-driver-option__row .h3:before, .weather-promise-option .additional-driver-option__row .h3:before {
  background: url(/assets/icons/src/showroom/camper-3db186840b91a3b970eca457d196d8d106726ad83bd593c406b4dfe183c70496.svg) no-repeat;
  background-size: 35px auto;
  min-width: 36px;
  margin-right: 14px;
  margin-top: 5px;
}

/* line 63, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
.traveller-insurance .weather-promise-option__row .h3:before, .additional-driver-option .weather-promise-option__row .h3:before, .weather-promise-option .weather-promise-option__row .h3:before {
  background: url(/assets/icons/src/showroom/weather-c86246b289dc3a9b7344158ec4f1f11ebbfb7f25a2b14fe31fafc4ef53379389.svg) no-repeat;
  background-size: 48px auto;
  min-width: 48px;
  max-width: 48px;
  min-height: 48px;
  max-height: 48px;
  margin-right: 14px;
  margin-top: 5px;
}

/* line 74, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
.traveller-insurance p, .additional-driver-option p, .weather-promise-option p {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 2;
  color: #212d3a;
}

/* line 81, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
.traveller-insurance strong, .additional-driver-option strong, .weather-promise-option strong {
  font-weight: 600;
}

/* line 85, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
.traveller-insurance a, .additional-driver-option a, .weather-promise-option a {
  font-size: 14px;
  line-height: 2;
  font-weight: inherit;
  text-decoration: underline;
}

/* line 92, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
.traveller-insurance .traveller-insurance--amount, .additional-driver-option .traveller-insurance--amount, .weather-promise-option .traveller-insurance--amount {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.56;
  color: #212d3a;
}

/* line 99, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
.traveller-insurance .footer, .additional-driver-option .footer, .weather-promise-option .footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  background: #F6F8F9;
  border-radius: 2px;
  text-align: center;
}

/* line 109, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
.traveller-insurance .footer span.traveller-insurance-partner, .additional-driver-option .footer span.traveller-insurance-partner, .weather-promise-option .footer span.traveller-insurance-partner {
  font-size: 11px;
  color: #9FB2C6;
  letter-spacing: 0;
  line-height: 52px;
}

/* line 115, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
.traveller-insurance .footer span.traveller-insurance-partner img, .additional-driver-option .footer span.traveller-insurance-partner img, .weather-promise-option .footer span.traveller-insurance-partner img {
  display: inline-block;
  margin-left: 10px;
  margin-top: -2px;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
  .traveller-insurance, .additional-driver-option, .weather-promise-option {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 128, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
  .traveller-insurance .h3, .additional-driver-option .h3, .weather-promise-option .h3 {
    line-height: 1.78;
    margin-bottom: 22px;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  /* line 135, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
  .traveller-insurance .h3:before, .additional-driver-option .h3:before, .weather-promise-option .h3:before {
    margin-right: 0;
    margin-bottom: 5px;
  }
  /* line 141, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
  .traveller-insurance p, .additional-driver-option p, .weather-promise-option p {
    font-size: 13px;
    line-height: 2;
    margin-bottom: 20px;
  }
  /* line 147, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
  .traveller-insurance a, .additional-driver-option a, .weather-promise-option a {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 2.15;
  }
  /* line 154, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
  .traveller-insurance__row, .additional-driver-option__row, .weather-promise-option__row {
    flex-direction: column;
    align-items: center;
  }
  /* line 158, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
  .traveller-insurance__row:first-child, .additional-driver-option__row:first-child, .weather-promise-option__row:first-child {
    margin-bottom: 20px;
  }
  /* line 162, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
  .traveller-insurance__row:last-child, .additional-driver-option__row:last-child, .weather-promise-option__row:last-child {
    flex-direction: column-reverse;
  }
  /* line 166, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
  .traveller-insurance__row .traveller-insurance--amount, .additional-driver-option__row .traveller-insurance--amount, .weather-promise-option__row .traveller-insurance--amount {
    margin-bottom: 13px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 173, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
  .traveller-insurance .h3, .additional-driver-option .h3, .weather-promise-option .h3 {
    max-width: 335px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  /* line 179, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
  .traveller-insurance__row, .additional-driver-option__row, .weather-promise-option__row {
    justify-content: space-evenly;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1219px) {
  /* line 188, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
  .redesign-layout .traveller-insurance__row, .redesign-layout .additional-driver-option__row, .redesign-layout .weather-promise-option__row {
    justify-content: space-between;
  }
}

@media screen and (min-width: 1220px) and (max-width: 1279px) {
  /* line 194, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
  .redesign-layout .traveller-insurance__row, .redesign-layout .additional-driver-option__row, .redesign-layout .weather-promise-option__row {
    justify-content: space-evenly;
  }
}

/* line 201, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
#traveller_insurance_box_wrapper {
  padding: 2.5px;
  border: 2px solid #FFF;
  border-radius: 8px;
}

/* line 206, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
#traveller_insurance_box_wrapper.green-border {
  border: 2px solid #8aeac1 !important;
  border: 2px solid rgba(19, 212, 131, 0.5) !important;
  transition: all 1s steps(3);
}

/* line 216, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
#traveller_insurance_box_wrapper hr {
  margin-top: 10px;
}

/* line 222, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
#traveller_insurance_info_modal .btn-tertiary.btn-download, #traveller_insurance_cancellation_info_modal .btn-tertiary.btn-download, #weather_promise_insurance_info_modal .btn-tertiary.btn-download {
  font-weight: 600;
  font-size: 14px;
  color: #13D483;
  letter-spacing: -0.5px;
  text-align: center;
}

/* line 229, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
#traveller_insurance_info_modal .btn-tertiary.btn-download img, #traveller_insurance_cancellation_info_modal .btn-tertiary.btn-download img, #weather_promise_insurance_info_modal .btn-tertiary.btn-download img {
  display: inline-block;
  margin: -1px 18px 0 0;
}

/* line 237, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
#edit_traveller_insurance_modal tr.with_security_deposit {
  display: none;
}

/* line 242, app/assets/stylesheets/shared/components/traveller-insurance-box.scss */
#traveller_insurance_notification_bar {
  padding: 6px 12px 6px 36px;
  margin-top: 20px;
  background-color: #ebfdf5;
  background-image: url(/assets/shared/components/traveller-insurance-box/icon_checkmark-551c7ad4ac52224d0c6f9f46de32b04257ad368167d32b346070ec1302ac07f1.svg);
  background-position: 14px 14px;
  background-repeat: no-repeat;
  color: #13d483;
  line-height: 28px;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages {
  padding: 20px;
}

/* line 6, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages form {
  width: 100%;
  margin-bottom: 36px;
  border: 1px solid #D8E0E9;
}

/* line 11, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages form textarea {
  width: 100%;
  border: none;
  padding: 20px 15px;
  resize: vertical;
  outline: none;
  color: #212D3A;
}

/* line 19, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages form textarea::placeholder {
  color: #9FB2C6;
}

/* line 24, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages form .send-message-button {
  display: flex;
  justify-content: flex-end;
  margin: 20px;
}

/* line 31, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .message {
  margin-bottom: 36px;
}

/* line 34, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .message p {
  font-size: 13px;
}

/* line 39, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .profile_image {
  display: block;
  margin-bottom: 4px;
}

/* line 43, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .profile_image.left {
  padding-right: 0;
  text-align: left;
}

/* line 48, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .profile_image.right {
  padding-left: 0;
  text-align: right;
}

/* line 53, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .profile_image img {
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 7px;
}

/* line 60, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages form, .trip-messages .body {
  border-color: #D8E0E9;
  background-color: #fff !important;
  /* Override booking_state background */
}

/* line 64, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages form p:last-child, .trip-messages .body p:last-child {
  margin-bottom: 0;
}

/* line 69, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .body {
  padding: 20px 20px 17px 20px;
  border-radius: 4px;
  line-height: 20px;
  font-size: 13px;
}

/* line 75, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .body p {
  margin-bottom: 13px;
  color: #212D3A;
}

/* line 80, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .body.booking_state {
  padding: 8px 20px 6px;
  border-width: 2px;
  border-style: solid;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

/* line 88, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .body.booking_state small {
  font-weight: normal;
}

/* line 92, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .body.booking_state.inquiry {
  border-color: #9FB2C6;
  color: #9FB2C6;
}

/* line 97, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .body.booking_state.request, .trip-messages .body.booking_state.unavailable_request {
  border-color: #f0ad4e;
  color: #f0ad4e;
}

/* line 101, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .body.booking_state.request.customer, .trip-messages .body.booking_state.unavailable_request.customer {
  border-color: #449dfd;
  color: #449dfd;
}

/* line 107, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .body.booking_state.request_accepted {
  border-color: #449dfd;
  color: #449dfd;
}

/* line 111, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .body.booking_state.request_accepted.customer {
  border-color: #f0ad4e;
  color: #f0ad4e;
}

/* line 117, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .body.booking_state.request_declined, .trip-messages .body.booking_state.expired, .trip-messages .body.booking_state.cancelled, .trip-messages .body.booking_state.pending_cancellation, .trip-messages .body.booking_state.inquiry_auto_declined_by_traveller {
  border-color: #d9534f;
  color: #d9534f;
}

/* line 122, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .body.booking_state.confirmed, .trip-messages .body.booking_state.date_change_request, .trip-messages .body.booking_state.date_change_request_accepted, .trip-messages .body.booking_state.date_change_request_declined, .trip-messages .body.booking_state.date_change_request_auto_declined, .trip-messages .body.booking_state.dates_changed_by_admin {
  border-color: #13d483;
  color: #13d483;
}

/* line 129, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages p.meta {
  margin: -12px 0 0 0;
  padding: 0 21px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #8598AC;
  text-align: right;
}

/* line 139, app/assets/stylesheets/shared/components/trip-messages/trip-messages.scss */
.trip-messages .sent .meta {
  text-align: left;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/components/trip_date_and_policy/trip-date-and-policy.scss */
.trip-date-and-policy {
  display: flex;
  justify-content: space-evenly;
  font-size: 14px;
}

/* line 8, app/assets/stylesheets/shared/components/trip_date_and_policy/trip-date-and-policy.scss */
.trip-date-and-policy hr {
  display: none;
}

@media only screen and (max-width: 767px) {
  /* line 15, app/assets/stylesheets/shared/components/trip_date_and_policy/trip-date-and-policy.scss */
  .trip-date-and-policy hr {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    width: 100%;
  }
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/components/trust_block.scss */
.trust-block {
  background: #F6F8F9;
  padding: 36px 40px;
  border-radius: 11px;
  gap: 21px;
  margin-top: 67px;
}

@media (max-width: 991px) {
  /* line 3, app/assets/stylesheets/shared/components/trust_block.scss */
  .trust-block {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  /* line 3, app/assets/stylesheets/shared/components/trust_block.scss */
  .trust-block {
    margin-top: 0px;
  }
}

/* line 18, app/assets/stylesheets/shared/components/trust_block.scss */
.trust-block .allianz-logo {
  margin-bottom: 20px;
}

/* line 21, app/assets/stylesheets/shared/components/trust_block.scss */
.trust-block .allianz-logo img {
  margin-right: 9px;
}

/* line 25, app/assets/stylesheets/shared/components/trust_block.scss */
.trust-block .allianz-logo span {
  color: #8598AC;
  font-size: 14px;
}

/* line 32, app/assets/stylesheets/shared/components/trust_block.scss */
.trust-block .text-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* line 38, app/assets/stylesheets/shared/components/trust_block.scss */
.trust-block .text-content li {
  margin-bottom: 21px;
  background: url(/assets/icon_circle_check-442acc6e304b0a7dd90f158181267a0570b4d6c448b14acb0b76fd885c2a71da.svg) no-repeat left top;
  background-size: 18px 18px;
  padding-left: 28px;
  background-position: 0 2px;
}

/* line 47, app/assets/stylesheets/shared/components/trust_block.scss */
.trust-block .trustpilot {
  border-radius: 7px;
  background-color: #FFF;
  border: 1px solid #D8E0E9;
  padding: 20px 20px;
  gap: 10px;
  white-space: pre-wrap;
  margin-bottom: 20px;
  font-size: 14px;
  max-width: 450px;
}

/* line 58, app/assets/stylesheets/shared/components/trust_block.scss */
.trust-block .trustpilot .trustpilot-stars {
  max-width: 90px;
  margin: 0 10px;
}

/* line 65, app/assets/stylesheets/shared/components/trust_block.scss */
.trust-contact {
  background: #F6F8F9;
  border-radius: 11px;
  padding-right: 100px;
}

/* line 70, app/assets/stylesheets/shared/components/trust_block.scss */
.trust-contact strong {
  color: #212D3A;
  font-weight: 500;
}

/* line 75, app/assets/stylesheets/shared/components/trust_block.scss */
.trust-contact a {
  font-weight: 600;
}

/* line 80, app/assets/stylesheets/shared/components/trust_block.scss */
.contact-photo {
  margin-left: -100px;
}
/* line 2, app/assets/stylesheets/shared/coupons/index.scss */
.coupon_code .label {
  font-family: monospace;
  font-size: 13px;
  font-weight: normal;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/datepicker.scss */
input.has_datepicker {
  background-image: url(/assets/icon_calendar-7228048709b76fa574f89e343e132828e40f0250eda312fc7a7071fd0885b896.svg);
  background-repeat: no-repeat;
  background-position: 10px 17px;
  background-size: 14px auto;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/*******************************************************
Variables
*******************************************************/
/*******************************************************
Main Slider basics
*******************************************************/
/* line 25, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat {
  position: relative;
}

/* line 28, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input[type="checkbox"] {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 0%;
  margin: 0 0;
  cursor: pointer;
  opacity: 0;
}

/* line 42, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input[type="checkbox"]:focus + *:before {
  outline: 0;
}

/* line 48, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input + span {
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}

/* line 52, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input + span:before {
  position: absolute;
  left: 0px;
  display: inline-block;
}

/* line 58, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input + span > h4 {
  display: inline;
}

/* line 62, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input + span.checkbox__label-text-block {
  display: block;
}

/* line 69, vendor/assets/stylesheets/titatoggle.scss */
.form-horizontal [class^='checkbox'] input + span:after {
  top: 7px;
}

/*******************************************************
Main Slider
*******************************************************/
/* line 83, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input + span {
  padding-left: 40px;
}

/* line 86, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input + span:before {
  content: "";
  height: 20px;
  width: 40px;
  background: rgba(100, 100, 100, 0.2);
  transition: background .2s ease-out;
}

/* line 94, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input + span:after {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
  top: 0;
  display: block;
  background: #FFF;
  transition: margin-left 0.1s ease-in-out;
  text-align: center;
  font-weight: bold;
  content: "";
}

/* line 109, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input:checked + span:after {
  margin-left: 20px;
  content: "";
}

/* line 113, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input:checked + span:before {
  transition: background .2s ease-in;
}

/*******************************************************
Slider B
*******************************************************/
/* line 130, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input + span {
  display: flex;
  padding-left: 40px;
}

/* line 135, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input + span:before {
  border-radius: 20px;
  width: 40px;
}

/* line 140, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input + span:after {
  background: #FFF;
  content: "";
  width: 20px;
  border: solid transparent 2px;
  background-clip: padding-box;
  border-radius: 20px;
}

/* line 148, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input:checked + span:after {
  content: "";
  margin-left: 20px;
  border: solid transparent 2px;
  background-clip: padding-box;
}

/* line 155, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input:checked + span:before {
  background: #13d483;
}

/******************************************************
State Disabled
*******************************************************/
/* line 169, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input:disabled + span:after {
  border: solid transparent 2px;
  border-radius: 40px;
}

/* line 173, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input:disabled + span:before {
  box-shadow: 0 0 0 black;
}

/* line 174, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input:disabled + span {
  color: #adb5bd;
}

/* line 178, vendor/assets/stylesheets/titatoggle.scss */
.checkbox-slider--b-flat input:disabled:checked + span:before {
  background: #adb5bd;
}

/* line 5, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .noUi-target {
  background: #d8e0e9 !important;
}

/* line 9, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .glider-contain,
.filter_experiment .js-listing-glider,
.filter_experiment .glider-track {
  height: 100%;
}

@media (max-width: 992px) {
  /* line 16, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .glider-slide {
    width: 100vw;
    min-width: 100vw;
  }
  /* line 20, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .hero .search_bar {
    padding-bottom: 50px;
  }
}

/* line 25, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .static-image {
  display: block;
}

@media (max-width: 992px) {
  /* line 25, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .static-image {
    display: none !important;
  }
}

/* line 32, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .results-glider {
  display: none;
}

@media (max-width: 992px) {
  /* line 32, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .results-glider {
    display: block;
  }
}

/* line 39, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .hero__inner.search_bar {
  padding-bottom: 100px;
}

/* line 43, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .hero__inner + .hero__inner {
  padding-bottom: 50px;
}

@media (max-width: 992px) {
  /* line 43, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .hero__inner + .hero__inner {
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
  }
}

/* line 54, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .hero__image {
  -o-object-position: center top !important;
     object-position: center top !important;
}

@media (max-width: 992px) {
  /* line 54, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .hero__image {
    -o-object-position: center !important;
       object-position: center !important;
  }
}

/* line 61, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .hero__image-wrapper {
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
}

/* line 69, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .hero--home {
  padding-bottom: 0 !important;
}

@media only screen and (min-device-width: 768px) {
  /* line 69, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .hero--home {
    padding-top: 50px;
  }
}

@media only screen and (min-device-width: 480px) {
  /* line 69, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .hero--home {
    padding-top: 80px;
  }
}

/* line 79, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .hero__subtitle {
  display: block !important;
  font-size: 18px;
}

/* line 84, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .hero__search-form {
  padding-bottom: 250px;
  width: 95% !important;
}

/* line 89, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .hero__search-mobile-form {
  width: calc(100% - 40px);
  margin: auto auto 40% auto;
}

/* line 93, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .hero__search-mobile-form button {
  left: 0;
  width: 100%;
  color: #303030;
  border-radius: 10px;
}

/* line 101, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .social-proof {
  position: relative;
  background: #f5f8f9;
  color: #6f8093;
  margin-top: 0;
}

/* line 108, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment.no-scroll {
  position: fixed !important;
  overflow: hidden !important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  box-sizing: border-box;
}

/* line 120, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar {
  padding-top: 20px;
}

@media (max-width: 992px) {
  /* line 120, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .search_bar {
    padding-top: 0;
  }
}

/* line 128, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .radio__with_no_input label {
  padding-left: 15px !important;
}

/* line 131, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .radio__with_no_input label::before {
  display: none;
}

/* line 138, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .radio__with_border label {
  border: 1px solid #eee;
  padding: 15px 10px 15px 50px;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 500;
  width: 100%;
}

/* line 146, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .radio__with_border label::before {
  left: -6px;
}

/* line 152, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .radio input:checked + label {
  border-color: #459dfd;
  box-shadow: 0 0 3px 3px rgba(69, 157, 253, 0.11);
  color: #303030;
}

/* line 160, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox__pull_right {
  display: flex;
  justify-content: space-between;
}

/* line 164, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox__pull_right label {
  padding: 0;
}

/* line 169, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox.pet-checkbox {
  margin-top: 10px !important;
  display: block;
}

/* line 176, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox.pet-checkbox input:checked + span:after {
  margin-left: 25px;
}

/* line 180, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox.pet-checkbox input:checked + span:before {
  background: #13d483;
}

/* line 186, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox.pet-checkbox input + span {
  padding-left: 40px;
  color: #000;
}

/* line 190, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox.pet-checkbox input + span p,
.filter_experiment .search_bar .checkbox.pet-checkbox input + span b {
  padding-top: 4px;
  display: block;
}

/* line 196, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox.pet-checkbox input + span:before {
  background: #9fb2c6;
  width: 50px;
  height: 25px;
}

/* line 202, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox.pet-checkbox input + span:after {
  width: 25px;
  height: 25px;
  background-image: url(/assets/icon_pets-b41532d0c2eeacfe9d45e08c25d37c88f9a1dca573b2950ddd49a5a2ab63373c.svg);
}

/* line 211, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox__center {
  margin: 20px auto !important;
  width: -moz-fit-content;
  width: fit-content;
}

/* line 218, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox__with_icon label::after, .filter_experiment .search_bar .checkbox__with_icon label::before {
  content: none;
}

/* line 223, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox__with_icon label svg {
  max-width: 20px;
  max-height: 20px;
  margin-left: -20px;
  top: 1px !important;
  left: -12px !important;
}

/* line 234, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox__with_border .counter {
  position: absolute;
  right: 0;
  top: 0;
  margin: 13px;
}

/* line 242, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox__with_border.with-tooltip label {
  width: 100%;
}

/* line 247, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox__with_border svg {
  position: relative;
  top: 3px;
  left: 5px;
  margin-right: 0;
}

/* line 254, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox__with_border label {
  border: 1px solid #f2f4f7;
  padding: 15px 10px 15px 50px;
  border-radius: 7px;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
}

/* line 262, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox__with_border label::after {
  margin: 16px 17px;
  width: 20px;
  height: 20px;
  border-color: #d8e0e9;
}

/* line 269, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox__with_border label::before {
  margin-top: 20px !important;
  margin-left: 20px;
  transition: none !important;
}

/* line 277, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox__with_border input:checked + label {
  border-color: #459dfd;
  box-shadow: 0 0 3px 3px rgba(69, 157, 253, 0.11);
  color: #303030;
}

/* line 282, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox__with_border input:checked + label svg {
  color: #459dfd !important;
}

/* line 285, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox__with_border input:checked + label svg path {
  stroke: #000;
}

/* line 289, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox__with_border input:checked + label svg rect {
  fill: #000;
}

/* line 294, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox__with_border input:checked + label::after {
  border-color: #459dfd;
}

/* line 300, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .checkbox__with_border .help_tooltip {
  position: absolute !important;
  top: 0 !important;
  right: 40px !important;
}

/* line 308, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer {
  z-index: 101;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
  background: #fff;
  border-radius: 30px 30px 0 0;
  transition: 0.3s ease;
  padding: 60px 10px 85px;
  max-height: 100%;
}

@media (min-width: 992px) {
  /* line 308, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .search_bar .drawer {
    height: 86%;
    width: 1000px;
    margin: auto;
    border-radius: 30px;
    padding: 45px 10px 85px;
  }
}

/* line 329, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar #location-tab.drawer {
  padding-top: 20px;
}

/* line 332, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar #location-tab.drawer .drawer__close {
  z-index: 1;
  top: 11px;
  color: #9fb2c6;
  right: 11px;
}

/* line 340, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer__header {
  font-size: 20px !important;
  color: #303030 !important;
  text-align: center;
  margin-top: -20px !important;
  margin-bottom: 5px;
}

/* line 347, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer__header + h1 {
  margin: 0;
  text-align: center;
}

/* line 353, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer__reset {
  position: absolute;
  top: 0;
  left: 0;
  margin: 23px 20px;
  color: #677a8d;
  font-weight: 500;
}

/* line 362, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer__button {
  background: #13d483 !important;
  width: calc(100% - 40px) !important;
  color: #fff !important;
  font-size: 17px !important;
  margin: 10px;
  padding: 12px 0 !important;
  border: none !important;
  height: auto !important;
  border-radius: 100px !important;
  position: absolute;
  bottom: 15px;
}

@media (min-width: 992px) {
  /* line 362, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .search_bar .drawer__button {
    width: 50% !important;
    transform: translateX(calc(50% - 12px));
    bottom: 0;
  }
}

/* line 381, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer__close {
  background: #F7F8F9;
  width: 35px;
  height: 35px;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 15px;
  font-weight: bold;
}

/* line 397, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer.show {
  transform: translateY(0%);
}

/* line 402, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer .drp-wrapper {
  padding: 0 !important;
  margin-top: -10px;
}

/* line 406, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer .drp-wrapper .flatpickr-calendar {
  width: 100%;
  box-shadow: none;
}

/* line 410, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer .drp-wrapper .flatpickr-calendar .flatpickr-innerContainer {
  justify-content: center;
}

/* line 414, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer .drp-wrapper .flatpickr-calendar .flatpickr-day {
  max-width: 100% !important;
}

/* line 418, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer .drp-wrapper .flatpickr-calendar .flatpickr-current-month {
  font-size: 18px;
  font-weight: 600;
}

/* line 422, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer .drp-wrapper .flatpickr-calendar .flatpickr-current-month input {
  font-size: inherit;
}

/* line 429, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer #drawer-container {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
}

/* line 434, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer #drawer-container .panel {
  border: none;
  border-top: 2px solid #F7F8F9;
}

/* line 438, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer #drawer-container .panel:first-child {
  border: none !important;
}

/* line 442, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer #drawer-container .panel .panel-heading {
  padding: 20px 0 16px 6px;
  font-size: 16px;
  border: none;
}

@media (max-width: 992px) {
  /* line 442, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .search_bar .drawer #drawer-container .panel .panel-heading {
    padding: 20px 0 0 0;
  }
}

/* line 452, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer #drawer-container .panel .panel-title {
  font-size: 16px;
  font-weight: 600;
}

/* line 456, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer #drawer-container .panel .panel-title .toggle {
  position: absolute;
  top: 11px;
  right: 0;
  margin: 13px;
}

/* line 462, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer #drawer-container .panel .panel-title .toggle .label_more {
  display: none;
}

/* line 468, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer #drawer-container .panel .panel-title.collapsed .label_more {
  display: block;
}

/* line 472, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer #drawer-container .panel .panel-title.collapsed .label_less {
  display: none;
}

/* line 481, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .drawer .justify-center label {
  display: flex;
  justify-items: center;
}

/* line 488, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .panel-body {
  padding: 0 0 20px 0;
}

/* line 489, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .panel-body-switch {
  padding-top: 10px;
}

/* line 493, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .panel-body.cancellation_policy {
  padding-bottom: 0;
}

/* line 496, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .panel-body.cancellation_policy label {
  padding-left: 0;
}

@media (max-width: 768px) {
  /* line 496, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .search_bar .panel-body.cancellation_policy label {
    font-size: 0.9375rem;
  }
}

/* line 503, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .panel-body.cancellation_policy .checkbox-slider--b-flat {
  position: relative !important;
  top: -4px;
}

@media (max-width: 768px) {
  /* line 503, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .search_bar .panel-body.cancellation_policy .checkbox-slider--b-flat {
    top: 0;
  }
}

/* line 512, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .panel-body.quadra-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px;
}

/* line 518, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .panel-body.quadra-body .checkbox {
  width: calc(50% - 10px);
  height: 90px;
  margin: 5px !important;
  display: block;
}

/* line 524, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .panel-body.quadra-body .checkbox label {
  height: 100%;
  padding: 50px 0 0 0;
  text-align: center;
  display: block;
  width: 100%;
}

/* line 531, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .panel-body.quadra-body .checkbox label svg {
  position: absolute;
  top: 25px !important;
  left: calc(50% + 5px) !important;
}

/* line 536, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .panel-body.quadra-body .checkbox label svg.icon-bed-bigger {
  left: calc(50% + 11px) !important;
  transform: scale(1.5);
}

/* line 548, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .mobile-filter-tab-group {
  height: 36px;
}

/* line 552, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .mobile-filter-tab-group .tab-button {
  background: #F7F8F9;
  font-size: 14px;
  height: 38px;
  border: none;
  color: #8598ac;
  width: 32%;
  font-weight: 500;
  border-radius: 10px;
  white-space: nowrap;
}

/* line 563, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .mobile-filter-tab-group .tab-button.active {
  color: #222;
}

/* line 567, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .mobile-filter-tab-group .tab-button:last-child {
  background: #fd4452;
  color: #fff;
  width: 27%;
}

/* line 573, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .mobile-filter-tab-group .tab-button svg {
  pointer-events: none;
}

/* line 577, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .mobile-filter-tab-group .tab-button:first-child {
  width: 35%;
}

/* line 582, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .mobile-filter-tab-group .form-group {
  z-index: 6;
  position: fixed;
  width: 100%;
  left: 0;
  top: 120px;
  right: 0;
  padding: 10px 15px;
  background-image: linear-gradient(to bottom, #ffffff4a, #fff0);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
}

/* line 599, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .places_autocomplete__radius {
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
}

/* line 604, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .places_autocomplete__radius .radio {
  margin: 0 !important;
  width: 23%;
}

/* line 608, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .places_autocomplete__radius .radio input {
  visibility: hidden;
}

/* line 612, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .places_autocomplete__radius .radio input:checked + label {
  border-color: #459dfd;
  box-shadow: 0 0 3px 3px rgba(69, 157, 253, 0.11);
  color: #303030;
}

/* line 620, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .places_autocomplete__radius .radio label {
  background: #F7F8F9;
  border: 1px solid #F7F8F9;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  height: 38px;
  padding: 9px;
  width: 100%;
  justify-content: center;
  white-space: nowrap;
}

/* line 632, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .places_autocomplete__radius .radio label::before {
  display: none;
}

/* line 639, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .places_autocomplete__input {
  position: relative;
}

/* line 642, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .places_autocomplete__input::before {
  content: "";
  position: absolute;
  background-image: url(/assets/icon_filter_location-5b1f04ffba244c69d52242682bdd6b695a61b16a165a0c6e69b6a3808188c8da.svg);
  background-repeat: no-repeat;
  background-position: left top;
  width: 18px;
  top: 15px;
  left: 29px;
  height: 20px;
  background-size: 17px;
}

/* line 655, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .places_autocomplete__input input {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 10px 8px 4px;
  gap: 2px;
  outline: none;
  border: none;
  border-radius: 10px;
  background: #f7f8f9;
  font-size: 15px;
  height: 48px;
  padding-left: 40px;
  width: calc(100% - 30px);
  margin: auto;
  z-index: 9000;
  color: black;
  font-weight: 500;
}

/* line 676, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .places_autocomplete .places-results {
  position: relative;
}

/* line 679, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .places_autocomplete .places-results .pac-container,
.filter_experiment .search_bar .places_autocomplete .places-results .pac-container-mock {
  position: relative !important;
  display: block !important;
  box-shadow: none !important;
  top: inherit !important;
  left: inherit !important;
  width: 100% !important;
  border: none;
  font-size: 14px;
  font-family: inherit;
  padding: 0 15px;
}

/* line 692, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .places_autocomplete .places-results .pac-container::after,
.filter_experiment .search_bar .places_autocomplete .places-results .pac-container-mock::after {
  display: none;
}

/* line 696, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .places_autocomplete .places-results .pac-container .pac-item,
.filter_experiment .search_bar .places_autocomplete .places-results .pac-container-mock .pac-item {
  font-size: inherit;
  padding: 10px 0;
  border: none;
}

/* line 701, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .places_autocomplete .places-results .pac-container .pac-item span,
.filter_experiment .search_bar .places_autocomplete .places-results .pac-container-mock .pac-item span {
  pointer-events: none;
}

/* line 705, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .places_autocomplete .places-results .pac-container .pac-item.around-me,
.filter_experiment .search_bar .places_autocomplete .places-results .pac-container-mock .pac-item.around-me {
  background: none !important;
  font-weight: 500;
  display: flex;
  color: #459dfd;
  padding: 0;
  align-items: center;
}

/* line 713, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .places_autocomplete .places-results .pac-container .pac-item.around-me span,
.filter_experiment .search_bar .places_autocomplete .places-results .pac-container-mock .pac-item.around-me span {
  padding-left: 10px;
}

/* line 718, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .places_autocomplete .places-results .pac-container .pac-item .pac-item-query,
.filter_experiment .search_bar .places_autocomplete .places-results .pac-container-mock .pac-item .pac-item-query {
  font-weight: 500;
  font-size: inherit;
}

/* line 727, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .range-slider {
  padding: 50px 25px 25px 15px;
}

@media (min-width: 992px) {
  /* line 727, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .search_bar .range-slider {
    padding: 50px 100px 30px;
  }
}

/* line 734, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__group {
  display: flex;
  max-width: 960px;
  margin: auto;
}

/* line 739, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__group .clear-dates {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  margin: 14px;
  color: #9fb2c6;
}

/* line 749, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__dropdown {
  display: none;
  padding: 10px !important;
}

/* line 753, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__dropdown h4 {
  text-align: center;
  color: #505050;
}

/* line 758, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__dropdown h5 {
  text-align: center;
}

/* line 762, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__dropdown .drawer__button {
  position: relative;
  width: calc(100% - 20px) !important;
  transform: none;
}

/* line 769, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__button {
  width: 208px;
  border-radius: 0 50px 50px 0;
  height: 50px;
  background: #fc4452;
  margin-left: 2px;
  top: 2px;
  color: #fff;
  white-space: nowrap;
}

/* line 779, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__button span,
.filter_experiment .search_bar__button svg {
  pointer-events: none;
}

/* line 786, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .half-way-checkboxes .radio,
.filter_experiment .search_bar .half-way-checkboxes .checkbox {
  margin-top: -5px;
  width: calc(50% - 5px);
  float: left;
  margin-left: 5px;
}

/* line 794, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .half-way-checkboxes .subtitle {
  float: left;
  display: block;
  width: 100%;
  clear: both;
  font-size: 15px;
  padding: 0 0 10px 7px;
}

/* line 804, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__input {
  width: calc(100% / 3 - 74px);
  height: 50px;
  position: relative;
  margin: 2px;
}

/* line 810, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__input .pet-checkbox span b {
  display: inherit !important;
  position: relative;
  top: 4px;
}

/* line 816, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__input .select-wrapper {
  margin-top: 0 !important;
  border-color: transparent;
}

/* line 820, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__input .select-wrapper::before {
  width: 17px !important;
  height: 13px !important;
  background-size: 17px !important;
}

/* line 828, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__input.show .search_bar__dropdown {
  display: block !important;
  position: relative;
  z-index: 1;
}

/* line 836, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__input .places_autocomplete__input input {
  margin: 0;
  width: 100% !important;
  border-radius: 50px 0 0 50px;
  padding-left: 53px;
  height: 50px;
}

/* line 843, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__input .places_autocomplete__input input::placeholder {
  color: #677a8d !important;
}

/* line 849, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__input .flatpickr-calendar {
  box-shadow: none !important;
}

/* line 853, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__input .drp-wrapper {
  background: white;
  padding: 0;
  width: 330px;
  border-radius: 10px;
  box-shadow: 0 2px 7px #00000026;
  overflow: hidden;
  position: relative;
  z-index: 100;
}

/* line 863, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__input .drp-wrapper .numInputWrapper {
  position: relative;
  top: -18px;
}

/* line 868, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__input .drp-wrapper .panel-body {
  padding: 0 !important;
  display: flex !important;
}

/* line 874, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar__input--placeholder {
  height: 50px;
  display: flex;
  align-items: center;
  background-color: #f7f8f9 !important;
  background-size: 18px !important;
  padding: 0 10px;
  color: #677a8d !important;
  font-size: inherit !important;
  font-weight: 500;
  padding-left: 38px;
}

/* line 888, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search_bar .panel {
  padding: 0 10px 0 10px !important;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  /* line 888, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .search_bar .panel {
    padding: 0 0 20px 0 !important;
    margin: 0 10px;
  }
}

/* line 899, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search-place-button {
  background: #f7f8f9;
  height: 50px;
  border: none;
  color: #8598ac;
  font-weight: 500;
  border-radius: 10px;
  width: calc(100% - 30px);
  margin: 0 15px;
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 15px;
}

/* line 913, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search-place-button svg {
  width: 35px;
  margin: 0 10px 0 -15px;
}

/* line 918, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .search-place-button.active {
  color: #000;
}

/* line 926, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .v2-filters #flatpickr-instance input {
  border-radius: 5px;
  height: 40px;
}

/* line 931, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .v2-filters #flatpickr-instance > span {
  top: -28px;
}

/* line 937, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .v2-filters .input_checkbox + label::after {
  margin: 10px 19px;
}

/* line 941, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .v2-filters .input_checkbox + label::before {
  margin-top: 13px !important;
  margin-left: 22px !important;
}

/* line 947, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .v2-filters .checkbox__with_icon label svg {
  max-width: 20px;
  max-height: 20px;
  top: 10px !important;
  left: 15px !important;
  position: absolute;
  margin-left: 0;
}

/* line 957, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .flatpickr-calendar.arrowTop:before {
  display: none;
}

/* line 961, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment .pac-container.pac-logo.hdpi {
  display: none !important;
}

@media (max-width: 768px) {
  /* line 968, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .listing-overview__item {
    padding: 0;
  }
  /* line 971, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .listing-overview__item .title {
    padding: 12px 15px 2px 15px;
    font-size: 0.9375rem;
  }
  /* line 976, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .listing-overview__item .dates {
    padding: 0 15px 6px 35px;
    background-position: 15px 0;
  }
  /* line 981, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .listing-overview__item .meta {
    padding: 0 15px 6px 15px;
  }
  /* line 987, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment .listings.overview {
    margin: 0 -15px 0;
  }
}

/* line 992, app/assets/stylesheets/shared/experiments.scss */
.filter_experiment #listings_search_title {
  margin: 10px 0 35px;
  font-weight: 500;
}

@media (max-width: 768px) {
  /* line 992, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment #listings_search_title {
    font-size: 14px !important;
  }
}

@media (min-width: 0) {
  /* line 1003, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment div.hero__search-form {
    margin-top: 135px;
  }
}

@media (min-width: 365px) {
  /* line 1008, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment div.hero__search-form {
    margin-top: 180px;
  }
}

@media (min-width: 480px) {
  /* line 1014, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment div.hero__search-form {
    margin-top: 120px;
  }
}

@media (min-width: 768px) {
  /* line 1020, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment div.hero__search-form {
    margin-top: 60px;
  }
}

@media (min-width: 1025px) {
  /* line 1025, app/assets/stylesheets/shared/experiments.scss */
  .filter_experiment div.hero__search-form {
    margin-top: 90px;
  }
}

@media (max-width: 371px) {
  /* line 1033, app/assets/stylesheets/shared/experiments.scss */
  .home .hero .hero__inner .hero__search-form {
    margin-top: 318px;
  }
}

@media (max-height: 680px) {
  /* line 1040, app/assets/stylesheets/shared/experiments.scss */
  .home .hero .hero__inner > .hero__intro > h1 {
    margin-top: -10px;
  }
}

@media (orientation: portrait) and (min-width: 480px) and (max-width: 767px) and (max-height: 745px) {
  /* line 1046, app/assets/stylesheets/shared/experiments.scss */
  .home .de.hero .hero__inner .hero__search-form, .home .fr.hero .hero__inner .hero__search-form {
    margin-top: calc(100vh - 482px);
  }
}

@media (min-width: 768px) {
  /* line 1051, app/assets/stylesheets/shared/experiments.scss */
  .home .de.hero .hero__inner > .hero__intro > h1, .home .fr.hero .hero__inner > .hero__intro > h1 {
    margin-top: -50px;
  }
}

@media (max-width: 480px) {
  /* line 1044, app/assets/stylesheets/shared/experiments.scss */
  .home .de.hero, .home .fr.hero {
    height: calc(100vh - 185px);
  }
  /* line 1058, app/assets/stylesheets/shared/experiments.scss */
  .home .de.hero .hero__inner .hero__search-form, .home .fr.hero .hero__inner .hero__search-form {
    margin-top: calc(100vh - 510px);
  }
}

@media (max-width: 480px) and (max-height: 670px) {
  /* line 1044, app/assets/stylesheets/shared/experiments.scss */
  .home .de.hero, .home .fr.hero {
    height: calc(100vh - 120px);
  }
  /* line 1065, app/assets/stylesheets/shared/experiments.scss */
  .home .de.hero .hero__inner .hero__search-form, .home .fr.hero .hero__inner .hero__search-form {
    margin-top: calc(100vh - 440px);
  }
}

@media (max-width: 480px) and (max-height: 680px) {
  /* line 1071, app/assets/stylesheets/shared/experiments.scss */
  .home .de.hero picture, .home .fr.hero picture {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  /* line 1077, app/assets/stylesheets/shared/experiments.scss */
  .home .de.hero picture .hero__image, .home .fr.hero picture .hero__image {
    scale: 1.4;
    margin: -16% 8%;
  }
}

@media (min-width: 992px) and (max-height: 720px) {
  /* line 1044, app/assets/stylesheets/shared/experiments.scss */
  .home .de.hero, .home .fr.hero {
    height: 630px;
  }
  /* line 1088, app/assets/stylesheets/shared/experiments.scss */
  .home .de.hero .hero__intro, .home .fr.hero .hero__intro {
    margin-top: 390px;
  }
}

/* line 1096, app/assets/stylesheets/shared/experiments.scss */
.home .hero__title {
  text-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
}

/* line 1100, app/assets/stylesheets/shared/experiments.scss */
.home .hero__subtitle {
  text-shadow: rgba(0, 0, 0, 0.2) 0 0 6px;
  display: none;
}

/* line 1105, app/assets/stylesheets/shared/experiments.scss */
.home .hero__image {
  -o-object-position: 25% 100%;
     object-position: 25% 100%;
}

/* line 1109, app/assets/stylesheets/shared/experiments.scss */
.home .hero__intro {
  order: 0;
}

/* line 1113, app/assets/stylesheets/shared/experiments.scss */
.home .hero__search-form {
  order: 1;
  margin-top: 127px;
}

/* line 1118, app/assets/stylesheets/shared/experiments.scss */
.home .social-proof.social-proof--with-media {
  position: relative;
  margin-top: 0;
  background-color: #f6f8f9;
  color: #677a8d;
}

/* line 1125, app/assets/stylesheets/shared/experiments.scss */
.home .hero > div:nth-of-type(3) {
  display: none;
}

/* line 1129, app/assets/stylesheets/shared/experiments.scss */
.home .hero {
  height: 630px;
}

/* line 1133, app/assets/stylesheets/shared/experiments.scss */
.home .hero__title {
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 365px) {
  /* line 1140, app/assets/stylesheets/shared/experiments.scss */
  .home .hero {
    height: 645px;
  }
}

@media (min-width: 401px) {
  /* line 1147, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__image {
    -o-object-position: 25% 100%;
       object-position: 25% 100%;
  }
  /* line 1151, app/assets/stylesheets/shared/experiments.scss */
  .home .hero {
    height: 630px;
  }
  /* line 1155, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__title {
    margin-top: 0;
  }
}

@media (min-width: 480px) {
  /* line 1161, app/assets/stylesheets/shared/experiments.scss */
  .home .hero {
    height: 630px;
  }
  /* line 1165, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__intro {
    margin-top: -30px;
  }
  /* line 1169, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__search-form {
    margin-top: 90px;
  }
}

@media (max-width: 580px) {
  /* line 1175, app/assets/stylesheets/shared/experiments.scss */
  .home .home .hero__image {
    -o-object-position: 0 100%;
       object-position: 0 100%;
  }
}

@media (min-width: 768px) {
  /* line 1183, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__title {
    font-size: 2.6rem;
  }
  /* line 1187, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__image {
    -o-object-position: 0 60%;
       object-position: 0 60%;
  }
  /* line 1191, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__intro {
    margin-top: -35px;
  }
  /* line 1195, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__search-form {
    margin-top: 255px;
  }
  /* line 1199, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__subtitle {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 893px) {
  /* line 1206, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__search-form {
    margin-top: 265px;
  }
}

@media (max-width: 480px) {
  /* line 1213, app/assets/stylesheets/shared/experiments.scss */
  .home .hero .hero__search-form {
    margin-top: 328px;
  }
  /* line 1217, app/assets/stylesheets/shared/experiments.scss */
  .home .hero .hero__title {
    font-size: 25px;
    max-width: 300px;
  }
}

@media (min-width: 481px) {
  /* line 1225, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__image {
    -o-object-position: 0 75%;
       object-position: 0 75%;
  }
}

@media (max-width: 768px) {
  /* line 1232, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__search-form {
    margin-top: 270px;
  }
}

@media (min-width: 750px) {
  /* line 1238, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__image {
    -o-object-position: 0 64%;
       object-position: 0 64%;
  }
}

@media (min-width: 992px) {
  /* line 1244, app/assets/stylesheets/shared/experiments.scss */
  .home .hero {
    height: 680px;
  }
  /* line 1248, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__title {
    max-width: 800px;
  }
  /* line 1252, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__image {
    -o-object-position: 0 50%;
       object-position: 0 50%;
  }
  /* line 1256, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__intro {
    order: 1;
    margin-top: 390px;
  }
  /* line 1261, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__search-form {
    order: 0;
    margin-top: 0;
  }
  /* line 1266, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__subtitle {
    display: block;
  }
}

@media (min-width: 1025px) {
  /* line 1272, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__image {
    -o-object-position: 12% 90%;
       object-position: 12% 90%;
  }
}

@media (min-width: 1441px) {
  /* line 1278, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__image {
    -o-object-position: 0 50%;
       object-position: 0 50%;
  }
}

@media (min-width: 1801px) {
  /* line 1286, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__subtitle {
    max-width: 100%;
  }
  /* line 1290, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__image {
    -o-object-position: 0 50%;
       object-position: 0 50%;
  }
}

@media (min-width: 2081px) {
  /* line 1296, app/assets/stylesheets/shared/experiments.scss */
  .home .hero__image {
    -o-object-position: 0 50%;
       object-position: 0 50%;
  }
}

@media (min-width: 770px) {
  /* line 1304, app/assets/stylesheets/shared/experiments.scss */
  .hero__gradient-bottom {
    bottom: 0;
    height: 170px;
    z-index: 1;
    width: 100%;
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    transform: matrix(1, 0, 0, -1, 0, 0);
  }
}

@media (max-width: 1023px) {
  /* line 1316, app/assets/stylesheets/shared/experiments.scss */
  .hero__gradient-top {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    top: 0;
    height: 233px;
    z-index: 1;
    width: 100%;
    position: absolute;
  }
}

@media (min-width: 1024px) {
  /* line 1327, app/assets/stylesheets/shared/experiments.scss */
  .hero__gradient-top {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    top: 0;
    height: 100px;
    z-index: 1;
    width: 100%;
    position: absolute;
  }
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 8, app/assets/stylesheets/shared/form/checkbox.scss */
.checkbox {
  margin-bottom: 5px;
}

/* line 13, app/assets/stylesheets/shared/form/checkbox.scss */
.input_checkbox {
  position: absolute;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0;
  height: 16px;
  width: 16px;
  pointer-events: none;
}

/* line 24, app/assets/stylesheets/shared/form/checkbox.scss */
.input_checkbox + label {
  position: relative;
  padding-left: 22px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  transition: .28s ease;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}

/* line 36, app/assets/stylesheets/shared/form/checkbox.scss */
.input_checkbox + label::before,
.input_checkbox + label::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  z-index: 0;
  transition: .28s ease;
}

/* line 50, app/assets/stylesheets/shared/form/checkbox.scss */
.input_checkbox + label::after {
  border-radius: 2px;
  top: 0;
}

/* line 55, app/assets/stylesheets/shared/form/checkbox.scss */
.input_checkbox + label::before,
.input_checkbox + label::after {
  content: '';
  left: 0;
  position: absolute;
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1;
}

/* line 67, app/assets/stylesheets/shared/form/checkbox.scss */
.input_checkbox:not(:checked) + label::before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
}

/* line 77, app/assets/stylesheets/shared/form/checkbox.scss */
.input_checkbox:not(:checked) + label::after {
  background-color: transparent;
  border: 1px solid #8598AC;
  height: 16px;
  width: 16px;
  z-index: 0;
}

/* line 88, app/assets/stylesheets/shared/form/checkbox.scss */
.input_checkbox:checked + label::before {
  top: 0;
  left: 0;
  width: 7px;
  height: 11px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotateZ(37deg);
  margin-top: 2px;
  transition: .2s;
  transform-origin: 100% 100%;
}

/* line 103, app/assets/stylesheets/shared/form/checkbox.scss */
.input_checkbox:checked + label::after {
  border: 2px solid #449dfd;
  background-color: #449dfd;
  width: 16px;
  height: 16px;
  z-index: 0;
}

/* line 111, app/assets/stylesheets/shared/form/checkbox.scss */
.input_checkbox:checked + label .title {
  color: #212D3A;
}

/* line 117, app/assets/stylesheets/shared/form/checkbox.scss */
.input_checkbox:disabled + label {
  color: rgba(0, 0, 0, 0.26);
  cursor: not-allowed;
}

/* line 121, app/assets/stylesheets/shared/form/checkbox.scss */
.input_checkbox:disabled + label:hover, .input_checkbox:disabled + label:hover .title, .input_checkbox:disabled + label:hover .counter {
  color: inherit;
}

/* line 128, app/assets/stylesheets/shared/form/checkbox.scss */
.input_checkbox:disabled:not(:checked) + label::before {
  background-color: transparent;
  border: 2px solid transparent;
}

/* line 133, app/assets/stylesheets/shared/form/checkbox.scss */
.input_checkbox:disabled:not(:checked) + label::after {
  border-color: #9FB2C6;
  background-color: transparent;
}

/* line 138, app/assets/stylesheets/shared/form/checkbox.scss */
.input_checkbox:disabled:checked + label::before {
  background-color: transparent;
}

/* line 142, app/assets/stylesheets/shared/form/checkbox.scss */
.input_checkbox:disabled:checked + label::after {
  background-color: #9FB2C6;
  border-color: #9FB2C6;
}

/* line 152, app/assets/stylesheets/shared/form/checkbox.scss */
.checkbox--with-icon,
.checkbox--large {
  margin-bottom: 14px;
}

/* line 156, app/assets/stylesheets/shared/form/checkbox.scss */
.checkbox--with-icon + .checkbox,
.checkbox--large + .checkbox {
  margin-top: 0;
}

/* line 160, app/assets/stylesheets/shared/form/checkbox.scss */
.checkbox--with-icon .input_checkbox,
.checkbox--large .input_checkbox {
  width: 22px;
  height: 22px;
}

/* line 164, app/assets/stylesheets/shared/form/checkbox.scss */
.checkbox--with-icon .input_checkbox + label,
.checkbox--large .input_checkbox + label {
  padding-left: 36px;
  line-height: 22px;
  display: block;
}

/* line 170, app/assets/stylesheets/shared/form/checkbox.scss */
.checkbox--with-icon .input_checkbox + label::before,
.checkbox--large .input_checkbox + label::before {
  left: 3px;
  top: 2px;
}

/* line 175, app/assets/stylesheets/shared/form/checkbox.scss */
.checkbox--with-icon .input_checkbox + label::after,
.checkbox--large .input_checkbox + label::after {
  width: 22px;
  height: 22px;
}

/* line 180, app/assets/stylesheets/shared/form/checkbox.scss */
.checkbox--with-icon .input_checkbox:not(:checked) + label::after,
.checkbox--large .input_checkbox:not(:checked) + label::after {
  border-color: #d8e0e9;
}

/* line 184, app/assets/stylesheets/shared/form/checkbox.scss */
.checkbox--with-icon .input_checkbox:not(:checked):hover + label::after,
.checkbox--large .input_checkbox:not(:checked):hover + label::after {
  border-color: #212D3A;
}

/* line 188, app/assets/stylesheets/shared/form/checkbox.scss */
.checkbox--with-icon .input_checkbox:checked + label,
.checkbox--large .input_checkbox:checked + label {
  color: #212D3A;
}

/* line 196, app/assets/stylesheets/shared/form/checkbox.scss */
.input_checkbox_label::after,
.input_checkbox_label::before {
  top: 3px !important;
}

/* line 201, app/assets/stylesheets/shared/form/checkbox.scss */
.checkbox__icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 10px;
}

/* line 207, app/assets/stylesheets/shared/form/checkbox.scss */
.checkbox__icon path,
.checkbox__icon rect,
.checkbox__icon circle {
  fill: inherit;
  stroke: inherit;
  stroke-width: inherit;
  transform: inherit;
}

/* line 217, app/assets/stylesheets/shared/form/checkbox.scss */
.checkbox__label {
  display: inline;
  vertical-align: top;
  min-height: 22px;
  line-height: 22px;
}
/* line 1, app/assets/stylesheets/shared/form/conditional-form.scss */
.toggle-form-section {
  transition: .2s;
  transform: translateX(20px);
  transform-origin: bottom left;
  display: none;
  opacity: 0;
  visibility: hidden;
}

/* line 12, app/assets/stylesheets/shared/form/conditional-form.scss */
.section--is-visible {
  display: block;
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/form/help.scss */
.help-block {
  color: #8598AC;
  font-size: 12px;
  display: flex;
  align-items: flex-start;
}

/* line 9, app/assets/stylesheets/shared/form/help.scss */
.help-block ul {
  margin-top: 0.5em;
}

/* line 13, app/assets/stylesheets/shared/form/help.scss */
.help-block li {
  font-size: inherit !important;
}

/* line 18, app/assets/stylesheets/shared/form/help.scss */
.help-block__icon {
  margin-right: 0.5em;
  width: 18px;
  height: 16px;
}

/* line 23, app/assets/stylesheets/shared/form/help.scss */
.help-block__icon--warning {
  fill: #f75e6b;
}

/* line 28, app/assets/stylesheets/shared/form/help.scss */
.help-block__attention-list {
  padding-left: 0 !important;
}

/* line 31, app/assets/stylesheets/shared/form/help.scss */
.help-block__attention-list li {
  display: flex;
}

/* line 35, app/assets/stylesheets/shared/form/help.scss */
.help-block__attention-list .help-block__icon {
  flex: 0 0 20px;
}

/* line 39, app/assets/stylesheets/shared/form/help.scss */
.help-block__attention-list span {
  flex: 1;
}
/* line 1, app/assets/stylesheets/shared/form/minimum_driver_age.scss */
.search .filters .minimum-driver-age {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: center;
}

/* line 7, app/assets/stylesheets/shared/form/minimum_driver_age.scss */
.search .filters .minimum-driver-age .select-wrapper {
  margin-top: 10px;
}

/* line 13, app/assets/stylesheets/shared/form/minimum_driver_age.scss */
.min-driver-age-select {
  appearance: none;
  width: 81px;
  min-height: 48px;
  background: #fff !important;
  margin-left: 10px;
  border: 1px solid #449DFD !important;
  border-radius: 5px !important;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 500;
}

/* line 27, app/assets/stylesheets/shared/form/minimum_driver_age.scss */
.min-driver-age-select:hover:after {
  filter: brightness(20%);
}

/* line 32, app/assets/stylesheets/shared/form/minimum_driver_age.scss */
.min-driver-age-select:after {
  background: url("data:image/svg+xml,%3Csvg width='8' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l3 3 3-3' stroke-width='2' stroke='%239FB2C6' fill='none' fill-rule='evenodd' stroke-linecap='round'/%3E%3C/svg%3E") 50%/auto no-repeat;
  content: '';
  width: 25px;
  height: 100%;
  position: absolute;
  right: 5px;
  top: 0;
  transition: filter 0.15s ease-in-out;
  pointer-events: none;
  z-index: 1;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/form/radio.scss */
.radios-inline {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

/* line 9, app/assets/stylesheets/shared/form/radio.scss */
.radios-inline__item {
  margin: 0.5em 1.25em 1.25em 0;
}

/* line 16, app/assets/stylesheets/shared/form/radio.scss */
.radios-inline .radio {
  position: absolute;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0;
  height: 18px;
  width: 18px;
  pointer-events: none;
}

/* line 26, app/assets/stylesheets/shared/form/radio.scss */
.radios-inline .radio + label {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}

/* line 33, app/assets/stylesheets/shared/form/radio.scss */
.radios-inline .radio + label::before {
  content: '';
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-width: 2px;
  border-color: #d3d3d4;
  border-style: solid;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 0.5em;
  transition: transform .2s, border .2s;
  border-radius: 50%;
}

/* line 53, app/assets/stylesheets/shared/form/radio.scss */
.radios-inline .radio:checked + label::before {
  border-color: #449dfd;
  box-shadow: none;
  transition: transform .2s;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='%23449dfd'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23449dfd'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  background-size: 10px;
}

/* line 61, app/assets/stylesheets/shared/form/radio.scss */
.radios-inline .radio:not(:checked):not(:focus) + label:hover::before {
  border-color: #677A8D;
}

/* line 65, app/assets/stylesheets/shared/form/radio.scss */
.radios-inline .radio:active + label::before {
  transform: scale(0.8);
  transition: transform .2s;
}

/* line 70, app/assets/stylesheets/shared/form/radio.scss */
.radios-inline .radio:checked:active + label::before {
  transform: none;
  transition: none;
}

/* line 75, app/assets/stylesheets/shared/form/radio.scss */
.radios-inline .radio:checked:active + label::before,
.radios-inline .radio:focus + label::before {
  border-color: #449dfd;
  box-shadow: 0 0 0 3px rgba(68, 157, 253, 0.2);
}

/* line 81, app/assets/stylesheets/shared/form/radio.scss */
.radios-inline .parsley-errors-list {
  padding-left: 0;
}

/* line 84, app/assets/stylesheets/shared/form/radio.scss */
.radios-inline .parsley-errors-list li {
  position: absolute;
  top: calc(100% - 10px);
  left: 30px;
  font-size: 13px;
}

/* line 92, app/assets/stylesheets/shared/form/radio.scss */
.radios-inline .radios-inline__item.parsley-error .radio + label::before {
  border-color: #f0ad4e;
  box-shadow: 0 0 0 3px rgba(240, 173, 78, 0.2);
}

/* line 97, app/assets/stylesheets/shared/form/radio.scss */
.radios-inline .radio.invalid-feedback + label::before {
  border-color: #FD4C45;
}

/* line 101, app/assets/stylesheets/shared/form/radio.scss */
.radios-inline .radio.invalid-feedback:checked:active + label::before {
  border-color: #449dfd;
}

/* line 107, app/assets/stylesheets/shared/form/radio.scss */
.input_radio {
  position: absolute;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0;
  height: 16px;
  width: 16px;
  pointer-events: none;
}

/* line 116, app/assets/stylesheets/shared/form/radio.scss */
.input_radio + label {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  padding-left: 0;
}

/* line 123, app/assets/stylesheets/shared/form/radio.scss */
.input_radio + label::before {
  content: '';
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #8598AC;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 0.5em;
  transition: transform .2s, border .2s;
  border-radius: 50%;
}

/* line 141, app/assets/stylesheets/shared/form/radio.scss */
.input_radio:checked + label {
  color: #212D3A;
}

/* line 145, app/assets/stylesheets/shared/form/radio.scss */
.input_radio:checked + label::before {
  border-color: #449dfd;
  box-shadow: none;
  transition: transform .2s;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='%23449dfd'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23449dfd'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  background-size: 10px;
}

/* line 153, app/assets/stylesheets/shared/form/radio.scss */
.input_radio:not(:checked):not(:focus) + label:hover::before {
  border-color: #677A8D;
}

/* line 157, app/assets/stylesheets/shared/form/radio.scss */
.input_radio:active + label::before {
  transform: scale(0.8);
  transition: transform .2s;
}

/* line 162, app/assets/stylesheets/shared/form/radio.scss */
.input_radio:checked:active + label::before {
  transform: none;
  transition: none;
}

/* line 167, app/assets/stylesheets/shared/form/radio.scss */
.input_radio:checked:active + label::before, .input_radio:focus + label::before {
  border-color: #449dfd;
  box-shadow: 0 0 0 3px rgba(68, 157, 253, 0.2);
}

/* line 177, app/assets/stylesheets/shared/form/radio.scss */
.radio-visual-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  background-color: #f6f8f9;
  padding: 15px 6px;
  cursor: pointer;
  border: 1px solid #f6f8f9;
  margin: 0;
  color: #9fb2c6;
}

/* line 191, app/assets/stylesheets/shared/form/radio.scss */
.radio-visual-box:hover, .radio-visual-box:active {
  background-color: #fff;
}

/* line 197, app/assets/stylesheets/shared/form/radio.scss */
.radio-visual-box__icon {
  height: 32px;
  width: auto;
  color: inherit;
  margin-bottom: 13px;
}

/* line 203, app/assets/stylesheets/shared/form/radio.scss */
.radio-visual-box__icon .fill-it {
  fill: currentColor;
}

/* line 207, app/assets/stylesheets/shared/form/radio.scss */
.radio-visual-box__icon .stroke-it {
  stroke: currentColor;
}

/* line 212, app/assets/stylesheets/shared/form/radio.scss */
.radio-visual-box__label {
  color: inherit;
  font-size: 14px;
  font-weight: 500;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* line 222, app/assets/stylesheets/shared/form/radio.scss */
.radio-visual-box.choice-tag--checked {
  border-color: #212d3a;
  color: #212d3a;
  background-color: #fff;
}

/* line 228, app/assets/stylesheets/shared/form/radio.scss */
.radio-visual-box___tooltip {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* line 234, app/assets/stylesheets/shared/form/radio.scss */
.radio--with-icon {
  height: 34px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}

/* line 240, app/assets/stylesheets/shared/form/radio.scss */
.radio--with-icon .input_radio + label::before {
  margin-right: 8px;
}

/* line 246, app/assets/stylesheets/shared/form/radio.scss */
.radio__icon {
  display: inline-block;
  width: auto;
  min-width: 22px;
  height: 22px;
  margin-right: 8px;
}

/* line 254, app/assets/stylesheets/shared/form/radio.scss */
.radio__label {
  display: inline;
  font-size: 0.9375rem;
}

/* line 259, app/assets/stylesheets/shared/form/radio.scss */
.edit .radio--with-icon .input_radio + label {
  align-items: center;
}
/* line 1, app/assets/stylesheets/shared/form/validation.scss */
.parsley-error {
  border-color: #FFA940 !important;
}

/* line 3, app/assets/stylesheets/shared/form/validation.scss */
.parsley-error input[type=checkbox] {
  box-shadow: 0 0 0 2px #FFA940 !important;
  opacity: 1 !important;
}

/* line 11, app/assets/stylesheets/shared/form/validation.scss */
.parsley-errors-list {
  display: inline-block;
  margin: 5px 0 3px 0;
  padding: 0;
  list-style-type: none;
  opacity: 0;
  transition: all .3s ease-in;
  color: #FFA940 !important;
  font-weight: 500;
}

/* line 21, app/assets/stylesheets/shared/form/validation.scss */
.parsley-errors-list.filled {
  opacity: 1;
}

/* line 26, app/assets/stylesheets/shared/form/validation.scss */
.error-placeholder-container .parsley-errors-list {
  margin-right: 4px;
}

/* line 30, app/assets/stylesheets/shared/form/validation.scss */
.glyphicon-ok {
  color: #13d483;
}

/* line 34, app/assets/stylesheets/shared/form/validation.scss */
.char-counter-error {
  color: #FFA940;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/info-block.scss */
.info-block-with-icon {
  display: block;
  padding: 20px 20px 20px 44px;
  border-radius: 2px;
  font-size: 14px;
  color: #677A8D;
  background: #F0FDF7 url(/assets/icon-lightbulb-a19962d26b9375a8eb498e5dadd88d6e979897ad74f4fb72f8d8dbe121b6b500.svg) no-repeat left 17px top 20px;
  background-size: auto 18px;
  margin: 15px 0;
}

/* line 13, app/assets/stylesheets/shared/info-block.scss */
.info-block-with-icon--long {
  font-size: 14px;
  line-height: 1.8;
}

/* line 18, app/assets/stylesheets/shared/info-block.scss */
.info-block-with-icon--warning {
  background-color: #fcf8e3;
  background-image: url(/assets/icon-warning-8897db669f47a680b756f6959968f223fe17353b43f7ca56299dc98be0aaba59.svg);
}

/* line 23, app/assets/stylesheets/shared/info-block.scss */
.info-block-with-icon p {
  font-size: inherit;
  line-height: inherit;
}

/* line 28, app/assets/stylesheets/shared/info-block.scss */
.info-block-with-icon :first-child {
  margin-top: 0;
}

/* line 32, app/assets/stylesheets/shared/info-block.scss */
.info-block-with-icon :last-child {
  margin-bottom: 0;
}

/* line 36, app/assets/stylesheets/shared/info-block.scss */
.info-block-with-icon h5 {
  color: inherit;
  font-weight: 600;
}

/* line 41, app/assets/stylesheets/shared/info-block.scss */
.info-block-with-icon li {
  font-size: inherit;
}

/* line 45, app/assets/stylesheets/shared/info-block.scss */
.info-block-with-icon .alert {
  padding-left: 0;
  align-items: baseline;
}

/* line 49, app/assets/stylesheets/shared/info-block.scss */
.info-block-with-icon .alert .glyphicon {
  top: 2px;
}

/* line 54, app/assets/stylesheets/shared/info-block.scss */
.info-block-with-icon a {
  color: inherit;
  text-decoration: underline;
}

@media (max-width: 767px) {
  /* line 3, app/assets/stylesheets/shared/info-block.scss */
  .info-block-with-icon {
    padding-left: 15px;
    padding-right: 15px;
    background-image: none;
  }
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/input-daterange-trigger.scss */
.input-daterange-trigger {
  position: relative;
  margin: 0 2px;
}

/* line 7, app/assets/stylesheets/shared/input-daterange-trigger.scss */
.input-daterange-trigger .form-control {
  height: 50px;
  border-radius: 0;
  margin: 0;
  font-size: 14px;
  color: #212D3A;
  padding: 0 40px;
  position: relative;
  width: 100%;
  background: #fff url(/assets/icon_calendar-7228048709b76fa574f89e343e132828e40f0250eda312fc7a7071fd0885b896.svg) 16px center no-repeat;
  background-size: 14px auto;
  box-shadow: none;
  z-index: 1;
  text-align: left;
  white-space: nowrap;
}

@media (max-width: 767px) {
  /* line 7, app/assets/stylesheets/shared/input-daterange-trigger.scss */
  .input-daterange-trigger .form-control {
    padding-left: 48px;
    padding-top: 1px;
    background-size: 18px auto;
    background-position: 16px 14px;
    line-height: 24px;
    font-size: 16px;
  }
}

/* line 32, app/assets/stylesheets/shared/input-daterange-trigger.scss */
.input-daterange-trigger .form-control > * {
  display: inline-block;
  padding: 9px 0;
  line-height: 30px;
}

/* line 38, app/assets/stylesheets/shared/input-daterange-trigger.scss */
.input-daterange-trigger .form-control span {
  color: #9FB2C6;
}

/* line 42, app/assets/stylesheets/shared/input-daterange-trigger.scss */
.input-daterange-trigger .form-control button {
  border: none;
  background: none;
  outline: 0;
  font-weight: 500;
}

/* line 48, app/assets/stylesheets/shared/input-daterange-trigger.scss */
.input-daterange-trigger .form-control button:hover, .input-daterange-trigger .form-control button:focus, .input-daterange-trigger .form-control button:active {
  text-decoration: underline;
}

/* line 52, app/assets/stylesheets/shared/input-daterange-trigger.scss */
.input-daterange-trigger .form-control button:empty:before {
  content: attr(data-placeholder);
}

/* line 57, app/assets/stylesheets/shared/input-daterange-trigger.scss */
.input-daterange-trigger .form-control .active {
  color: #449dfd;
}

/* line 61, app/assets/stylesheets/shared/input-daterange-trigger.scss */
.input-daterange-trigger .form-control .datepicker-clear {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  overflow: hidden;
  outline: 0;
  text-indent: -999em;
}

/* line 71, app/assets/stylesheets/shared/input-daterange-trigger.scss */
.input-daterange-trigger .form-control .datepicker-clear:before {
  content: '';
  width: 6px;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  left: 50%;
  margin: 0 0 0 -5px;
  background: #fff url(/assets/icon_remove_filter-8cef18caf41ef353d15ee6117d1ec169477c8c37f2111512f89072d633c7dbb3.svg) 0 center no-repeat;
}

@media (max-width: 767px) {
  /* line 71, app/assets/stylesheets/shared/input-daterange-trigger.scss */
  .input-daterange-trigger .form-control .datepicker-clear:before {
    width: 10px;
    margin: 0 0 0 -7px;
    background-size: 20px;
  }
}

/* line 89, app/assets/stylesheets/shared/input-daterange-trigger.scss */
.input-daterange-trigger .form-control .datepicker-clear:hover, .input-daterange-trigger .form-control .datepicker-clear:active, .input-daterange-trigger .form-control .datepicker-clear:focus {
  background-position: right 0;
}

/* line 96, app/assets/stylesheets/shared/input-daterange-trigger.scss */
.input-daterange-trigger:not(.has-value) .form-control {
  cursor: pointer;
}

/* line 99, app/assets/stylesheets/shared/input-daterange-trigger.scss */
.input-daterange-trigger:not(.has-value) .placeholder ~ * {
  display: none;
}

/* line 105, app/assets/stylesheets/shared/input-daterange-trigger.scss */
.input-daterange-trigger.has-value .placeholder {
  display: none;
}

/* line 110, app/assets/stylesheets/shared/input-daterange-trigger.scss */
.input-daterange-trigger input {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 16px !important;
  -webkit-user-select: none;
          user-select: none;
}

/* line 121, app/assets/stylesheets/shared/input-daterange-trigger.scss */
.input-daterange-trigger ~ .rates_table {
  margin-top: 10px;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-month {
  text-transform: capitalize;
}

/* line 7, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-state-disabled {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}

/* line 13, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker {
  display: none;
  margin-top: 4px;
  padding: 10px;
  width: 18.75rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  font-size: 1.2307692307692308em;
}

/* line 24, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker a, .ui-datepicker a:hover {
  text-decoration: none;
}

/* line 30, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-header {
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: #485663;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 40, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-prev,
.ui-datepicker-next {
  height: 30px;
  width: 30px;
  font-family: "Glyphicons Halflings";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 30px;
  cursor: pointer;
  color: inherit;
  background-color: #fff;
  border-radius: 100%;
}

/* line 54, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

/* line 59, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-next {
  order: 2;
}

/* line 63, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-prev:before {
  content: "\e079";
}

/* line 67, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-next:before {
  content: "\e080";
}

/* line 71, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-icon {
  display: none;
}

/* line 75, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-calendar {
  table-layout: fixed;
  width: 100%;
}

/* line 79, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-calendar th, .ui-datepicker-calendar td {
  border: none;
  text-align: center;
}

/* line 83, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-calendar th > *, .ui-datepicker-calendar td > * {
  display: block;
  padding: 0.929em 0;
  line-height: 1;
}

/* line 90, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-calendar th {
  font-weight: 500;
  font-size: 0.75rem;
  opacity: 0.7;
  padding: 0.714em 0;
}

/* line 97, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-calendar td {
  background-color: #e7faf2;
  background-repeat: no-repeat;
  font-size: 0.875rem;
}

/* line 103, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-calendar .ui-datepicker-unselectable {
  background-color: #fff;
}

/* line 111, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-state-disabled .ui-state-default {
  text-decoration: line-through;
}

/* line 115, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-state-disabled.ui-date-past:not(.ui-datepicker-startrange) .ui-state-default {
  text-decoration: none;
  color: #9aa1a9;
}

/* line 121, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-state-disabled.ui-datepicker-startrange .ui-state-default {
  text-decoration: none;
}

/* line 126, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-state-default {
  color: #212D3A;
  font-weight: 500;
  border-radius: 100%;
  max-width: 40px;
}

/* line 133, app/assets/stylesheets/shared/jquery.datepicker.scss */
.no_pickup .ui-state-default {
  color: #9aa1a9;
}

/* line 138, app/assets/stylesheets/shared/jquery.datepicker.scss */
td:hover > .ui-state-default {
  color: #fff;
  background-color: #449dfd;
}

/* line 145, app/assets/stylesheets/shared/jquery.datepicker.scss */
.no_pickup:hover .ui-state-default,
.ui-date-unavailable:hover .ui-state-default {
  background-color: rgba(0, 0, 0, 0.05);
  color: #8598AC;
}

/* line 152, app/assets/stylesheets/shared/jquery.datepicker.scss */
.no_pickup.ui-datepicker-startrange .ui-state-default,
.no_pickup.ui-datepicker-endrange .ui-state-default {
  background-color: #8598AC;
}

/* line 158, app/assets/stylesheets/shared/jquery.datepicker.scss */
.no_pickup.ui-datepicker-startrange:hover .ui-state-default,
.no_pickup.ui-datepicker-endrange:hover .ui-state-default {
  background-color: #ddefe7;
}

/* line 164, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-startrange,
.ui-datepicker-endrange {
  opacity: 1;
  background-size: 50% 100%;
}

/* line 170, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-startrange .ui-state-default,
.ui-datepicker-endrange .ui-state-default {
  background-color: #76b7fe;
  color: #fff;
}

/* line 177, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-inrange-hover:not(.ui-datepicker-inrange):hover {
  background-size: 50% 100%;
}

/* line 181, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-endrange,
.ui-datepicker-inrange-hover:not(.ui-datepicker-inrange):hover {
  background-position: left top;
}

/* line 186, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-startrange,
.ui-datepicker-inrange-hover.ui-datepicker-beforestart:not(.ui-datepicker-inrange):hover {
  background-position: right top;
}

/* line 192, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-current-day .ui-state-default {
  background-color: #449dfd;
  color: #fff;
}

/* line 198, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-current-day.ui-datepicker-inrange .ui-state-default {
  background-color: #76b7fe;
}

/* line 202, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-inrange {
  background-image: linear-gradient(#90c5fe, #90c5fe);
}

/* line 206, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-inrange-hover {
  background-image: linear-gradient(#c2dffe, #c2dffe);
  background-size: 100% 100%;
}

/* line 212, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-inrange.ui-datepicker-unselectable:not(.ui-datepicker-startrange):not(.ui-datepicker-endrange),
.ui-datepicker-inrange.ui-state-disabled:not(.ui-datepicker-startrange):not(.ui-datepicker-endrange) {
  background-image: linear-gradient(#c2dffe, #c2dffe);
}

/* line 216, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-inrange.ui-datepicker-unselectable:not(.ui-datepicker-startrange):not(.ui-datepicker-endrange) .ui-state-default,
.ui-datepicker-inrange.ui-state-disabled:not(.ui-datepicker-startrange):not(.ui-datepicker-endrange) .ui-state-default {
  color: #fff;
}

/* line 222, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-startrange {
  background-size: 50% 100%;
  background-position: right top;
}

/* line 226, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-startrange.ui-datepicker-beforeend.ui-datepicker-inrange-hover:not(:hover) {
  background-size: auto auto;
}

/* line 232, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-endrange {
  background-size: 50% 100%;
  background-position: left top;
}

/* line 236, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker-endrange.ui-datepicker-afterstart.ui-datepicker-inrange-hover:not(:hover) {
  background-size: auto auto;
}

@media (max-width: 767px) {
  /* line 243, app/assets/stylesheets/shared/jquery.datepicker.scss */
  .ui-datepicker-header {
    font-size: 1em;
  }
}

@media (min-width: 375px) and (max-width: 991px) {
  /* line 251, app/assets/stylesheets/shared/jquery.datepicker.scss */
  .ui-datepicker {
    left: 10px !important;
    width: 22.25rem;
  }
  /* line 256, app/assets/stylesheets/shared/jquery.datepicker.scss */
  .ui-state-default {
    max-width: 50px;
  }
  /* line 262, app/assets/stylesheets/shared/jquery.datepicker.scss */
  .ui-datepicker-calendar th > *, .ui-datepicker-calendar td > * {
    padding-top: 1.21428571429em;
    padding-bottom: 1.21428571429em;
  }
}

/* line 273, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker .tooltip .tooltip-inner {
  background: #fff;
  color: #485663;
  border-radius: 3px;
  font-weight: 500;
  max-width: 250px;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
}

/* line 282, app/assets/stylesheets/shared/jquery.datepicker.scss */
.ui-datepicker .tooltip.top .tooltip-arrow {
  border-top-color: #fff;
}

@media (min-width: 992px) {
  /* line 289, app/assets/stylesheets/shared/jquery.datepicker.scss */
  .listings_overview .filters,
.listings.show .listings.show {
    z-index: 8;
    position: relative;
  }
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 5, app/assets/stylesheets/shared/legal.scss */
.legal main h1, #tos_modal h1 {
  color: #212D3A;
}

/* line 9, app/assets/stylesheets/shared/legal.scss */
.legal main .content li ul.sidenote-list, #tos_modal .content li ul.sidenote-list {
  margin-bottom: 24px;
}

/* line 12, app/assets/stylesheets/shared/legal.scss */
.legal main .content li ul.sidenote-list li, #tos_modal .content li ul.sidenote-list li {
  line-height: 1em;
}

/* line 19, app/assets/stylesheets/shared/legal.scss */
.legal-list {
  margin-top: 3em;
  counter-reset: section;
}

/* line 23, app/assets/stylesheets/shared/legal.scss */
.legal-list a {
  text-decoration: underline;
}

/* line 27, app/assets/stylesheets/shared/legal.scss */
.legal-list .table {
  font-size: 14px;
  line-height: 1.5;
  text-indent: 0;
}

/* line 33, app/assets/stylesheets/shared/legal.scss */
.legal-list h2 {
  font-size: 1.175rem;
  color: #212D3A;
  margin-top: 2em;
}

/* line 39, app/assets/stylesheets/shared/legal.scss */
.legal-list .content, .legal-list li, .legal-list p {
  font-weight: normal;
  font-size: 14px;
  color: #677A8D;
  line-height: 24px;
}

/* line 46, app/assets/stylesheets/shared/legal.scss */
.legal-list h2:before {
  counter-increment: section;
  content: counter(section) ". ";
  margin: 0 0.5em 0 0;
}

/* line 52, app/assets/stylesheets/shared/legal.scss */
.legal-list ol {
  counter-reset: clause;
  list-style: none outside none;
  padding-left: 1.5em;
}

/* line 57, app/assets/stylesheets/shared/legal.scss */
.legal-list ol [type="a"] {
  counter-reset: unset;
  list-style: lower-alpha outside none;
  padding-left: 2em;
}

/* line 62, app/assets/stylesheets/shared/legal.scss */
.legal-list ol [type="a"] li {
  padding-left: 0;
}

/* line 66, app/assets/stylesheets/shared/legal.scss */
.legal-list ol [type="a"] li:before {
  display: none;
}

/* line 73, app/assets/stylesheets/shared/legal.scss */
.legal-list ol li {
  counter-increment: clause;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0.75em;
  padding-left: 1em;
  position: relative;
}

/* line 82, app/assets/stylesheets/shared/legal.scss */
.legal-list ol li:before {
  content: counter(section) "." counters(clause, ".") ". ";
  margin: 0 0.5em 0 0;
  position: absolute;
  left: -1.5em;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/listings/index.scss */
#search_results .results {
  background-color: #FFF;
}

@media (max-width: 629px) {
  /* line 8, app/assets/stylesheets/shared/listings/index.scss */
  .hidden_one_column {
    display: none !important;
  }
}

/* line 13, app/assets/stylesheets/shared/listings/index.scss */
.new-label {
  display: inline-block;
  color: #fff;
  background-color: #13D483;
  border-radius: 34px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16.5px;
  min-width: 53px;
  height: 23px;
  text-align: center;
}

/* line 25, app/assets/stylesheets/shared/listings/index.scss */
.new-label.detail-page {
  position: relative;
  top: -2px;
}

@media (max-width: 629px) {
  /* line 13, app/assets/stylesheets/shared/listings/index.scss */
  .new-label {
    position: relative;
    top: 3px;
  }
}

@media (max-width: 629px) {
  /* line 35, app/assets/stylesheets/shared/listings/index.scss */
  .with-rented {
    position: relative;
    top: -3px;
  }
}

/* line 42, app/assets/stylesheets/shared/listings/index.scss */
.listings.overview {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

/* line 47, app/assets/stylesheets/shared/listings/index.scss */
.listings.overview .listing-overview__item {
  flex: 1 0 100%;
  padding-bottom: 30px;
}

@media (min-width: 630px) {
  /* line 47, app/assets/stylesheets/shared/listings/index.scss */
  .listings.overview .listing-overview__item {
    flex: 0 1 50%;
    max-width: 50%;
  }
}

@media (min-width: 992px) {
  /* line 47, app/assets/stylesheets/shared/listings/index.scss */
  .listings.overview .listing-overview__item {
    flex: 0 1 calc(100% / 3);
    max-width: calc(100% / 3);
  }
}

@media (max-width: 480px) {
  /* line 42, app/assets/stylesheets/shared/listings/index.scss */
  .listings.overview {
    margin: 0 -15px 20px;
  }
}

/* line 66, app/assets/stylesheets/shared/listings/index.scss */
.showroom-listings.listing-overview__item .title {
  padding-top: 16px;
  padding-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  font-weight: 600;
  text-overflow: ellipsis;
  font-size: 18px;
  color: #212D3A;
  line-height: 26px;
}

@media (max-width: 480px) {
  /* line 80, app/assets/stylesheets/shared/listings/index.scss */
  .showroom-listings.listing-overview__item .title {
    padding-top: 12px;
    padding-bottom: 2px;
    font-size: 0.9375rem;
    max-width: 95%;
  }
  /* line 87, app/assets/stylesheets/shared/listings/index.scss */
  .showroom-listings.listing-overview__item .title,
.showroom-listings.listing-overview__item .meta {
    margin-left: 15px;
  }
}

/* line 93, app/assets/stylesheets/shared/listings/index.scss */
.showroom-listings.listing-overview__item .listing_photo .rates {
  padding: 28px 18px 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  z-index: 1;
}

/* line 102, app/assets/stylesheets/shared/listings/index.scss */
.showroom-listings.listing-overview__item .listing_photo .rates span {
  font-size: 12px;
  font-weight: 500;
}

/* line 107, app/assets/stylesheets/shared/listings/index.scss */
.showroom-listings.listing-overview__item .listing_photo .rates .rate {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

/* line 116, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .number_of_sleeping_places, .expand-listings-search .number_of_sleeping_places {
  display: inline-block;
  margin: 0 5px 0 0;
  padding-left: 21px;
  background-image: url(/assets/icon_bed-0f2f6edbf3ed6c1b1c7fc75d526f61ca56758cb712ef7e7d12a6d872a9a6f00c.svg);
  background-repeat: no-repeat;
  background-size: 15px auto;
  vertical-align: middle;
  background-position: 0 5px;
}

/* line 127, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .locality, .expand-listings-search .locality {
  margin: 0;
  padding-left: 18px;
  background-image: url(/assets/icon_locality-9a4a00b35592f8e191febfefabbd2d3f2e399261f052ac38fef6388a5fa149d3.svg);
  background-repeat: no-repeat;
  background-size: auto 14px;
  vertical-align: middle;
  background-position: 0 3px;
}

/* line 139, app/assets/stylesheets/shared/listings/index.scss */
.expand-listings-search .number_of_sleeping_places {
  background-position: 0 2px;
}

/* line 142, app/assets/stylesheets/shared/listings/index.scss */
.expand-listings-search .locality {
  background-position: 0 0;
}

/* line 147, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item {
  overflow: hidden;
  display: block;
  padding: 10px;
  position: relative;
}

/* line 153, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_info {
  font-size: 14px;
  line-height: 22px;
}

@media (max-width: 629px) {
  /* line 153, app/assets/stylesheets/shared/listings/index.scss */
  .listing-overview__item .listing_info {
    padding: 0 15px;
  }
}

/* line 162, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_info .rates {
  line-height: 26px;
  color: #212D3A;
}

/* line 166, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_info .rates span {
  vertical-align: middle;
}

/* line 172, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo {
  position: relative;
  overflow: hidden;
  background-color: #c7d3df;
  z-index: 0;
}

/* line 178, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo .swiper-slide {
  height: auto;
}

/* line 182, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

/* line 186, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo img {
  height: auto;
}

@media (hover: none) {
  /* line 172, app/assets/stylesheets/shared/listings/index.scss */
  .listing-overview__item .listing_photo {
    /* when hover is not supported (mobile and tablet) */
  }
  /* line 193, app/assets/stylesheets/shared/listings/index.scss */
  .listing-overview__item .listing_photo .gb-carousel-slider-button-container {
    display: none;
  }
}

@media (hover: hover) {
  /* line 172, app/assets/stylesheets/shared/listings/index.scss */
  .listing-overview__item .listing_photo {
    /* when hover is supported */
  }
  /* line 200, app/assets/stylesheets/shared/listings/index.scss */
  .listing-overview__item .listing_photo:hover .gb-carousel-slider-button-container {
    transition: opacity 300ms linear;
    opacity: 1;
  }
}

/* line 206, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo .gb-carousel-slider-button-container {
  position: absolute;
  bottom: calc(50% - 17px);
  opacity: 0;
  z-index: 1;
}

/* line 212, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo .gb-carousel-slider-button-container .gb-carousel-slider-button {
  border: 0;
  width: 32px;
  height: 32px;
  background-color: rgba(33, 45, 58, 0.5);
  border-radius: 50%;
  z-index: 1;
}

/* line 213, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo .gb-carousel-slider-button-container .gb-carousel-slider-button.swiper-button-disabled {
  opacity: 0;
}

/* line 226, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo img {
  filter: contrast(115%) saturate(105%);
}

/* line 230, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo .overlay {
  background: linear-gradient(180deg, transparent 80%, rgba(0, 0, 0, 0.25));
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  pointer-events: none;
}

/* line 240, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo .discount {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
}

/* line 246, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo .discount > span {
  margin-bottom: 4px;
  display: block;
}

/* line 250, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo .discount > span span {
  padding: 1px 12px 0;
  display: inline-block;
  border-radius: 999em;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 21px;
}

/* line 260, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo .discount > span.last_minute span {
  background-color: #FFB222;
}

/* line 264, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo .discount > span.early_bird span {
  background-color: #13D483;
}

/* line 268, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo .discount > span.extended_period span {
  background-color: #449DFD;
}

/* line 272, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo .discount > span.free_cancellation span {
  background-color: #13D483;
}

/* line 276, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo .discount > span.early_bird span span.percentage {
  padding: 0;
  color: #212D3A;
}

/* line 284, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item a {
  text-decoration: none;
  color: inherit;
}

/* line 289, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .listing_photo,
.listing-overview__item .listing_photo img,
.listing-overview__item .listing_photo a {
  display: block;
}

/* line 295, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .user_profile_image {
  height: 52px;
  width: 52px;
  position: absolute;
  bottom: 18px;
  right: 18px;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
}

/* line 305, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .user_profile_image img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  transition: all .2s;
}

/* line 312, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .user_profile_image a:hover img {
  -webkit-filter: opacity(92%);
}

/* line 317, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .title {
  padding-top: 16px;
  vertical-align: top;
}

@media (max-width: 480px) {
  /* line 317, app/assets/stylesheets/shared/listings/index.scss */
  .listing-overview__item .title {
    padding-top: 12px;
  }
}

/* line 325, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .title .label {
  display: inline-block;
  margin-top: 6px;
  font-weight: 500;
}

/* line 332, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .stars {
  min-width: 64px;
  display: inline-block;
  vertical-align: middle;
}

/* line 337, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .stars .reviews_count {
  display: inline-block;
  letter-spacing: -0.05em;
}

/* line 343, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .meta {
  font-weight: 400;
  color: #9FB2C6;
}

/* line 348, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .availability,
.listing-overview__item .availability-flexible {
  padding-left: 2.5rem;
}

/* line 353, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .availability {
  position: relative;
  display: inline-block;
}

/* line 357, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .availability:before {
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  background: url(/assets/icon_calendar_orange-1c4a5c3657ee8967fe44736ea9b378a78ddc45249965a3d86c98dd68e33560cd.svg) 0 0 no-repeat;
}

/* line 368, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .availability.flexible:before {
  background-position: 0 bottom;
}

/* line 376, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .summary {
  display: block;
  display: -webkit-box;
  height: 86px;
  margin-top: -6px;
  margin-bottom: 14px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  font-size: 12px;
  color: #677A8D;
  letter-spacing: 0;
  line-height: 22px;
}

/* line 393, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .dates {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 4px 0 6px 21px;
  background-image: url(/assets/icon_calendar-7228048709b76fa574f89e343e132828e40f0250eda312fc7a7071fd0885b896.svg);
  background-repeat: no-repeat;
  background-position: left 5px;
  background-size: 15px auto;
  width: 200px;
  font-size: 12px;
  font-weight: 500;
  color: #9fb2c6;
}

/* line 406, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .dates:empty {
  display: none;
}

/* line 411, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .search_score_indicators {
  width: 25%;
  height: 95%;
  position: absolute;
  z-index: 2;
  background-color: #FFFC;
  opacity: 80%;
  left: 5px;
  top: 5px;
  pointer-events: none;
}

/* line 422, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .search_score_indicators .black {
  color: #000;
}

/* line 426, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .search_score_indicators .red {
  color: #D43D3D;
}

/* line 430, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .search_score_indicators .green {
  color: #20AA25;
}

/* line 434, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .search_score_indicators .indicator_block {
  height: 16%;
  width: 100%;
  padding: 5px;
}

/* line 439, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .search_score_indicators .indicator_block .score {
  font-weight: 700;
}

/* line 443, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .search_score_indicators .indicator_block .value {
  font-weight: 700;
}

@media (min-width: 630px) {
  /* line 448, app/assets/stylesheets/shared/listings/index.scss */
  .listing-overview__item .search_score_indicators .indicator_block .score {
    font-size: 8px;
  }
  /* line 452, app/assets/stylesheets/shared/listings/index.scss */
  .listing-overview__item .search_score_indicators .indicator_block .value {
    font-size: 12px;
  }
}

/* line 459, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item:after {
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}

/* line 467, app/assets/stylesheets/shared/listings/index.scss */
.listing-overview__item .title:before, .listing-overview__item .title:after,
.listing-overview__item .title a:after,
.listing-overview__item .meta:before,
.listing-overview__item .meta:after,
.listing-overview__item .meta a:after {
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}

@media (max-width: 480px) {
  /* line 147, app/assets/stylesheets/shared/listings/index.scss */
  .listing-overview__item {
    padding: 10px 0;
  }
}

@media (min-width: 992px) {
  /* line 480, app/assets/stylesheets/shared/listings/index.scss */
  .results .listing-overview__item {
    flex-basis: 50%;
    max-width: 50%;
  }
}

/* line 487, app/assets/stylesheets/shared/listings/index.scss */
.carousel .listing-overview__item {
  padding: 0;
}

/* line 491, app/assets/stylesheets/shared/listings/index.scss */
.sidebar .listings.overview li {
  flex: 1 0 100%;
}

@media (min-width: 630px) {
  /* line 491, app/assets/stylesheets/shared/listings/index.scss */
  .sidebar .listings.overview li {
    flex: 1 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  /* line 491, app/assets/stylesheets/shared/listings/index.scss */
  .sidebar .listings.overview li {
    flex: 1 0 100%;
    max-width: 100%;
  }
}

@keyframes listingsLoading {
  0% {
    background-position: -400% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

@media (max-width: 767px) {
  /* line 517, app/assets/stylesheets/shared/listings/index.scss */
  .showroom.search .breadcrumb li {
    font-size: 11px;
  }
}

/* line 523, app/assets/stylesheets/shared/listings/index.scss */
#search_results .flexible-listings {
  background-color: #F6F8F9;
  padding: 4.3rem 2rem 2rem;
}

/* line 527, app/assets/stylesheets/shared/listings/index.scss */
#search_results .flexible-listings header {
  text-align: center;
  margin-bottom: 3.4rem;
}

/* line 532, app/assets/stylesheets/shared/listings/index.scss */
#search_results .flexible-listings h4 {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 300;
  color: #212D3A;
  margin: 0;
}

/* line 539, app/assets/stylesheets/shared/listings/index.scss */
#search_results .flexible-listings h4 strong {
  font-weight: 600;
}

/* line 544, app/assets/stylesheets/shared/listings/index.scss */
#search_results .flexible-listings label {
  font-size: 1.8rem;
  color: #212D3A;
  font-weight: 500;
  padding-top: 3.8rem;
  position: relative;
}

/* line 551, app/assets/stylesheets/shared/listings/index.scss */
#search_results .flexible-listings label:before {
  content: '';
  position: absolute;
  left: 0.2rem;
  top: 0.4rem;
  width: 206px;
  height: 35px;
  max-width: 40vw;
  background-image: url(/assets/arrow_flexible-f1277a3e2c81f31b0c4d51cf528e8594a5d9c1089f13ffc7f246153ca47a513d.svg);
  background-size: 100% auto;
  background-position: 0 bottom;
  background-repeat: no-repeat;
}

@media (max-width: 517px) {
  /* line 567, app/assets/stylesheets/shared/listings/index.scss */
  #search_results .flexible-listings label {
    display: block;
    text-align: left;
  }
  /* line 572, app/assets/stylesheets/shared/listings/index.scss */
  #search_results .flexible-listings .listings.overview li:first-child ~ li {
    display: none;
  }
}

@media (min-width: 518px) {
  /* line 578, app/assets/stylesheets/shared/listings/index.scss */
  #search_results .flexible-listings .listings.overview li:nth-child(3) ~ li {
    display: none;
  }
}

/* line 584, app/assets/stylesheets/shared/listings/index.scss */
#search_results .flexible-listings-with-cta-button {
  background-color: #F6F8F9;
  padding: 3rem 1rem 1rem;
}

/* line 588, app/assets/stylesheets/shared/listings/index.scss */
#search_results .flexible-listings-with-cta-button header {
  text-align: center;
  margin-bottom: 2rem;
}

/* line 593, app/assets/stylesheets/shared/listings/index.scss */
#search_results .flexible-listings-with-cta-button h4 {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 300;
  color: #212D3A;
  margin: 0;
}

/* line 600, app/assets/stylesheets/shared/listings/index.scss */
#search_results .flexible-listings-with-cta-button h4 strong {
  font-weight: 600;
}

/* line 605, app/assets/stylesheets/shared/listings/index.scss */
#search_results .flexible-listings-with-cta-button .input_checkbox:not(:checked) + label::after {
  border: 1px solid #fff;
  background-color: #20eb96;
  top: 3px;
}

/* line 611, app/assets/stylesheets/shared/listings/index.scss */
#search_results .flexible-listings-with-cta-button .input_checkbox:checked + label::after {
  border: 1px solid #fff;
  background-color: #20eb96;
}

/* line 616, app/assets/stylesheets/shared/listings/index.scss */
#search_results .flexible-listings-with-cta-button label {
  font-size: .9rem;
  font-weight: 500;
  color: #fff;
  top: 3px;
}

@media (max-width: 517px) {
  /* line 624, app/assets/stylesheets/shared/listings/index.scss */
  #search_results .flexible-listings-with-cta-button label {
    display: block;
    text-align: left;
  }
  /* line 629, app/assets/stylesheets/shared/listings/index.scss */
  #search_results .flexible-listings-with-cta-button .listings.overview li:first-child ~ li {
    display: none;
  }
}

@media (min-width: 518px) {
  /* line 635, app/assets/stylesheets/shared/listings/index.scss */
  #search_results .flexible-listings-with-cta-button .listings.overview li:nth-child(3) ~ li {
    display: none;
  }
}

/* line 641, app/assets/stylesheets/shared/listings/index.scss */
.gb-photo-pagination {
  --swiper-pagination-color: #FFF;
  --swiper-pagination-bullet-inactive-opacity: 0.62;
  --swiper-pagination-bullet-inactive-color: #FFF;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/listings/stars.scss */
.star {
  color: #449dfd;
}

/* line 6, app/assets/stylesheets/shared/listings/stars.scss */
.star .glyphicon {
  color: inherit;
  font-size: inherit;
}

/* line 12, app/assets/stylesheets/shared/listings/stars.scss */
.star.empty {
  color: #D8E0E9;
}

/* line 16, app/assets/stylesheets/shared/listings/stars.scss */
.stars--sm {
  font-size: 13px;
}

/* line 19, app/assets/stylesheets/shared/listings/stars.scss */
.stars--sm .glyphicon {
  top: 2px;
}

/* line 24, app/assets/stylesheets/shared/listings/stars.scss */
.stars--md {
  font-size: 14px;
}

/* line 27, app/assets/stylesheets/shared/listings/stars.scss */
.stars--md .glyphicon {
  top: 2px;
}

/* line 32, app/assets/stylesheets/shared/listings/stars.scss */
.stars--xl {
  font-size: 21px;
}

/* line 35, app/assets/stylesheets/shared/listings/stars.scss */
.stars--xl .glyphicon {
  top: 3px;
}
/* line 5, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body h2 {
  font-weight: 600;
  letter-spacing: -0.5px;
}

/* line 10, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body p, .confirmation_modal.flash_modal .modal-body ul {
  font-size: 20px;
  margin-bottom: 1em;
  letter-spacing: -0.5px;
}

/* line 15, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body p small, .confirmation_modal.flash_modal .modal-body ul small {
  margin-top: 12px;
  display: block;
  font-size: 16px;
}

/* line 22, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body p.info {
  padding-left: 35px;
  background-image: url(/assets/shared/modals/icon_info-671348d186ed1ec7a3b300fa422d94f99c47d3b15fbff8ec89a846eea189b2b6.svg);
  background-repeat: no-repeat;
  background-position: left 1px;
  background-size: 22px auto;
  font-size: 12px;
  color: #677A8D;
  line-height: 26px;
}

/* line 33, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body li {
  font-size: 20px;
}

/* line 37, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body .benefits li {
  padding-left: 26px;
}

/* line 40, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body .benefits li::before {
  width: 17px;
  height: 17px;
  background-size: 15px auto;
  background-position: center;
}

/* line 48, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body .actions {
  margin: 60px auto 24px;
}

/* line 51, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body .actions ul {
  text-align: center;
}

/* line 55, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body .actions li {
  width: auto;
  margin-bottom: 12px;
}

/* line 59, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body .actions li a.btn {
  height: 50px;
  min-width: 265px;
  padding: 15px 30px;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 20px;
}

/* line 67, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body .actions li a.btn:hover, .confirmation_modal.flash_modal .modal-body .actions li a.btn:focus, .confirmation_modal.flash_modal .modal-body .actions li a.btn:active {
  box-shadow: none;
}

/* line 72, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body .actions li a.btn.btn-tertiary {
  background-color: #F6F8F9;
  color: #677A8D;
}

/* line 76, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body .actions li a.btn.btn-tertiary:hover, .confirmation_modal.flash_modal .modal-body .actions li a.btn.btn-tertiary:focus, .confirmation_modal.flash_modal .modal-body .actions li a.btn.btn-tertiary:active {
  background-color: #F6F8F9;
  color: #212D3A;
}

/* line 81, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body .actions li a.btn.btn-tertiary:focus, .confirmation_modal.flash_modal .modal-body .actions li a.btn.btn-tertiary:active {
  background-color: #E9EDF1;
}

/* line 87, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body .actions li a.btn.btn-primary:hover {
  background-color: #3786DC;
}

/* line 91, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body .actions li a.btn.btn-primary:focus, .confirmation_modal.flash_modal .modal-body .actions li a.btn.btn-primary:active {
  background-color: #2469B2;
}

/* line 99, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body .close {
  position: absolute;
  top: 20px;
  right: 20px;
}

/* line 104, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal .modal-body .close span {
  opacity: 0;
  visibility: hidden;
  font-size: 0;
}

@media (max-width: 992px) {
  /* line 112, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
  .confirmation_modal.flash_modal .modal-body img {
    margin: 36px auto;
  }
  /* line 116, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
  .confirmation_modal.flash_modal .modal-body h2 {
    font-size: 22px;
    line-height: 33px;
  }
  /* line 121, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
  .confirmation_modal.flash_modal .modal-body p {
    font-size: 20px;
    line-height: 33px;
  }
  /* line 125, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
  .confirmation_modal.flash_modal .modal-body p small {
    font-size: 16px;
    line-height: 22px;
  }
  /* line 131, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
  .confirmation_modal.flash_modal .modal-body .actions {
    margin-top: 40px;
  }
  /* line 135, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
  .confirmation_modal.flash_modal .modal-body .actions li a.btn {
    min-width: 225px;
  }
}

/* line 146, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
.confirmation_modal.flash_modal.confirm-email .modal-body h2 {
  max-width: 520px;
}

/* line 154, app/assets/stylesheets/shared/modals/confirmation_modal.scss */
#modal_block_unverified_request.confirmation_modal.flash_modal .modal-body h2, #modal_block_unverified_request.confirmation_modal.flash_modal .modal-body p {
  max-width: 600px;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 6, app/assets/stylesheets/shared/modals/flash_modal.scss */
.flash_modal .modal-body img {
  display: block;
  margin: 36px auto;
}

/* line 11, app/assets/stylesheets/shared/modals/flash_modal.scss */
.flash_modal .modal-body h2 {
  margin-bottom: 18px;
  font-size: 24px;
  font-weight: normal;
  margin-left: auto;
  margin-right: auto;
  max-width: 480px;
}

/* line 20, app/assets/stylesheets/shared/modals/flash_modal.scss */
.flash_modal .modal-body p, .flash_modal .modal-body li {
  margin: 0 auto;
  max-width: 480px;
  font-size: 17px;
  color: #8598AC;
}

/* line 26, app/assets/stylesheets/shared/modals/flash_modal.scss */
.flash_modal .modal-body p:last-child, .flash_modal .modal-body li:last-child {
  margin-bottom: 0;
}

/* line 31, app/assets/stylesheets/shared/modals/flash_modal.scss */
.flash_modal .modal-body .actions {
  margin: 36px auto 12px auto;
}

/* line 34, app/assets/stylesheets/shared/modals/flash_modal.scss */
.flash_modal .modal-body .actions ul {
  padding: 0;
}

/* line 37, app/assets/stylesheets/shared/modals/flash_modal.scss */
.flash_modal .modal-body .actions ul li {
  display: inline-block;
  width: 48%;
  padding: 0 12px;
}
/* line 2, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-dialog.modal-lg {
  max-width: 650px;
}

/* line 7, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal.post-authentication-modal .modal-dialog {
  max-width: 470px;
}

/* line 12, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-content {
  border-radius: 2px;
}

/* line 16, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-body {
  padding: 30px 40px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
}

/* line 22, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-body h2 {
  margin: 0 0 22px;
  font-weight: 600;
  font-size: 18px;
  color: #212D3A;
  letter-spacing: 0;
  line-height: 32px;
}

/* line 31, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-body p {
  max-width: none;
  margin-bottom: 22px;
  font-weight: 400;
  font-size: 14px;
  color: #212D3A;
  letter-spacing: 0;
  line-height: 28px;
}

/* line 40, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-body p.info {
  padding-left: 35px;
  background-image: url(/assets/shared/modals/icon_info-671348d186ed1ec7a3b300fa422d94f99c47d3b15fbff8ec89a846eea189b2b6.svg);
  background-repeat: no-repeat;
  background-position: left 1px;
  background-size: 22px auto;
  font-size: 12px;
  color: #677A8D;
  line-height: 26px;
}

/* line 52, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-body p, .subtle_modal.flash_modal .modal-body li {
  font-weight: 400;
  font-size: 14px;
  color: #212D3A;
  letter-spacing: 0;
  line-height: 28px;
}

/* line 60, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-body ul.checkmark-list {
  list-style: none;
}

/* line 63, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-body ul.checkmark-list li {
  margin-bottom: 18px;
  position: relative;
  padding-top: 3px;
  padding-left: 48px;
  font-size: 16px;
}

/* line 70, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-body ul.checkmark-list li .green-checkmark {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: -13px;
  margin-right: 12px;
  background: #ebfdf5 url(/assets/icon_checkmark_simple-b477bec06d20d3d6350ee3d89e45819916d3381e304236e32d218e10c48024b0.svg) no-repeat center;
  border-radius: 50%;
}

/* line 83, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-body ul.checkmark-list li:last-child {
  margin-bottom: 0;
}

/* line 89, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-body .action {
  margin: 30px auto 10px;
}

/* line 92, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-body .action ul {
  padding: 0;
  margin: 0;
}

/* line 96, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-body .action ul li {
  display: block;
}

/* line 99, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-body .action ul li a.btn {
  font-weight: 600;
  font-size: 14px;
}

/* line 107, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-body button.close {
  position: absolute;
  top: 18px;
  right: 20px;
  padding: 24px;
  opacity: 1;
  outline: 0;
}

/* line 115, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-body button.close span {
  display: block;
  width: 12px;
  height: 12px;
  background-image: url(/assets/icon_close_modal-2f033ed36fd4be7b8645532253b29bedd762bcba9e71ca0a632f6bbe1296e9e7.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 24px 12px;
  font-size: 0;
}

/* line 126, app/assets/stylesheets/shared/modals/subtle_modal.scss */
.subtle_modal.flash_modal .modal-body button.close:hover span {
  background-position: right top;
}
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
/* line 5, app/assets/stylesheets/shared/nouislider.scss */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  touch-action: none;
  user-select: none;
  box-sizing: border-box;
}

/* line 19, app/assets/stylesheets/shared/nouislider.scss */
.range-slider {
  width: 100%;
}

/* line 21, app/assets/stylesheets/shared/nouislider.scss */
.range-slider .indicator {
  padding: 7px 0 20px 0;
  font-size: 14px;
}

/* line 26, app/assets/stylesheets/shared/nouislider.scss */
.noUi-target {
  position: relative;
}

/* line 29, app/assets/stylesheets/shared/nouislider.scss */
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
/* line 39, app/assets/stylesheets/shared/nouislider.scss */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

/* line 43, app/assets/stylesheets/shared/nouislider.scss */
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
 */
/* line 61, app/assets/stylesheets/shared/nouislider.scss */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
/* line 69, app/assets/stylesheets/shared/nouislider.scss */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

/* line 73, app/assets/stylesheets/shared/nouislider.scss */
.noUi-horizontal .noUi-origin {
  height: 0;
}

/* line 76, app/assets/stylesheets/shared/nouislider.scss */
.noUi-handle {
  backface-visibility: hidden;
  position: absolute;
}

/* line 81, app/assets/stylesheets/shared/nouislider.scss */
.noUi-touch-area {
  height: 100%;
  width: 100%;
}

/* line 85, app/assets/stylesheets/shared/nouislider.scss */
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}

/* line 90, app/assets/stylesheets/shared/nouislider.scss */
.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
/* line 96, app/assets/stylesheets/shared/nouislider.scss */
.noUi-horizontal {
  height: 3px;
  border: none !important;
}

/* line 100, app/assets/stylesheets/shared/nouislider.scss */
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -9.49px;
}

/* line 106, app/assets/stylesheets/shared/nouislider.scss */
.noUi-vertical {
  width: 18px;
}

/* line 109, app/assets/stylesheets/shared/nouislider.scss */
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

/* line 115, app/assets/stylesheets/shared/nouislider.scss */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
/* line 123, app/assets/stylesheets/shared/nouislider.scss */
.noUi-target {
  margin: 0 16px 7px 6px;
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

/* line 131, app/assets/stylesheets/shared/nouislider.scss */
.noUi-connects {
  border-radius: 3px;
}

/* line 135, app/assets/stylesheets/shared/nouislider.scss */
.noUi-connect {
  background: #459dfd;
}

/* Handles and cursors;
 */
/* line 141, app/assets/stylesheets/shared/nouislider.scss */
.noUi-draggable {
  cursor: ew-resize;
}

/* line 144, app/assets/stylesheets/shared/nouislider.scss */
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

/* line 147, app/assets/stylesheets/shared/nouislider.scss */
.noUi-handle {
  border: none;
  border-radius: 100%;
  width: 22px !important;
  height: 22px !important;
  background: #459dfd;
  cursor: default;
}

/* Vertical layout;
 *
 */
/* line 159, app/assets/stylesheets/shared/nouislider.scss */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

/* line 165, app/assets/stylesheets/shared/nouislider.scss */
.noUi-value-vertical {
  transform: translate(0, -50%);
  padding-left: 25px;
}

/* line 170, app/assets/stylesheets/shared/nouislider.scss */
.noUi-rtl .noUi-value-vertical {
  transform: translate(0, 50%);
}

/* line 174, app/assets/stylesheets/shared/nouislider.scss */
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

/* line 179, app/assets/stylesheets/shared/nouislider.scss */
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

/* line 182, app/assets/stylesheets/shared/nouislider.scss */
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

/* line 185, app/assets/stylesheets/shared/nouislider.scss */
.noUi-tooltip {
  display: block;
  position: absolute;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

/* line 195, app/assets/stylesheets/shared/nouislider.scss */
.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  top: 100%;
  font-weight: 500;
  font-size: 14px;
}

/* line 203, app/assets/stylesheets/shared/nouislider.scss */
.noUi-vertical .noUi-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

/* line 209, app/assets/stylesheets/shared/nouislider.scss */
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

/* line 215, app/assets/stylesheets/shared/nouislider.scss */
.noUi-vertical .noUi-origin > .noUi-tooltip {
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 5, app/assets/stylesheets/shared/rates_table.scss */
.rates_table p.warning, .rates_table p.warning:last-child, .rates_warning p.warning, .rates_warning p.warning:last-child {
  margin-bottom: 1em;
  padding: 6px 12px;
  border-radius: 4px;
  background-color: #F2706E;
  text-align: left;
  color: #fff;
}

/* line 13, app/assets/stylesheets/shared/rates_table.scss */
.rates_table p.warning span, .rates_table p.warning:last-child span, .rates_warning p.warning span, .rates_warning p.warning:last-child span {
  font-weight: 600;
}

/* line 21, app/assets/stylesheets/shared/rates_table.scss */
.rates_table p.default_rate {
  display: none;
}

/* line 25, app/assets/stylesheets/shared/rates_table.scss */
.rates_table p.dates {
  margin-bottom: 16px !important;
  vertical-align: top;
  font-weight: 600;
  text-align: center;
}

/* line 31, app/assets/stylesheets/shared/rates_table.scss */
.rates_table p.dates .date_token {
  padding: 4px 6px 4px 6px;
  margin: 0 2px;
  display: inline-block;
  top: 0;
  margin-top: -1px;
  position: relative;
  background: #fff;
  border: 1px solid #D8E0E9;
  border-radius: 2px;
  cursor: pointer;
  color: #212D3A;
  font-size: 12px;
}

/* line 45, app/assets/stylesheets/shared/rates_table.scss */
.rates_table p.dates .date_token.active {
  background: #449dfd;
  color: #fff;
}

/* line 50, app/assets/stylesheets/shared/rates_table.scss */
.rates_table p.dates .date_token input {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  font-size: 16px;
}

/* line 66, app/assets/stylesheets/shared/rates_table.scss */
.rates_table .booking_more_info {
  display: block;
  margin-top: 12px;
  cursor: pointer;
  font-size: 12px;
}

/* line 72, app/assets/stylesheets/shared/rates_table.scss */
.rates_table .booking_more_info + .tooltip {
  min-width: 280px;
}

/* line 75, app/assets/stylesheets/shared/rates_table.scss */
.rates_table .booking_more_info + .tooltip .tooltip-inner {
  min-width: 290px;
  padding: 18px;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/reviews/index.scss */
.reviews .review {
  overflow: hidden;
  padding: 35px 0;
  border-top: 1px solid #D8E0E9;
  font-size: 14px;
  color: #677A8D;
  line-height: 26px;
}

/* line 11, app/assets/stylesheets/shared/reviews/index.scss */
.reviews .review .author_image {
  float: left;
  padding-left: 31px;
  margin-right: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  color: #212D3A;
  line-height: 12px;
}

/* line 21, app/assets/stylesheets/shared/reviews/index.scss */
.reviews .review .author_image img {
  width: 60px;
  display: block;
  margin-bottom: 20px;
  border-radius: 999em;
}

/* line 28, app/assets/stylesheets/shared/reviews/index.scss */
.reviews .review .author_image a {
  color: #212D3A;
}

/* line 33, app/assets/stylesheets/shared/reviews/index.scss */
.reviews .review .content {
  overflow: hidden;
  padding-right: 20px;
}

/* line 38, app/assets/stylesheets/shared/reviews/index.scss */
.reviews .review .meta {
  display: block;
  margin-top: 23px;
  font-weight: 500;
  font-size: 12px;
  color: #9FB2C6;
  line-height: 16px;
}

/* line 47, app/assets/stylesheets/shared/reviews/index.scss */
.reviews .review .response {
  margin-top: 25px;
}

/* line 50, app/assets/stylesheets/shared/reviews/index.scss */
.reviews .review .response .author_image {
  padding-left: 0;
  margin-right: 20px;
}

/* line 56, app/assets/stylesheets/shared/reviews/index.scss */
.reviews .review .response .content span {
  display: block;
  color: #212D3A;
}

@media (max-width: 767px) {
  /* line 64, app/assets/stylesheets/shared/reviews/index.scss */
  .reviews .review .author_image {
    float: none;
    margin-bottom: 20px;
  }
  /* line 69, app/assets/stylesheets/shared/reviews/index.scss */
  .reviews .review .content, .reviews .review .response .content {
    padding-right: 0;
  }
  /* line 74, app/assets/stylesheets/shared/reviews/index.scss */
  .reviews .review .response .content {
    padding-left: 24px;
  }
  /* line 78, app/assets/stylesheets/shared/reviews/index.scss */
  .reviews .review .response .author_image {
    display: none;
  }
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 4, app/assets/stylesheets/shared/smartbanner.scss */
.smartbanner--goboony .smartbanner__info {
  color: #212D3A;
}

/* line 6, app/assets/stylesheets/shared/smartbanner.scss */
.smartbanner--goboony .smartbanner__info .smartbanner__info__title {
  font-size: 16px;
}

/* line 9, app/assets/stylesheets/shared/smartbanner.scss */
.smartbanner--goboony .smartbanner__info .smartbanner__info__author, .smartbanner--goboony .smartbanner__info .smartbanner__info__price {
  font-size: 14px;
  color: #677A8D;
}

/* line 14, app/assets/stylesheets/shared/smartbanner.scss */
.smartbanner--goboony .smartbanner__button {
  background-color: #449dfd;
  color: #fff;
  border-radius: 999em;
  padding: 2px 15px;
}
/* line 2, app/assets/stylesheets/shared/traveller_insurance/info_modal.scss */
#traveller_insurance_info_modal.flash_modal .modal-body, #traveller_insurance_cancellation_info_modal.flash_modal .modal-body {
  padding: 60px;
  text-align: left;
}

@media (max-width: 768px) {
  /* line 2, app/assets/stylesheets/shared/traveller_insurance/info_modal.scss */
  #traveller_insurance_info_modal.flash_modal .modal-body, #traveller_insurance_cancellation_info_modal.flash_modal .modal-body {
    padding: 50px;
  }
}

/* line 10, app/assets/stylesheets/shared/traveller_insurance/info_modal.scss */
#traveller_insurance_info_modal.flash_modal .modal-body .close, #traveller_insurance_cancellation_info_modal.flash_modal .modal-body .close {
  margin-top: -32px;
  margin-right: -22px;
}

/* line 15, app/assets/stylesheets/shared/traveller_insurance/info_modal.scss */
#traveller_insurance_info_modal.flash_modal .modal-body h2, #traveller_insurance_cancellation_info_modal.flash_modal .modal-body h2 {
  margin: 0 0 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.78;
  color: #13d483;
  hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
}

/* line 29, app/assets/stylesheets/shared/traveller_insurance/info_modal.scss */
#traveller_insurance_info_modal.flash_modal .modal-body h2:before, #traveller_insurance_cancellation_info_modal.flash_modal .modal-body h2:before {
  content: "";
  display: inline-block;
  min-height: 33px;
  min-width: 28px;
  max-height: 33px;
  max-width: 28px;
  margin-right: 20px;
  background: url(/assets/icon-shield-green-5d7574c5dcc966ced024d1f70179d51a0e0632906cbe50df4e5413d98bebb16b.svg) no-repeat;
  background-size: cover;
}

/* line 42, app/assets/stylesheets/shared/traveller_insurance/info_modal.scss */
#traveller_insurance_info_modal.flash_modal .modal-body, #traveller_insurance_info_modal.flash_modal .modal-body p, #traveller_insurance_info_modal.flash_modal .modal-body li, #traveller_insurance_cancellation_info_modal.flash_modal .modal-body, #traveller_insurance_cancellation_info_modal.flash_modal .modal-body p, #traveller_insurance_cancellation_info_modal.flash_modal .modal-body li {
  font-size: 14px;
  color: #212D3A;
  letter-spacing: 0;
  line-height: 1.8;
}

/* line 49, app/assets/stylesheets/shared/traveller_insurance/info_modal.scss */
#traveller_insurance_info_modal.flash_modal .modal-body p, #traveller_insurance_cancellation_info_modal.flash_modal .modal-body p {
  margin-bottom: 28px;
}

/* line 53, app/assets/stylesheets/shared/traveller_insurance/info_modal.scss */
#traveller_insurance_info_modal.flash_modal .modal-body strong, #traveller_insurance_cancellation_info_modal.flash_modal .modal-body strong {
  font-weight: 500;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/type/list.scss */
ul.benefits {
  padding-left: 0;
  margin-bottom: 1.25rem;
}

/* line 7, app/assets/stylesheets/shared/type/list.scss */
ul.benefits > li {
  padding-left: 16px;
  margin-bottom: 10px;
  position: relative;
  list-style: none;
}

@media (min-width: 768px) {
  /* line 7, app/assets/stylesheets/shared/type/list.scss */
  ul.benefits > li {
    padding-left: 22px;
  }
}

/* line 17, app/assets/stylesheets/shared/type/list.scss */
ul.benefits > li:before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  top: 7px;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url(/assets/icon_checkmark_simple-b477bec06d20d3d6350ee3d89e45819916d3381e304236e32d218e10c48024b0.svg);
  background-position: left top;
}

/* line 30, app/assets/stylesheets/shared/type/list.scss */
ul.benefits > li.text-sm:before {
  top: 5px;
}

/* line 37, app/assets/stylesheets/shared/type/list.scss */
.list-green-checks__item {
  display: flex;
  align-items: center;
  color: #212D3A;
  font-size: 1rem;
  margin-bottom: 1em;
}

/* line 45, app/assets/stylesheets/shared/type/list.scss */
.list-green-checks__icon {
  width: 34px;
  max-width: 34px;
  height: 34px;
  flex: 0 0 34px;
  margin-right: 1.25em;
}

/* line 53, app/assets/stylesheets/shared/type/list.scss */
.list-green-checks__text {
  white-space: nowrap;
}

@media (max-width: 1199px) {
  /* line 58, app/assets/stylesheets/shared/type/list.scss */
  .list-green-checks__text {
    white-space: normal;
  }
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 4, app/assets/stylesheets/shared/updated_tos_modal.scss */
#updated_tos_modal.flash_modal .modal-body p, #updated_tos_modal.flash_modal .modal-body ul {
  margin-bottom: 1.1em;
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/shared/usp_bars.scss */
.usp-bar {
  height: 42px;
  position: relative;
  overflow-x: hidden;
  overflow: hidden;
  background: #f6f8f9;
  border-bottom: 1px solid #d8e0e9;
}

@media (min-width: 992px) {
  /* line 3, app/assets/stylesheets/shared/usp_bars.scss */
  .usp-bar {
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
  }
}

/* line 18, app/assets/stylesheets/shared/usp_bars.scss */
.usp-bar__item {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  min-width: 100vw;
  margin-left: 100vw;
  position: absolute;
  padding-top: 13px;
  padding-bottom: 11px;
  animation: usp-slide 25s ease-in-out infinite;
  visibility: hidden;
  background: #f6f8f9;
  font-size: 12px;
  line-height: 1.5;
  height: 42px;
  text-align: center;
}

@media (min-width: 992px) {
  /* line 18, app/assets/stylesheets/shared/usp_bars.scss */
  .usp-bar__item {
    margin-left: 30px;
    animation: none;
    min-width: 0;
    visibility: visible;
    position: relative;
  }
  /* line 42, app/assets/stylesheets/shared/usp_bars.scss */
  .usp-bar__item:nth-child(1) {
    margin-left: 0;
  }
}

/* line 47, app/assets/stylesheets/shared/usp_bars.scss */
.usp-bar__item strong {
  color: #13d483;
  font-weight: 500;
}

/* line 52, app/assets/stylesheets/shared/usp_bars.scss */
.usp-bar__item:nth-child(2) {
  animation-delay: 5s;
}

/* line 56, app/assets/stylesheets/shared/usp_bars.scss */
.usp-bar__item:nth-child(3) {
  animation-delay: 10s;
}

/* line 60, app/assets/stylesheets/shared/usp_bars.scss */
.usp-bar__item:nth-child(4) {
  animation-delay: 15s;
}

/* line 64, app/assets/stylesheets/shared/usp_bars.scss */
.usp-bar__item:nth-child(5) {
  animation-delay: 20s;
}

/* line 69, app/assets/stylesheets/shared/usp_bars.scss */
.usp-bar__item-icon {
  flex-shrink: 0;
  flex-basis: 12px;
  max-width: 12px;
  margin-right: 8px;
  padding-top: 4px;
}

/* line 77, app/assets/stylesheets/shared/usp_bars.scss */
.usp-bar__item-text {
  white-space: nowrap;
  font-weight: 500;
}

@keyframes usp-slide {
  0% {
    margin-left: 100vw;
    visibility: visible;
  }
  2.5% {
    min-width: 100%;
    margin-left: 0;
  }
  20% {
    min-width: 100%;
    margin-left: 0;
  }
  24% {
    margin-left: -250vw;
    visibility: hidden;
  }
  100% {
    margin-left: -250vw;
    visibility: hidden;
  }
}
/*

 */
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 5, app/assets/stylesheets/devise/general.scss */
.devise main {
  margin: 0;
  padding: 0;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100dvh;
}

/* line 14, app/assets/stylesheets/devise/general.scss */
.devise main .container {
  flex: 1;
  padding: 24px 0 72px;
}

/* line 18, app/assets/stylesheets/devise/general.scss */
.devise main .container .logo {
  height: 59px;
}

/* line 21, app/assets/stylesheets/devise/general.scss */
.devise main .container .logo.mobile {
  display: none;
}

/* line 26, app/assets/stylesheets/devise/general.scss */
.devise main .container .alert {
  margin-top: 20px;
  text-align: left;
}

/* line 30, app/assets/stylesheets/devise/general.scss */
.devise main .container .alert .glyphicon {
  display: none;
}

/* line 34, app/assets/stylesheets/devise/general.scss */
.devise main .container .alert ul {
  margin-top: -18px;
  margin-bottom: 0;
}

/* line 39, app/assets/stylesheets/devise/general.scss */
.devise main .container .alert.alert-danger {
  background-color: #FCB65F;
  border-color: #DC9539;
  color: #fff;
  font-weight: 600;
}

/* line 47, app/assets/stylesheets/devise/general.scss */
.devise main .container .modal-title {
  text-align: center;
}

@media (max-width: 479px) {
  /* line 56, app/assets/stylesheets/devise/general.scss */
  .devise main {
    min-height: 0;
  }
  /* line 59, app/assets/stylesheets/devise/general.scss */
  .devise main .container {
    display: block;
    padding: 24px 0;
  }
  /* line 63, app/assets/stylesheets/devise/general.scss */
  .devise main .container .logo {
    display: none;
  }
  /* line 66, app/assets/stylesheets/devise/general.scss */
  .devise main .container .logo.mobile {
    display: block;
    margin: 12px auto;
    height: 44px;
  }
}

@media (max-height: 479px) {
  /* line 78, app/assets/stylesheets/devise/general.scss */
  .devise main {
    min-height: 0;
    height: auto;
  }
  /* line 82, app/assets/stylesheets/devise/general.scss */
  .devise main .modal-dialog {
    margin: 10px auto;
  }
}
/* ----------  MIXINS  ---------- */
/* ----------  END of MIXINS  ---------- */
/* line 3, app/assets/stylesheets/devise/mobile-app-webview.scss */
body.devise.mobile-app-webview {
  padding-top: 0;
  min-height: 0;
  height: auto;
  background: #fff;
  font-size: 14px;
  color: #677A8D;
}

/* line 11, app/assets/stylesheets/devise/mobile-app-webview.scss */
body.devise.mobile-app-webview main {
  display: block;
}

/* line 15, app/assets/stylesheets/devise/mobile-app-webview.scss */
body.devise.mobile-app-webview main .container {
  padding: 25px 20px;
  text-align: left;
}

/* line 19, app/assets/stylesheets/devise/mobile-app-webview.scss */
body.devise.mobile-app-webview main .container .parsley-errors-list {
  font-size: 14px;
}

/* line 23, app/assets/stylesheets/devise/mobile-app-webview.scss */
body.devise.mobile-app-webview main .container .modal-body {
  padding: 0;
}

/* line 27, app/assets/stylesheets/devise/mobile-app-webview.scss */
body.devise.mobile-app-webview main .container .form-control {
  border: 1px solid #9FB1C7;
}

/* line 31, app/assets/stylesheets/devise/mobile-app-webview.scss */
body.devise.mobile-app-webview main .container #authentication_form_holder form label {
  padding-top: 10px;
  display: block;
  font-size: 14px;
  font-weight: 500;
}

/* line 39, app/assets/stylesheets/devise/mobile-app-webview.scss */
body.devise.mobile-app-webview .modal-backdrop {
  display: none;
}

/* line 44, app/assets/stylesheets/devise/mobile-app-webview.scss */
body.devise.mobile-app-webview .sign_up_confirmation .modal h2 {
  text-align: center;
}

/* line 48, app/assets/stylesheets/devise/mobile-app-webview.scss */
body.devise.mobile-app-webview .sign_up_confirmation .modal .row.action, body.devise.mobile-app-webview .sign_up_confirmation .modal .close {
  display: none;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *



 */
@keyframes slide-bottom-up {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}

@use "sass:math";
@media (min-width: 480px) {
  /* line 19, app/assets/stylesheets/devise/index.scss */
  .devise {
    padding-top: 0;
    background: #fff url(/assets/static/hero/hero_default_gb_full-aeb5dbc9c6aed63ba044289fb4cdd6d3ca5612e91acbcee2deb8fda34867eeac.jpg) no-repeat center;
    background-size: cover;
  }
}

@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 480px) and (min-resolution: 192dpi) {
  /* line 19, app/assets/stylesheets/devise/index.scss */
  .devise {
    background-image: url(/assets/static/hero/hero_default_gb_full@2x-f5a64c2adeca5ff9b24e87c6dffb606205ae9968f8dd0884418b301f12802522.jpg);
  }
}

@media (min-width: 480px) {
  /* line 30, app/assets/stylesheets/devise/index.scss */
  .devise.be {
    background-image: url(/assets/static/hero/hero_default_be_full-c74d5543a7a1d8978f9f0fcdc675bfc6b8a77f0b14d699bbfa75160fd942b7bf.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  /* line 30, app/assets/stylesheets/devise/index.scss */
  .devise.be {
    background-image: url(/assets/static/hero/hero_default_be_full@2x-a8775c98e36af789f8ad5cb894d84e3ed9d953f0d5fe6113012799c73096ab85.jpg);
  }
}

@media (min-width: 480px) {
  /* line 40, app/assets/stylesheets/devise/index.scss */
  .devise.it {
    background-image: url(/assets/static/hero/hero_default_it_full-2d7a6df2f11258881632eee55a2383bb80eb25fb38aeb0818fcbe2c71a479a16.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  /* line 40, app/assets/stylesheets/devise/index.scss */
  .devise.it {
    background-image: url(/assets/static/hero/hero_default_it_full@2x-44bf34cd45fe383d8f30d53b73a063a1648a889163e6c38c53578ca6c56d9a00.jpg);
  }
}

@media (min-width: 480px) {
  /* line 50, app/assets/stylesheets/devise/index.scss */
  .devise.nl {
    background-image: url(/assets/static/hero/hero_default_nl_full-06204387469ce441d4dacc4332cbe8834b67a703f1840a888b27192e29fbf71a.jpg);
  }
}

@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 480px) and (min-resolution: 192dpi) {
  /* line 50, app/assets/stylesheets/devise/index.scss */
  .devise.nl {
    background-image: url(/assets/static/hero/hero_default_nl_full@2x-1e069bcff5723ee25fd2f0c6ccfcbdbf49f504b2d9228795094771b8e358bd33.jpg);
  }
}

@media (min-width: 480px) {
  /* line 61, app/assets/stylesheets/devise/index.scss */
  .devise.de {
    background-image: url(/assets/static/hero/hero_default_de_full-c501385e6745bfc84098ff79aca0c21d99d76b895ffc2cb512619bccc3354a35.jpg);
  }
}

@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 480px) and (min-resolution: 192dpi) {
  /* line 61, app/assets/stylesheets/devise/index.scss */
  .devise.de {
    background-image: url(/assets/static/hero/hero_default_de_full@2x-2612be463db3c74f57a50812da558bcbf7099535c0de2212a9ebe7cae8b9c13c.jpg);
  }
}

@media (min-width: 480px) {
  /* line 71, app/assets/stylesheets/devise/index.scss */
  .devise.fr {
    background-image: url(/assets/static/hero/hero_default_fr_full-c0b78cf9e846cbd33a75b3748e1e16c8f79a3957adc342b8463be88515378e1c.jpg);
  }
}

@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 480px) and (min-resolution: 192dpi) {
  /* line 71, app/assets/stylesheets/devise/index.scss */
  .devise.fr {
    background-image: url(/assets/static/hero/hero_default_fr_full@2x-fe4c9a910f4c2cb0863f4f4cd116bf0d4b101b1f5c0f690adf7054fb5d678dc5.jpg);
  }
}