.LateralModal__background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 201;
}

.LateralModal {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  right: -100vw;
  height: 100vh;
  width: 100vw;
  background-color: #ffffff;
  box-shadow: -4px 0 10px 0 rgba(0, 0, 0, 0.15);
  z-index: 201;
  overflow-y: scroll;

  transition: right 0.5s ease;

  padding: 70px 15px 15px;
}

@media screen and (min-width: 768px) {
  .LateralModal {
    right: -400px;
    width: 400px;
  }
}

.LateralModal__close {
  position: absolute;
  top: 30px;
  left: 15px;
  cursor: pointer;
}

.LateralModal__close--icon {
  width: 20px;
  height: 20px;
}

.LateralModal.LateralModal__visible {
  right: 0px;
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.popup_active .ModalWithAvatar {
    transform: scale(1);
  }
.popup_closed .ModalWithAvatar {
    transform: scale(0);
  }
.ModalWithAvatar {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  width: 450px;
  border-radius: 8px;
  background: #ffffff;
  transform: scale(0);

  transition: 0.25s ease-out;
}
@media screen and (max-width: 576px) {
.ModalWithAvatar {
    position: absolute;
    bottom: 8px;
    width: calc(100% - 16px)
}
  }
.ModalWithAvatar .ModalWithAvatar__Avatar {
    display: inline-block;
    position: absolute;
    width: 88px;
    height: 88px;
    border: 4px solid #ffffff;
    margin-top: -108px;
    left: calc(50% - 44px);
  }
.ModalWithAvatar__Wrapper {
    box-sizing: border-box;
    position: fixed;
    z-index: 11;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.25s ease-out;
  }

.styles__ModalsContainer-iT2R {
  z-index: 2001;
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.Onboarding__modal.popup__main {
  width: 530px;
  min-height: 510px;
}
.Onboarding__modal .popup__content {
  max-width: 100%;
  margin: 0;
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.Form__Select--wrapper {
      position: relative;
      box-sizing: border-box;
      margin-bottom: 16px;
    }
.Form__Select--wrapper:after {
        position: absolute;
        top: 50%;
        right: 2px;
        width: 40px;
        height: 38px;
        margin: -18px 0 0; /* half the height - 1 */
        content: '';
        pointer-events: none;
        background: url(assets/icons/ico_down_black.svg) no-repeat 50% 50%;
      }
.Form__Select--wrapper select {
        box-sizing: border-box;
        padding: 0 30px 0 15px;
        font-size: 1rem;
        width: 100%;
        height: 48px;
        line-height: 48px;

        border: 1px solid #bbb;
        border-radius: 4px;

        color: #bbb;
        background-color: #ffffff;

        white-space: nowrap;
        text-overflow: ellipsis;

        -webkit-appearance: none;
        -moz-appearance: none;
      }
.Form__Select--wrapper select:focus {
          color: #333333;
          border: 1px solid #333333;
        }
.Form__Select--wrapper select::-ms-expand {
          display: none;
        }
.Form__Select--wrapper select.Form__Select--select-active {
        color: #333333;
        border: 1px solid #333333;
      }
.Form__Select--wrapper select.Form__Select--select-with-icon {
        padding-left: 45px;
      }
.Form__Select--wrapper label {
        cursor: pointer;
      }
.Form__Select--wrapper .Form__Select--icon {
        position: absolute;
        width: 45px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0px;
        top: 0px;
      }
.Form__Select--wrapper.disabled select {
        border: 1px solid #bbbbbb;
        color: #bbbbbb;
      }
.Form__Select--wrapper.disabled:after {
        background: url(assets/icons/ico_down_gray.svg) no-repeat 50% 50%;
      }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.RoomList__CheckBox--custom {
      position: absolute;
      left: 0;
      top: 0;
      height: 24px;
      width: 24px;
      border: 1px solid #333333;
      border-radius: 4px;
      cursor: pointer;
    }
.RoomList__CheckBox--wrapper {
      display: block;
      position: relative;
      line-height: 24px;
      padding-left: 32px;
      margin-bottom: 16px;
    }
.RoomList__CheckBox--wrapper input {
        display: none;
      }
.RoomList__CheckBox--wrapper input:checked ~ .RoomList__CheckBox--custom {
          background: url('assets/icons/form-check.svg') no-repeat center;
        }
.RoomList__CheckBox--wrapper label {
        cursor: pointer;
      }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}

/*!
 * Bootstrap Grid v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.container,
.container-fluid {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}
.container *,
.container-fluid *,
.container *::before,
.container-fluid *::before,
.container *::after,
.container-fluid *::after {
  box-sizing: inherit;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.333333%;
}
.offset-2 {
  margin-left: 16.666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.333333%;
}
.offset-5 {
  margin-left: 41.666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.333333%;
}
.offset-8 {
  margin-left: 66.666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.333333%;
}
.offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
/*# sourceMappingURL=bootstrap-grid.css.map */

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
html {
  box-sizing: border-box;
  font-size: 16px;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
#root {
  min-height: 100%;
  display: block;
}
input::-webkit-contacts-auto-fill-button {
  display: none !important;
}
input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}
input::-ms-clear {
  display: none;
}
a.disabled__link {
  pointer-events: none;
  cursor: default;
  opacity: 0.45;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}
a,
input,
button,
textarea,
select {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
textarea {
  resize: vertical;
}
.centered-flex-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.width-100 {
  width: 100%;
}
.no-padding {
  padding: 0;
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
body,
input,
button,
textarea,
select {
  font-family: 'modelica', sans-serif;
}
body {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;

  color: #333333;
}
h1 {
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;

  font-size: 1.5rem;
  font-weight: 700;

  -webkit-font-smoothing: antialiased;
}
h2 {
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;

  font-size: 1.26rem;
  font-weight: bold;
}
h3,
.form__title {
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;

  font-size: 1.06rem;
  font-weight: bold;
}
button {
  font-size: 0.875em;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}
.text-medium {
  font-weight: 500;
  line-height: 1.34;
  text-align: center;
  color: #333333;
}
.text-small {
  font-size: 0.7575em;
  font-weight: 400;
  line-height: 1.34;
  color: #757575;
}
.tab {
  font-size: 0.7575em;
  font-weight: 500;
  text-align: center;
  color: #333333;
}
.tab-lister {
  font-weight: bold;
  color: #ffc947;
}
.tab-seeker {
  font-weight: bold;
  color: #08c781;
}
input,
select {
  font-size: 0.82;
  font-weight: 500;
  letter-spacing: -0.1px;
  text-align: left;
  color: #333333;
}
input::-moz-placeholder, select::-moz-placeholder {
  font-size: 0.8789em;
  font-weight: 500;
  color: #bbbbbb;
}
input::placeholder,
select::placeholder {
  font-size: 0.8789em;
  font-weight: 500;
  color: #bbbbbb;
}
::-webkit-input-placeholder {
  color: #bbbbbb;
}
:-moz-placeholder {
  color: #bbbbbb;
}
::-moz-placeholder {
  color: #bbbbbb;
}
:-ms-input-placeholder {
  color: #bbbbbb;
}
.header__inner,
.menu__inner {
  position: relative;

  box-sizing: border-box;
  min-width: 320px;
  max-width: 1126px;
  margin: 0 auto;
  padding: 0 16px;
}
@media screen and (max-width: 480px) {
  .header__inner,
  .menu__inner {
    padding-right: 8px;
    padding-left: 8px;
  }
}
.header {
  position: fixed;
  z-index: 200;

  height: 60px;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  border-bottom: 1px solid #e1e1e1;
}
.layout_home .header,
.layout_page .header {
  border-bottom: none;
}
.header_search {
  height: 119px;
  position: fixed;
}
@media screen and (max-width: 1200px) {
  .header {
    height: 50px;

    border-bottom: 1px solid #e1e1e1;
  }
  .header_search {
    height: 167px;

    border-bottom: 0;
  }
}
.header__wrapper {
  position: fixed;
  z-index: 190;
  top: 0;
  right: 0;
  left: 0;

  height: 60px;
  transition: transform 0.25s ease-out;

  border-bottom: 1px solid #e1e1e1;
  background: #fff;
}
.layout_home .header__wrapper,
.layout_page .header__wrapper {
  border-bottom: none;
}
.header_hide .header__wrapper {
  transform: translateY(-80px);
}
@media screen and (max-width: 1200px) {
  .header__wrapper {
    z-index: auto;

    height: 50px;
    transition: box-shadow 0.25s ease-out;
  }
  .page_open .header__wrapper {
    z-index: 240;
  }
  .page_scrolled .header__wrapper {
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
  }
}
.header__inner {
  max-width: 100%;
}
.header__user {
  position: relative;

  float: right;

  box-sizing: border-box;
  height: 60px;
  margin: 0px;
}
@media screen and (max-width: 1200px) {
  .header__user {
    height: 50px;
    margin-left: 8px;
  }
}
.header__avatar {
  display: inline-block;
  overflow: hidden;

  width: 42px;
  height: 42px;
  margin: 6px 0 0;

  border: 2px solid #fff;
  border-radius: 50%;
  background-position: 50% 50%;
  background-size: cover;
}
.header__user_online .header__avatar {
  border-color: #fec059;
}
.nav__chat .header__avatar {
  width: 34px;
  height: 34px;
  margin: 0;

  vertical-align: middle;
}
.nav__chat .header__avatar:nth-child(2) {
  margin-left: -15px;
}
@media screen and (max-width: 1200px) {
  .header__avatar {
    width: 38px;
    height: 38px;
    margin-top: 3px;
  }
  .header__user .header__avatar {
    display: none;
  }
  .nav__item_profile .header__avatar {
    position: absolute;
    top: 4px;
    right: 8px;
  }
}
.header__photo {
  width: 100%;
  height: 100%;
}
.header__site {
  position: absolute;
  top: 15px;
  left: 16px;

  width: 93px;
  height: 27px;

  transition: none;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.header__site svg {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1200px) {
  .header__site {
    top: 16px;
    left: 50px;

    width: 72px;
    height: 19px;
  }
  .nav__item_site .header__site {
    left: 15px;
    top: 15px;
    height: 30px;
  }
}
@media screen and (max-width: 480px) {
  .header__site {
    left: 40px;
  }

  .nav__item_site .header__site {
    left: 15px;
    top: 15px;
    height: 30px;
  }
}
.header__nav {
  margin: 0 0 0 126px;
}
.header__user ~ .header__nav {
  margin-right: 64px;
}
@media screen and (max-width: 1200px) {
  .header__nav {
    position: fixed;
    z-index: 200;
    top: 0;
    bottom: 0;
    left: 0;

    overflow-y: auto;

    width: 266px;
    margin: 0;
    transition: transform 0.25s ease-out;
    transform: translateX(-266px);

    background: #fff;
  }
  .page_open .header__nav {
    transform: translateX(0);
  }
  .page_close .header__nav {
    transform: translateX(-266px);
  }
}
.header__overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;

  display: none;
  transition: opacity 0.25s ease-out;

  opacity: 0;
  background: #000;
}
@media screen and (max-width: 1200px) {
  .header__overlay {
    display: block;
  }
  .page_open .header__overlay {
    z-index: 190;
    bottom: 0;

    opacity: 0.4;
  }
  .page_close .header__overlay {
    z-index: -1;
    bottom: 0;

    opacity: 0;
  }
}
.header__actions {
  float: right;
  overflow: hidden;

  margin: 0 -1px 0 0;
  padding: 10px 22px 0;

  text-align: right;
}
.header__actions:before {
  float: right;

  width: 1px;
  height: 16px;
  margin: 12px -32px 0 0;

  content: '';

  background: #e0e0e0;
}
@media screen and (max-width: 1200px) {
  .header__actions {
    float: right;

    padding-top: 5px;
    padding-right: 0;
  }
  .header__actions:before {
    display: none;
  }
}
.header__burger {
  position: absolute;
  top: 15px;
  left: 16px;

  visibility: hidden;

  box-sizing: border-box;
  width: 22px;
  height: 22px;
  margin: 0;

  cursor: pointer;

  opacity: 0;
}
.header__burger_notice:after {
  position: absolute;
  top: -2px;
  right: -4px;

  width: 5px;
  height: 5px;

  content: '';

  border-radius: 50%;
  background: #ff7485;
}
.page_open .header__burger {
  transition: top 0.25s ease-out;
}
.page_open .header__burger:after {
  display: none;
}
@media screen and (max-width: 1200px) {
  .header__burger {
    visibility: visible;

    opacity: 1;
  }
}
@media screen and (max-width: 480px) {
  .header__burger {
    left: 8px;
  }
}
.header__burger-ico {
  position: absolute;
  top: 50%;
  left: 0;

  width: 22px;
  height: 2px;
  margin: -1px 0 0 0;

  border-radius: 3px;
  background: #dfdedf;
}
.header__burger-ico:before,
.header__burger-ico:after {
  position: absolute;
  top: -6px;
  left: 0;

  width: 100%;
  height: 2px;
  margin: -1px 0 0 0;

  content: '';
  transition: all 0.125s linear;

  border-radius: inherit;
  background: inherit;
}
.header__burger-ico:after {
  top: auto;
  bottom: -7px;
}
.nav {
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 1200px) {
  .nav {
    overflow: hidden;
  }
}
.nav__list {
  margin: 0;
  padding: 0;

  list-style: none;

  text-align: right;
}
@media screen and (max-width: 1200px) {
  .nav__list {
    display: flex;
    flex-direction: column;

    text-align: left;
  }
}
.nav__item {
  position: relative;

  float: right;

  height: 60px;
}
.nav__item:before {
  float: right;

  width: 1px;
  height: 16px;
  margin: 22px -1px 0 0;

  content: '';

  background: #333333;
}
.nav__item.nav__item_lang:before {
  display: none;
}
.nav__item_room,
.nav__item_badi {
  float: left;
}
.nav__item_room:before,
.nav__item_badi:before {
  display: none;
}
.nav__item_login_mobile {
  display: none;
}
.nav__item_site,
.nav__item_profile,
.nav__item_settings,
.nav__item_account,
.nav__item_switch,
.nav__item_logout {
  display: none;
}
@media screen and (max-width: 1200px) {
  .nav__item {
    float: none !important;
  }
  .nav__item {

    height: auto;
  }
  .nav__item:before {
    display: none;
  }
  .nav__item_signup,
  .nav__item_login {
    display: none;
  }
  .nav__item_login_mobile,
  .nav__item_account {
    display: block;
  }
  .nav__item_site,
  .nav__item_profile {
    display: block;

    border-bottom: 1px solid #e0e0e0;
  }
  .nav__item_settings,
  .nav__item_switch,
  .nav__item_logout,
  .nav__item_login_mobile,
  .nav__item_lang {
    display: block;

    border-top: 1px solid #e0e0e0;
  }
  .nav__item_login_mobile {
    padding-top: 16px;
  }
  .nav__item_chat {
    order: 6;
  }
  .nav__item_settings {
    order: 7;
  }
  .nav__item_account {
    order: 8;
  }
  .nav__item_help {
    order: 9;
  }
  .nav__item_lang {
    order: 10;
  }
  .nav__item_switch {
    order: 20;
  }
  .nav__item_logout,
  .nav__item_login_mobile {
    text-align: center;
    order: 11;
  }
}
.nav__link {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  color: #333333;

  /* Required web styles */
  line-height: 60px;
  display: block;
  height: 60px;
  padding: 0 16px;
  cursor: pointer;
  transition: color 0.125s linear;
  -webkit-text-decoration: none;
  text-decoration: none;
  border: none;
  background: none;
}
.nav__link:hover {
  color: #757575;
  -webkit-text-decoration: none;
  text-decoration: none;
}
@media screen and (min-width: 1260px) {
  .nav__link {
    padding: 0 24px;
  }
}
@media screen and (max-width: 1200px) {
  .nav__link {
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 44px;
    text-align: left;

    height: 44px;
    padding: 0 16px;
  }
  .nav__item_active .nav__link {
    padding-left: 13px;

    color: #494949;
    border-left: 3px solid #0edc84;
  }
  .nav__item_site .nav__link,
  .nav__item_profile .nav__link {
    line-height: 58px;

    height: 58px;
  }
  .nav__item_site .nav__link {
    text-align: center;
  }
  .nav__item_switch .nav__link {
    padding: 0 42px 0 16px;
    line-height: 22px;

    min-height: 54px;

    color: #ffc947;
  }
  .nav__item_request .nav__link {
    display: none;
  }
  .nav__item_request.nav__item_lister .nav__link {
    display: block;
  }
  .nav__item_logout .nav__link {
    width: 100%;

    text-align: center;

    color: #b2b2b2;
  }
  .nav__item_logout .nav__link:hover {
    color: #494949;
  }
  .nav__item_lang .nav__link {
    width: 100%;

    text-align: left;
  }
}
.browser_ff .nav__link {
  font-family: Arial, sans-serif;
}
.nav__icon {
  display: none;

  width: 20px;
  height: 20px;
  margin: 12px 6px 0 0;
  transition: opacity 0.125s ease-out;
  vertical-align: top;

  opacity: 0.5;
  background: url('assets/icons/set_menu.svg') no-repeat 0 50px;
}
.nav__item:hover .nav__icon,
.nav__item_active .nav__icon {
  opacity: 1;
}
.nav__icon_profile {
  margin-top: 19px;

  background-position: 0 0;
}
.nav__icon_search {
  background-position: 0 -80px;
}
.nav__icon_room {
  background-position: 0 -640px;
}
.nav__icon_badi {
  background-position: 0 -160px;
}
.nav__icon_settings {
  background-position: 0 -480px;
}
.nav__icon_help {
  background-position: 0 -560px;
}
.nav__icon_request {
  background-position: 0 -240px;
}
.nav__icon_invitations {
  background-position: 0 -240px;
}
.nav__icon_request_room {
  background-position: 0 -320px;
}
.nav__icon_chat {
  background-position: 0 -400px;
}
@media screen and (max-width: 1200px) {
  .nav__icon {
    display: inline-block;
  }
}
@media screen and (max-width: 1200px) {
  .nav__ico {
    position: absolute;
    top: 8px;
    right: 16px;
  }
}
.nav__item_switch .nav__ico {
  top: 14px;
}
.nav__counter {
  font-size: 10px;
  line-height: 22px;

  display: inline-block;

  box-sizing: border-box;
  min-width: 20px;
  height: 20px;
  padding: 0 4px;

  text-align: center;

  color: #fff;
  border-radius: 20px;
  background: #fb4848;
}
.nav__link .nav__counter {
  position: absolute;
  top: 9px;
  right: 0px;
}
@media screen and (min-width: 1260px) {
  .nav__link .nav__counter {
    right: 10px;
  }
}
.nav__sublink .nav__counter {
  position: absolute;
  top: 15px;
  right: 0;
}
@media screen and (max-width: 1200px) {
  .nav__counter {
    right: 16px !important;
  }
  .nav__sublink .nav__counter {
    top: 13px;
  }
}
.nav__subnav {
  font-size: 14px;

  position: absolute;
  z-index: -1;
  top: 100%;
  left: 50%;

  visibility: hidden;

  margin: -4px 0 0;
  padding: 0 24px;
  transition: 0.125s ease-out;
  transform: translate(-50%, 30px);
  text-align: left;
  white-space: nowrap;

  opacity: 0;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
}
.header__user .nav__subnav {
  right: 0;
  left: auto;
  transform: translate(0, 10px);
}
@media screen and (max-width: 1200px) {
  .header__user .nav__subnav {
    display: none;
  }
}
.nav__item:hover .nav__subnav,
.header__user:hover .nav__subnav {
  z-index: 10000;

  visibility: visible;

  opacity: 1;
}
.nav__item:hover .nav__subnav {
  transform: translate(-50%, 0);
}
.header__user:hover .nav__subnav {
  transform: translate(0, 0);
}
@media screen and (max-width: 1200px) {
  .nav__subnav {

    visibility: visible !important;
    transform: none !important;

    opacity: 1 !important;
  }
  .nav__subnav {
    position: relative;
    z-index: auto;
    top: auto;
    left: auto;

    margin: 0;
    padding: 0;
    box-shadow: none;
  }
  .nav__item_chat .nav__subnav,
  .nav__item_lang .nav__subnav {
    overflow: hidden;

    max-height: 0;
    padding-bottom: 0;
  }
  .nav__item_lang.nav__item_open .nav__subnav {
    max-height: 180px;
    padding-bottom: 16px;
  }
}
.naw__arrow {
  position: absolute;
  top: -20px;
  left: 50%;

  overflow: hidden;

  width: 40px;
  height: 20px;
  margin: 0 0 0 -20px;
}
.naw__arrow:before {
  position: absolute;
  top: 17px;
  left: 10px;

  width: 20px;
  height: 20px;

  content: '';
  transform: rotate(45deg);

  background: #fff;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
}
.header__user .naw__arrow {
  right: 5px;
  left: auto;
}
@media screen and (max-width: 1200px) {
  .naw__arrow {
    display: none;
  }
}
.nav__sublist {
  margin: 0;
  padding: 8px 0;

  list-style: none;

  border-top: 1px solid #e1e1e1;
}
.nav__sublist:first-child,
.naw__arrow + .nav__sublist {
  border-top: 0;
}
.nav__sublist_chat {
  padding: 0;
}
@media screen and (max-width: 1200px) {
  .nav__sublist {
    padding: 0;

    border: 0;
  }
  .nav__sublist_chat {
    display: none;
  }
}
.nav__sublist_chat .nav__subitem {
  border-bottom: 1px solid #e1e1e1;
}
.nav__subitem_all {

  border-bottom: none !important;
}
.nav__subitem_all {
  font-size: 12px;

  text-align: center;
}
.nav__sublink,
.nav__value {
  color: #757575;
  font-size: 0.8125rem;
  font-weight: 400;
}
.nav__value {
  display: inline-block;
  margin: 1px 0 0;
  vertical-align: top;
}
@media screen and (max-width: 1200px) {
  .nav__value {
    margin-top: 2px;
  }
}
.nav__sublink {
  line-height: 48px;
  position: relative;
  display: block;
  padding: 0 40px 0 16px;
  cursor: pointer;
  border: 0;
  background: none;
}
.nav__sublink:hover {
  color: #333333;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.nav__subitem_switch .nav__sublink {
  color: #ffc947;
}
.nav__subitem_all .nav__sublink {
  padding-right: 0;
}
.nav__subitem_active .nav__sublink {
  color: #333333;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  .nav__sublink {
    font-size: 14px;
    line-height: 44px;

    padding: 0 16px;
  }
  .nav__subitem_active .nav__sublink {
    color: #333333;
  }
  .nav__subitem_lang .nav__sublink {
    font-size: 12px;
    line-height: 32px;
  }
}
.nav__chat {
  line-height: 48px;

  color: #747474;
}
.nav__chat:hover {
  -webkit-text-decoration: none;
  text-decoration: none;

  color: #494949;
}
.nav__hard {
  display: block;
}
@media screen and (max-width: 1200px) {
  .nav__hard {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .nav__hard:after {
    display: inline-block;

    width: 16px;
    height: 16px;
    margin: 0 0 0 8px;

    content: '';
    transition: transform 0.125s ease-out;

    background: url('assets/icons/ico_down_small_gray.svg') no-repeat 50% 50%;
  }
  .nav__item_open .nav__hard:after {
    transform: rotate(180deg);
  }
}
.nav__label {
  display: inline-block;

  margin: 0 0 0 6px;

  vertical-align: middle;
}
.nav__hard .nav__label {
  display: none;
}
@media screen and (max-width: 1200px) {
  .nav__hard .nav__label {
    display: inline-block;

    margin-left: 0;
    flex: 1 1 auto;
  }
}
.nav__button {
  position: absolute;
  top: -2px;
  right: 16px;
}
.nav__note {
  font-size: 14px;

  display: none;

  margin: 16px;

  color: #747474;
}
@media screen and (max-width: 1200px) {
  .nav__note {
    display: block;
  }
}
.nav__signup {
  float: right;
}
.nav__signup,
.nav__login {
  display: inline-block;

  margin: 16px 0 0 0;

  vertical-align: middle;
}
@media screen and (max-width: 1200px) {
  .nav__signup,
  .nav__login {
    display: block;
    float: none;

    margin: 8px 0 8px -16px;
  }
  .nav__signup .button,
  .nav__login .button {
    width: 120px;
  }
}
.menu {
  position: relative;
  z-index: 190;

  height: 51px;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: transform 0.25s ease-out;
}
.menu_empty {
  margin-top: -51px;
}
.menu_hide {
  transform: translateY(-80px);
}
@media screen and (max-width: 1200px) {
  .menu {
    display: none;
  }
}
.menu__wrapper {
  position: fixed;
  top: 80px;
  right: 0;
  left: 0;

  height: 50px;
  transition: box-shadow 0.25s ease-out;

  border-bottom: 1px solid #e1e1e1;
  background: #fff;
}
.menu_empty .menu__wrapper {
  top: 10px;
}
.page_scrolled .menu__wrapper {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
}
.layout_home .menu__wrapper,
.layout_page .menu__wrapper {
  border-bottom: none;
}
.menu__list {
  margin: 0;
  padding: 0;

  list-style: none;
}
@media screen and (min-width: 1260px) {
  .menu__list {
    padding: 0 16px;
  }
}
.menu__item {
  display: inline-block;

  vertical-align: top;
}
.menu__link {
  font-size: 0.86rem;
  font-weight: 500;
  text-align: left;
  color: #333333;

  /* Necessary web styles */
  line-height: 50px;
  position: relative;
  display: block;
  overflow: hidden;
  height: 50px;
  margin: 0 30px 0 0;
  padding: 0 16px;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.menu__link:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  content: '';
  transition: transform 0.125s ease-out;
  transform: translateY(3px);
  opacity: 0;
  background: #0aeb8b;
}
.menu_orange .menu__link:after {
  background: #ffc947;
}
.menu__link:hover,
.menu__item_active .menu__link {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #0aeb8b;
}
.menu__link:hover:after,
.menu__item_active .menu__link:after {
  transform: translateY(0);
  opacity: 1;
}
.menu_orange .menu__link:hover,
.menu_orange .menu__item_active .menu__link {
  color: #ffc947;
}
@media screen and (min-width: 1260px) {
  .menu__link {
    padding: 0 32px;
  }
}
.fg-1 {
  flex-grow: 1;
}
.fg-2 {
  flex-grow: 2;
}
.layout__inner,
.post__inner {
  position: relative;

  box-sizing: border-box;
  min-width: 320px;
  max-width: 1126px;
  margin: 0 auto;
  padding: 0 16px;
}
@media screen and (max-width: 480px) {
  .layout__inner,
  .post__inner {
    padding-right: 8px;
    padding-left: 8px;
  }
}
.form__network,
.layout__control,
.map__point {
  font-size: inherit;
  font-weight: inherit;

  margin: 0;
  padding: 0;

  cursor: pointer;

  border: none;
  outline: none;
  background: none;
}
body {
  display: flex;
  overflow: hidden;
  overflow-y: scroll;
  flex-direction: column;

  width: 100%;
  margin: 0;
  padding: 0;
}
.page_ready {
  overflow-y: scroll;

  min-height: 100%;
}
.page_open,
.popup_open,
.slide_open {
  overflow: hidden;
}
.popup_open > #root {
  overflow: hidden;
  max-height: 100vh;
}
h1 {
  margin: 0;
}
h1:first-child {
  margin-top: 0;
}
@media screen and (max-width: 999px) {
  h1 {
    font-size: 32px;
  }
}
@media screen and (max-width: 762px) {
  h1 {
    font-size: 23.42857px;
  }
}
@media screen and (max-width: 600px) {
  h1 {
    font-size: 14.01126px;
  }
}
h2,
.title_h2 {
  position: relative;
  margin: 40px 0;
}
h2:first-child,
.title_h2:first-child {
  margin-top: 0;
}
@media screen and (max-width: 600px) {
  h2,
  .title_h2 {
    margin: 20px 0;
  }
}
.title_h2_light {
  margin-bottom: 32px;
}
.title_h2_light:after {
  display: none;
}
@media screen and (max-width: 600px) {
  .title_h2_light {
    margin-bottom: 16px;
  }
}
h3,
.title_h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;

  margin: 20px 0;
}
h3:first-child,
.title_h3:first-child {
  margin-top: 0;
}
h4,
.title_h4 {
  font-weight: bold;

  margin: 12px 0;
}
a {
  -webkit-text-decoration: none;
  text-decoration: none;

  color: inherit;
}
a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;

  color: inherit;
}
.darklink {
  -webkit-text-decoration: underline;
  text-decoration: underline;

  color: #494949;
}
.darklink:hover {
  -webkit-text-decoration: none;
  text-decoration: none;

  color: #494949;
}
p {
  margin: 12px 0;
}
p:first-child {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}
img {
  border: 0;
}
img[align='left'] {
  float: left;

  margin: 0 60px 20px 0;
}
@media screen and (max-width: 999px) {
  img[align='left'] {
    margin-right: 20px;
  }
}
img[align='right'] {
  float: right;

  margin: 0 0 20px 60px;
}
@media screen and (max-width: 999px) {
  img[align='right'] {
    margin-left: 20px;
  }
}
hr {
  margin: 16px 0;

  border: none;
  border-bottom: 2px solid #e1e1e1;
}
hr:first-child {
  margin-top: 0;
}
hr:last-child {
  margin-bottom: 0;
}
hr.light {
  border-bottom: 1px solid #fff;
}
.hidden {
  display: none;
}
.displayFlex {
  display: flex;
}
.text_large {
  font-size: 22px;
  line-height: 1.15;
}
.text_center,
.text_center > h2 {
  text-align: center;
}
.text_left {
  text-align: left;
}
.text_right {
  text-align: right;
}
.text_body {
  color: #494949;
}
.text_primary {
  color: #0aeb8b;
}
.text_accent {
  color: #fec059;
}
.text_warning {
  color: #fb4848;
}
.text_alt {
  color: #489cff;
}
.text_dark {
  color: #747474;
}
.text_success {
  color: #0aeb8b;
}
.text_secondary {
  color: #939393;
}
.text_hint {
  color: #b2b2b2;
}
.text_faint {
  color: #c3c3c3;
}
.text_big {
  font-size: 1rem;
}
@media screen and (max-width: 600px) {
  .text_big {
    font-size: 16px;
  }
}
.no_photo {
  display: block;

  width: 75px;
  height: 75px;
  margin: auto;
  padding: 0;

  cursor: pointer;

  border: 0;
  outline: none;
  background: url('assets/icons/ico_no_photo.svg') no-repeat 50% 50%;
}
@media screen and (max-width: 999px) {
  .text_desktop {
    display: none;
  }
}
.text_mobile {
  display: none;
}
@media screen and (max-width: 999px) {
  .text_mobile {
    display: inline;
  }
}
.text_nowrap {
  white-space: nowrap;
}
@media screen and (max-width: 999px) {
  .block_desktop {
    display: none;
  }
}
.block_mobile {
  display: none;
}
@media screen and (max-width: 999px) {
  .block_mobile {
    display: block;
  }
}
.button {
  font-size: 1rem;
  font-weight: 500;
  line-height: 38px;
  margin: 0;

  position: relative;

  display: inline-block;

  box-sizing: border-box;
  min-width: 50px;
  height: 38px;
  padding: 0 16px;

  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: 0.125s ease-out;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-text-decoration: none;
  text-decoration: none;

  color: #fff;
  border: 0;
  border-radius: 4px;
  outline: none;
  background: #0aeb8b;
  text-shadow: none;
}
.button:hover {
  -webkit-text-decoration: none;
  text-decoration: none;

  color: #fff;
  background: #0aeb8b;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}
.button:active {
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
}
.button_light {
  line-height: 34px;

  color: #0aeb8b;
  border: 2px solid #0aeb8b;
  background: none;
}
.button_light:hover {
  color: #06b86c;
  border-color: #06b86c;
  background: none;
  box-shadow: none;
}
.button_light:active {
  color: #d8d8d8;
  border-color: #d8d8d8;
  box-shadow: none;
}
.button_normal {
  color: #fff;
  background: #0aeb8b;
}
.button_normal:hover {
  color: #fff;
  background: #00cb73;
}
.button_accent {
  color: #fff;
  background: #fec059;
}
.button_accent:hover {
  color: #fff;
  background: #fec059;
}
.button_accent.button_light {
  color: #fec059;
  border-color: #fec059;
  background: none;
}
.button_accent.button_light:hover {
  color: #edaf48;
  border-color: #edaf48;
}
.button_accent.button_light:active {
  color: #d8d8d8;
  border-color: #d8d8d8;
  box-shadow: none;
}
.button_payment {
  color: #fff;
  background: #489cff;
}
.button_payment:hover {
  color: #fff;
  background: #489cff;
}
.button_payment.button_light {
  color: #489cff;
  border-color: #489cff;
  background: none;
}
.button_payment.button_light:hover {
  color: #489cff;
  border-color: #489cff;
}
.button_payment.button_light:active {
  color: #d8d8d8;
  border-color: #d8d8d8;
  box-shadow: none;
}
.button_warning {
  color: #fff;
  background: #fb4848;
}
.button_warning:hover {
  color: #fff;
  background: #fb4848;
}
.button_warning.button_light {
  color: #fb4848;
  border-color: #fb4848;
  background: none;
}
.button_warning.button_light:hover {
  color: #ee6374;
  border-color: #ee6374;
}
.button_warning.button_light:active {
  color: #d8d8d8;
  border-color: #d8d8d8;
  box-shadow: none;
}
.button_dark {
  color: #fff;
  background: #d9d9d9;
}
.button_dark:hover {
  color: #fff;
  background: #a6a6a6;
}
.button_dark.button_light {
  color: #747474;
  border-color: #d9d9d9;
  background: none;
}
.button_dark.button_light:hover {
  color: #747474;
  border-color: #a6a6a6;
}
.button_dark.button_light:active {
  color: #d8d8d8;
  border-color: #d8d8d8;
  box-shadow: none;
}
.button_white {
  color: #494949;
  background: #ffffff;
}
.button_white:hover {
  color: #494949;
  background: #ffffff;
}
.button_white.button_light {
  color: #ffffff;
  border-color: #ffffff;
  background: none;
}
.button_white.button_light:hover {
  color: #ffffff;
  border-color: #f8f8f8;
}
.button_white.button_light:active {
  color: #ffffff;
  border-color: #f8f8f8;
  box-shadow: none;
}
.button_white.button_wait {
  background: #d8d8d8;
}
.button_link {
  color: #0aeb8b;
  background: none;
}
.button_link:hover {
  color: #06b86c;
  background: none;
  box-shadow: none;
}
.button_link_dark {
  color: #b2b2b2;
  background: none;
}
.button_link_dark:hover {
  color: #494949;
  background: none;
  box-shadow: none;
}
.button_underline {
  height: 26px;
  line-height: 30px;
  background: none;
  min-width: auto;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0;
  border-radius: initial;
  padding: 0;
}
.button_text {
  font-weight: 700;
  border: 0;
  outline: none;
  cursor: pointer;
  font-size: 1.125em;
}
.button_bold {
  font-weight: 700;
}
.button_wide {
  width: 100%;
}
.button_long {
  min-width: 200px;
}
.button + .button,
.Button + .Button,
.text_text + .button,
.text_text + .Button {
  margin-left: 10px;
}
.text_text {
  font-weight: 500;
}
.form__fieldset .button + .button,
.form__fieldset .Button + .Button {
  margin-left: 16px;
}
.button_small {
  font-size: 14px;
  line-height: 28px;

  height: 28px;
}
.button_small.button_light {
  line-height: 24px;
}
.button_big {
  font-size: 20px;
  line-height: 48px;

  height: 48px;
}
.button_big.button_light {
  line-height: 44px;
}
.button_disabled,
.button:disabled {
  cursor: default;

  color: #fff;
  background: #d9d9d9;
  box-shadow: none;
}
.button_disabled:hover,
.button:disabled:hover {
  color: #fff;
  background: #d9d9d9;
  box-shadow: none;
}
.button_disabled.button_light,
.button_disabled.button_light:hover,
.button:disabled.button_light,
.button:disabled.button_light:hover {
  color: #d9d9d9;
  border-color: #d9d9d9;
  background: none;
  box-shadow: none;
}
.button_text.button_disabled,
.button_text:disabled,
.button_text.button_disabled:hover,
.button_text:disabled:hover {
  color: #d9d9d9;
  border: none;
  background: none;
  box-shadow: none;
}
.button_underline:disabled,
.button_underline:hover,
.button_underline:disabled:hover {
  color: #d9d9d9;
  border-color: #d9d9d9;
  background: none;
  box-shadow: none;
}
.button_round,
.button_circle {
  position: relative;

  width: 36px;
  min-width: 10px;
  height: 36px;
  padding: 0;

  text-align: center;

  border: 1px solid #f5f5f5;
  border-radius: 50%;
  background: #f5f5f5;
  box-shadow: none;
}
.button_round svg,
.button_round img,
.button_circle svg,
.button_circle img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.button_round:hover,
.button_round.button_wait,
.button_round.button_active,
.button_circle:hover,
.button_circle.button_wait,
.button_circle.button_active {
  border-color: #0aeb8b;
  background: #fff;
  box-shadow: none;
}
.button_round:hover {
  border: none;
}
.button_round.button_bold,
.button_circle.button_bold {
  border-width: 2px;
}
.button_circle {
  width: 34px;
  height: 34px;

  border-color: #e1e1e1;
  background: #fff;
}
.button_circle:hover,
.button_circle.button_wait,
.button_circle.button_active {
  border-color: #0aeb8b;
}
.button_wait {
  color: transparent !important;
}
.button_wait {
  box-shadow: none;
}
.button_wait:hover {
  box-shadow: none;
}
.button_wait:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  content: '';

  background: url('assets/icons/ico_wait_white.svg') no-repeat 50% 50%;
  background-size: auto 80%;
}
.button_wait.button_light:after,
.button_wait.button_round:after {
  background-image: url('assets/icons/ico_wait_white.svg');
}
.button_wait.button_underline,
.button_wait.button_underline:hover {
  border-color: transparent;
}
.button_wait.button_underline.button_blue:after {
  background-image: url('assets/icons/ico_wait_blue.svg');
}
.button_restrain,
.footer .button {
  min-width: 110px;
}
@media screen and (min-width: 1260px) {
  .button_restrain,
  .footer .button {
    min-width: 150px;
  }
}
.button_facebook,
.button_email,
.button_google {
  line-height: 32px;

  height: 36px;
  padding: 0 8px;

  border-radius: 4px;
}
.button_facebook {
  background: #3b5998;
}
.button_facebook:hover {
  background: #2a4887;
}
.button_facebook:active {
  box-shadow: inset 0 2px 0 #3b5998;
}
.button_email {
  background: #ffffff !important;
}
.button_email:hover {
  background: #f8f8f8;
}
.button_google {
  background: #ffffff !important;
}
.button_google:hover {
  background: #f8f8f8;
}
.button_facebook .button__ico,
.button_facebook img,
.button_email .button__ico,
.button_email img,
.button_google img,
.button_google .button__ico {
  float: left;
  margin-left: 8px;
  margin-top: 6px;
}
.button_facebook_big,
.button_email_big,
.button_google_big {
  line-height: 42px;

  height: 46px;
}
.button_facebook_big .button__ico,
.button_facebook_big img,
.button_email_big .button__ico,
.button_google_big .button__ico {
  margin-top: 13px;
}
.button_email_big img {
  margin-top: 8px;
}
@media screen and (max-width: 762px) {
  .button_mobile_link {
    width: auto;

    border: none;
    background: none;
  }
}
@media screen and (max-width: 480px) {
  .button {
    font-size: 14px;
  }
  .button_big {
    line-height: 38px;

    height: 38px;
  }
  .button_big.button_light {
    line-height: 34px;
  }
  .footer .button {
    min-width: 100px;
  }
  .button_wide {
    padding: 0 1px;
  }
}
.browser_ff .button {
  font-family: Arial, sans-serif;
}
.form__input .button {
  white-space: nowrap;
}
.button_icon {
  width: 24px;
  height: 24px;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.button__ico {
  display: inline-block;

  width: 19px;
  height: 19px;
  max-height: 19px;
  transition: 0.125s ease-out;
  vertical-align: middle;
  flex: 0 0 auto;
}
.button__ico path {
  fill: #fff;
}
.button_light .button__ico path {
  fill: #0aeb8b;
}
.button_accent.button_light .button__ico path {
  fill: #fec059;
}
.button_warning.button_light .button__ico path {
  fill: #fb4848;
}
.button_light.button_disabled .button__ico path,
.button_light.button:disabled .button__ico path {
  fill: #d9d9d9;
}
.button_round .button__ico path {
  fill: #b2b2b2;
  stroke: #b2b2b2;
}
.button_round:hover .button__ico path,
.button_active .button__ico path {
  fill: #0aeb8b;
  stroke: #0aeb8b;
}
.button_bold .button__ico {
  width: 18px;
  height: 18px;
}
.button_big .button__ico {
  width: 24px;
  height: 24px;
  max-height: 24px;
}
.button_small .button__ico {
  width: 14px;
  height: 14px;
  max-height: 14px;
}
.button_wait .button__ico {
  opacity: 0;
}
.button_refresh .button__ico {
  animation: refresh 2s linear infinite;
}
@media screen and (max-width: 762px) {
  .button_mobile_link .button__ico {
    display: none;
  }
}
@keyframes refresh {
  100% {
    transform: rotate(360deg);
  }
}
.button__text {
  display: inline-block;

  margin: 0 auto;

  vertical-align: middle;
}
.button__ico + .button__text {
  margin: 0 0 0 12px;
}
.button_facebook .button__ico + .button__text,
.button_google .button__ico + .button__text,
.button_email .button__ico + .button__text {
  margin: 0 0 0 -12px;
}
.button__hint {
  font-size: 10px;
  line-height: 1.15;

  position: absolute;
  bottom: 100%;
  left: 50%;

  margin: 0 0 5px;
  padding: 2px 4px;
  transition: 0.25s 0.1s ease-out;
  transform: translate(-50%, -6px);

  opacity: 0;
  color: #b2b2b2;
  border-radius: 3px;
  background: #fff;
}
.button__hint:after {
  position: absolute;
  top: 100%;
  left: 50%;

  width: 0;
  height: 0;
  margin: 0 0 0 -3px;

  content: '';

  border-top: 3px solid #fff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.button:hover .button__hint {
  transition-delay: 0s;
  transform: translate(-50%, 0);

  opacity: 1;
}
@media screen and (max-width: 762px) {
  .button_mobile_link .button__hint {
    transform: none !important;

    opacity: 1 !important;
  }
  .button_mobile_link .button__hint {
    font-size: 14px;
    line-height: inherit;

    position: relative;
    bottom: auto;
    left: auto;

    margin: 0;
    padding: 0;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #494949;
    background: none;
  }
  .button_mobile_link .button__hint:after {
    display: none;
  }
}
.button_green {
  color: #0aeb8b;
  border-color: #0aeb8b;
}
.button_green:hover {
  color: #06b86c;
  border-color: #0aeb8b;
}
.button_blue {
  color: #489cff;
  border-color: #489cff;
}
.button_blue:hover {
  color: #489cff;
  border-color: #489cff;
}
.button_gray {
  color: #b2b2b2;
  border-color: #b2b2b2;
}
.button_gray:hover {
  color: #b2b2b2;
  border-color: #b2b2b2;
}
.form {
  position: relative;
}
.form__fieldset {
  position: relative;

  margin: 24px 0;
}
.form__fieldset:first-child {
  margin-top: 0;
}
.form__fieldset:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .form__fieldset {
    margin: 16px 0;
  }
}
.form__set {
  margin: 32px 0;
}
.form__set:first-child {
  margin-top: 0;
}
.form__set:last-child {
  margin-bottom: 0;
}
.form__set .human {
  margin-right: 16px;
}
.form__legend {
  font-size: 16px;
  font-weight: 700;

  display: table;

  margin: 0 0 16px;
}
.form__half,
.form__third {
  display: table;

  width: 100%;
}
.form__title + .form__half,
.form__description + .form__half,
.form__title + .form__third,
.form__title + .form__text {
  margin-top: 16px;
}
@media screen and (max-width: 762px) {
  .form__half,
  .form__third {
    display: block;
  }
}
.form__list {
  -moz-columns: 3 200px;
  columns: 3 200px;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.form__list_thin {
  -moz-columns: 2 150px;
  columns: 2 150px;
}
.form__list_vertical {
  -moz-columns: 1 150px;
  columns: 1 150px;
}
.form__row {
  position: relative;

  margin: 12px 0;
}
.form_light .form__row {
  margin: 16px 0;
}
@media screen and (max-width: 600px) {
  .form_light .form__row {
    margin: 8px 0;
  }
}
.form__row_half {
  width: 47.5%;
}
.form_signup .form__row_half {
  width: 46%;
}
@media screen and (max-width: 600px) {
  .form__row_half {
    width: auto;
  }
}
.form__row_third {
  width: 30%;
}
@media screen and (max-width: 600px) {
  .form__row_third {
    width: auto;
  }
}
.form__row:first-child {
  margin-top: 0;
}
.form__row:last-child {
  margin-bottom: 0;
}
.form__row_submit {
  margin-top: 50px;

  text-align: center;
}
.form_light .form__row_submit {
  margin-top: 40px;
}
.form__element {
  position: relative;

  display: block;

  max-width: 460px;
  margin-bottom: 20px;
}
.form__element_empty {
  visibility: hidden;
}
.form__element_wide {
  max-width: 100%;
}
.form__half .form__element,
.form__third .form__element {
  display: table-cell;

  padding: 0 16px;

  vertical-align: bottom;
}
.form__half .form__element:first-child,
.form__third .form__element:first-child {
  padding-left: 0;
}
.form__half .form__element:last-child,
.form__third .form__element:last-child {
  padding-right: 0;
}
.form__half_top .form__element {
  vertical-align: top;
}
.form__half_middle .form__element {
  vertical-align: middle;
}
.form__half .form__element {
  width: 48.5%;
  max-width: 350px;
}
.form__third .form__element {
  width: 31.3%;
}
.form__element_complex {
  padding-left: 130px !important;
}
@media screen and (max-width: 999px) {
  .form__half .form__element {
    max-width: 100%;
  }
}
@media screen and (max-width: 762px) {
  .form__half .form__element,
  .form__third .form__element {
    display: block;

    width: auto;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .form__element + .form__element {
    margin: 32px 0 0;
  }
  .form__element + .form__element:first-child {
    margin-top: 0;
  }
  .form__element + .form__element:last-child {
    margin-bottom: 0;
  }
  .form__element.text_right {
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .form__element_complex {
    padding-left: 0 !important;
  }
  .form__element + .form__element {
    margin: 16px 0 0;
  }
  .form__element + .form__element:first-child {
    margin-top: 0;
  }
  .form__element + .form__element:last-child {
    margin-bottom: 0;
  }
  .form__element_error,
  .form__element + .form__element_error {
    margin-top: 32px;
  }
}
.form__string {
  display: flex;

  min-height: 42px;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
}
.form__title + .form__string {
  margin-top: 25px;
}
.form__string + .form__string {
  margin-top: 16px;
}
.form__string_ext {

  margin-top: 0 !important;
}
.form__string_ext {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
}
@media screen and (max-width: 762px) {
  .form__string_months {
    display: block;
  }
  .form__string_ext {

    margin-top: 16px !important;
  }
  .form__string_ext {
    position: relative;
    top: auto;
    left: auto;
  }
  .form__string_or {

    margin-top: 0 !important;
  }
  .form__string_or {
    position: absolute;
    top: 0;
    left: 330px;
  }
  .form__string_mobile_center {
    justify-content: center;
  }
  .form__string_fablet_start {
    justify-content: flex-start;
  }
}
.form__string_or {
  margin-left: 8px;
}
@media screen and (max-width: 600px) {
  .form__string_mobile_fall {
    display: block;
  }
  .form__string_or {
    top: 24px;
    left: 210px;
  }
}
@media screen and (max-width: 480px) {
  .form__string_or {
    left: 165px;
  }
}
.form__title,
.form__description {
  display: table;

  width: 100%;
  height: 25px;
  margin: 0 0 5px;
}
.form__title:after {
  display: none;
}
.form__title_beside {
  width: auto;
}
.form__string .form__title {
  line-height: 1.25;

  display: inline;

  width: 134px;
  height: auto;
  margin: 0 4px 0 0;
  flex: 0 0 auto;
}
.form__string .form__title_short {
  width: auto;
  max-width: 134px;
}
.form__title .switcher__view {
  display: table-cell;
}
.form__title_vertical {
  display: block;

  height: auto;
}
.form__element_included .form__title {
  max-width: 190px;
}
@media screen and (max-width: 762px) {
  .form__string_months .form__title {
    display: block;

    width: auto;
    margin-bottom: 8px;
  }
}
.form__name,
.form__info,
.form__ico {
  display: table-cell;

  vertical-align: bottom;
}
.form__ico + .form__name,
.form__ico + .form__name {
  padding-left: 16px;

  vertical-align: middle;
}
.form__name {
  padding-right: 16px;
}
.form__info {
  font-weight: 400;
  text-align: right;
  color: #757575;
}
.form__label,
.form__error {
  font-size: 0.8rem;
  font-weight: 500;

  position: absolute;
  top: 0;

  overflow: hidden;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: 0.125s ease-out;
  white-space: nowrap;
  text-overflow: ellipsis;

  color: #757575;
}
.form__string .form__label,
.form__input_unlabled .form__label,
.form__string .form__error,
.form__input_unlabled .form__error {
  top: -20px;
}
.form__label {
  left: 0;
}
.form__field ~ .form__label {
  top: 32px;
  right: 22px;
  left: 22px;
}
.form__element_big .form__field ~ .form__label {
  top: 37px;
}
@media screen and (max-width: 999px) {
  .form__field ~ .form__label {
    right: 12px;
    left: 12px;
  }
}
.form__element_fill .form__label,
.form__field:focus ~ .form__label {
  top: 0 !important;
  left: 0 !important;
}
.form__error {
  right: 0;
  line-height: 1.2;
  top: -18px;

  opacity: 0;
  color: #fb4848;
}
.form__error_active,
.form__field_error ~ .form__error,
.form__select_error ~ .form__error,
.form__textarea_error ~ .form__error,
.form__element_error .form__error {
  opacity: 1;
}
.form__list > .form__error {
  margin-right: 32px;
}
.form__fieldset > .form__error {
  top: auto;
  bottom: -10px;
}
.form__fieldset > .form__error.form__error_photo {
  bottom: -30px;
  width: 100%;
  white-space: normal;
}
.form__error_prelist {
  position: static;
  right: auto;
  bottom: auto;

  display: block;
}
.form__counter {
  font-size: 11px;
  font-weight: 400;

  display: block;

  margin: 4px 0 0;

  text-align: right;
  white-space: nowrap;
  text-overflow: ellipsis;

  color: #b2b2b2;
}
.form__counter_limit {
  color: #fb4848;
}
.form__act {
  display: block;
  margin-top: 8px;
  color: #333333;
}
@media screen and (min-width: 576px) {
.form__act {
    margin-top: 0;
    color: #b2b2b2;
    position: absolute;
    top: 14px;
    right: 16px
}
  }
.form__act:hover {
  color: #5ddefa;
}
.form__input {
  position: relative;

  display: block;
}
.form__input_unlabled {
  padding-top: 0;
}
.form__string .form__input {
  display: inline;

  padding-top: 0;
  flex: 1 1 auto;
}
.form__date .form__input {
  padding-top: 0;
}
.form__date .form__input + .form__input {
  margin-left: 5px;
}
.form__input_country {
  float: left;

  width: 120px;
  margin-left: -130px;
}
.form__input_short {
  flex: 0 0 auto !important;
}
.form__input_short {
  margin-right: auto;
}
.form__element_included .form__input {
  margin-right: 0;
}
@media screen and (max-width: 762px) {
  .form__string .form__input_ext {
    display: block;

    width: 180px;
    flex: 0 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .form__string .form__input {
    display: block;

    margin-top: 8px;
    padding-top: 0;
  }
  .form__string .form__input_ext {
    width: 180px;
  }
  .form__element_included .form__input {
    text-align: center;
  }
  .form__element_included .form__input .switcher {
    margin-right: 16px;
    margin-left: 16px;
  }
  .form__element_included .form__input .switcher__text {
    min-width: 90px;
  }
}
@media screen and (max-width: 480px) {
  .form__string .form__input_ext {
    width: 146px;
  }
  .form__input_country {
    float: none;

    width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
  }
}
.form__field,
.form__select,
.form__textarea {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;

  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 9px 20px 9px;

  transition: 0.125s linear;

  color: #333333;
  border: 2px solid #eeeeee;
  border-radius: 4px;
  outline: none;
  background: #fff;

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;
}
.form__element_big .form__field,
.form__element_big .form__select,
.form__element_big .form__textarea {
  padding-top: 14px;
  padding-bottom: 14px;
}
.form__field_error,
.form__element_error .form__field,
.form__select_error,
.form__element_error .form__select,
.form__textarea_error,
.form__element_error .form__textarea {
  border-color: #fb4848;
}
.form__field:focus,
.form__select:focus,
.form__textarea:focus {
  border-color: #0aeb8b;
}
.form__field--blue-sky:focus {
  border-color: #5ddefa;
}
.form__field:disabled,
.form__select:disabled,
.form__textarea:disabled {
  cursor: default;

  border: 2px solid #f2f2f2;
}
@media screen and (max-width: 999px) {
  .form__field,
  .form__select,
  .form__textarea {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 600px) {
  .form__field,
  .form__select,
  .form__textarea {
    font-size: 0.86rem;

    padding-top: 11px;
    padding-bottom: 10px;
  }
}
.form__input_ext .form__field,
.form__input_ext .form__select,
.form__input_ext .form__textarea {
  padding-right: 60px;
}
@media screen and (max-width: 480px) {
  .form__input_ext .form__field,
  .form__input_ext .form__select,
  .form__input_ext .form__textarea {
    padding-right: 36px;
  }
}
.form__field::-webkit-contacts-auto-fill-button {

  display: none !important;
}
.form__field::-webkit-contacts-auto-fill-button {
  position: absolute;
  right: 0;
  visibility: hidden;

  pointer-events: none;
}
.form__textarea {
  font-size: 14px;
  line-height: inherit;

  display: block;
  overflow: hidden;

  height: 160px;
  max-height: 300px;
  padding-top: 16px;
  padding-bottom: 16px;

  resize: vertical;
}
.form__textarea_big {
  height: 260px;
}
.form__select {
  height: 42px;
  padding-top: 0;
  padding-bottom: 0;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form__select::-ms-expand {
  display: none;
}
.form__input_select {
  position: relative;
}
.form__input_select:after {
  position: absolute;
  top: 23px;
  right: 2px;

  width: 40px;
  height: 38px;

  content: '';
  pointer-events: none;

  background: url('assets/icons/ico_down_gray.svg') no-repeat 50% 50%;
}
.form__input_select.form__input_unlabled:after,
.form__string .form__input_select:after,
.form__date .form__input_select:after {
  top: 2px;
}
.form__symbol {
  font-size: 16px;
  font-weight: 400;
  line-height: 38px;

  position: absolute;
  top: 21px;
  right: 0;

  box-sizing: border-box;
  width: 40px;
  height: 38px;
  margin: 1px 0 0;
  transition:
    border-color 0.125s linear, color 0.125s linear;
  text-align: center;

  color: #b2b2b2;
  border-left: 1px solid #e1e1e1;
}
.form__field:focus + .form__symbol {
  border-color: #0aeb8b;
}
.form__string .form__symbol,
.form__input_unlabled .form__symbol {
  top: 1px;
}
.form__symbol_calendar {
  border-left: 0;
  background: url('assets/icons/ico_calendar.svg') no-repeat 50% 50%;
}
.form__symbol_search {
  border-left: 0;
  background: url('assets/icons/ico_search.svg') no-repeat 50% 50%;
}
.form__hidden {
  position: absolute;
  left: -5000px;
}
.form__note {
  font-size: 14px;

  color: #b2b2b2;
}
.form__note a {
  color: #939393;
}
.form__dsc {
  font-size: 0.86rem;

  color: #b2b2b2;
}
.form__map {
  position: relative;

  height: 280px;
}
.form__map iframe {
  width: 100%;
  height: 100%;
  margin: 0;

  vertical-align: bottom;
}
@media screen and (max-width: 762px) {
  .form__map {
    margin-right: -16px;
    margin-left: -16px;
  }
}
.form__address {
  position: absolute;
  z-index: 10;
  top: 48px;
  left: 48px;

  padding: 24px;

  text-align: center;

  border-radius: 4px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
.form__address .form__title {
  max-width: 170px;

  text-align: left;
}
@media screen and (max-width: 999px) {
  .form__address {
    position: relative;
    top: auto;
    left: auto;

    margin: 24px 0 0;
    padding: 0;

    border-radius: 0;
    box-shadow: none;
  }
  .form__address .form__title {
    max-width: 100%;

    text-align: center;
  }
}
.form__actions {
  margin: 16px 0;
}
.form__actions:first-child {
  margin-top: 0;
}
.form__actions:last-child {
  margin-bottom: 0;
}
.form__step {
  float: right;
  margin: 12px 6px;
  color: #b2b2b2;
}
.form__separator {
  position: relative;

  margin: 32px 0;

  text-align: center;

  border-bottom: 1px solid #e1e1e1;
}
.form__separator:first-child {
  margin-top: 0;
}
.form__separator:last-child {
  margin-bottom: 0;
}
.form__separator_big {
  border-width: 2px;
}
@media screen and (max-width: 600px) {
  .form__separator {
    margin: 16px 0;
  }
}
.form__separator_transparent {
  border-bottom: 1px solid transparent;
}
.form__septext {
  font-size: 14px;
  line-height: 1;

  position: absolute;
  top: -8px;
  left: 50%;

  box-sizing: content-box;
  padding: 0 16px;
  transform: translateX(-50%);

  color: #939393;
  background: #fff;
}
.form__attachment {
  text-align: center;
}
.form__row .form__text {
  display: inline-block;

  vertical-align: middle;
}
.form__true {
  vertical-align: middle;
}
.form__true,
.form__true_left {
  font-size: 0.86rem;
  font-weight: 500;
  display: inline-block;
}
.form__true:after {
  display: inline-block;

  width: 17px;
  height: 12px;
  margin: 0 0 0 8px;

  content: '';

  background: url('assets/icons/icon-check.svg') no-repeat 50% 50%;
}
.form__true_left:before {
  display: inline-block;

  width: 17px;
  height: 12px;
  margin: 0 8px 0 0;

  content: '';

  background: url('assets/icons/icon-check.svg') no-repeat 50% 50%;
}
.form__date {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 0;
}
.form__switchers_error {
  position: relative;

  display: inline-block;
}
.form__share {
  text-align: right;
}
@media screen and (max-width: 762px) {
  .form__share {
    text-align: left;
  }
}
.form__network {
  display: inline-block;
}
.form__soclogo {
  width: 45px;
  height: 45px;
  margin: 0 0 0 8px;
}
@media screen and (min-width: 1260px) {
  .form__soclogo {
    margin-left: 16px;
  }
}
@media screen and (max-width: 999px) {
  .form__soclogo {
    margin: 0 8px 0 0;
  }
}
.switcher {
  font-size: 16px;

  position: relative;

  display: inline-block;

  margin-right: 32px;

  text-align: left;
  white-space: nowrap;
}
.switcher_button {
  margin-right: 5px;
}
.switcher_button:last-of-type {
  margin-right: 0;
}
.form__table {
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 4px 0px;
  padding: 5px 0 0;
  width: 100%;
}
.form__table .switcher {
  display: table-cell;
  text-align: center;
}
.form__list .switcher {
  display: block;
}
.form__list_vertical .switcher {
  margin-top: 8px;
}
.switcher__state {
  position: absolute;
  left: -9999px;
}
.switcher__text {
  font-size: 0.86rem;
  font-weight: 500;
  line-height: 42px;
  box-sizing: border-box;

  position: relative;

  display: inline-flex;

  min-height: 42px;
  padding-left: 36px;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: 0.25s ease-out;
  vertical-align: middle;

  align-items: center;
}
.switcher__text:before {
  box-sizing: border-box;
  position: absolute;
  top: 14px;
  left: 0;

  width: 16px;
  height: 16px;

  content: '';
  transition: 0.125s ease-out;

  border: 1px solid #333333;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 80% 80%;
}
.switcher_button .switcher__text {
  min-width: 46px;
  padding: 0 10px;
  height: 45px;

  text-align: center;
  transition: none;

  box-sizing: border-box;
  border: 1px solid #333333;
  border-radius: 40px;

  display: flex;
  flex-direction: column;
}
.switcher_button .switcher__text:before {
  display: none;
}
.switcher_big_button .switcher__text {
  width: 100%;
  padding: 0;
  padding: initial;

  border: 2px solid #e1e1e1;
  border-radius: 5px;
}
.switcher__view + .switcher__text {
  padding-left: 0;
}
.switcher__view + .switcher__text:before {
  display: none;
}
.switcher_active .switcher__text {
  cursor: default;

  color: #333333;
}
.switcher__state:checked ~ .switcher__text {
  font-weight: 500;
}
.switcher__state:checked ~ .switcher__text:before {
  box-sizing: border-box;
  border: solid 2px #0aeb8b;
  background-color: #0aeb8b;
  background-image: url('assets/icons/ico_check_white.svg');
}
.switcher_button .switcher__state:checked ~ .switcher__text {
  box-sizing: border-box;
  border: solid 2px #0aeb8b;
  height: 46px;
}
.switcher__state:disabled ~ .switcher__text {
  cursor: default;

  color: #b2b2b2;
  border-color: #e1e1e1;
}
.switcher__state:disabled ~ .switcher__text:before {
  border-color: #e1e1e1;
}
.switcher__view {
  display: inline-flex;

  width: 30px;
  height: 30px;
  margin: 6px 16px 6px 0;

  text-align: center;
  vertical-align: middle;

  border: 2px solid #f0f0f0;
  border-radius: 50px;
  background: #f0f0f0 url('assets/icons/map_options.svg') no-repeat 100px 100px;
  justify-content: center;
  align-items: center;
}
.switcher__view_couples {
  background-position: 0 0;
}
.switcher__view_smoker {
  background-position: 0 -120px;
}
.switcher__view_pet {
  background-position: 0 -240px;
}
.switcher__view_wifi {
  background-position: 0 -360px;
}
.switcher__view_tv {
  background-position: 0 -480px;
}
.switcher__view_heating {
  background-position: 0 -600px;
}
.switcher__view_air {
  background-position: 0 -720px;
}
.switcher__view_dishwasher {
  background-position: 0 -840px;
}
.switcher__view_dryer {
  background-position: 0 -960px;
}
.switcher__view_washing {
  background-position: 0 -1080px;
}
.switcher__view_elevator {
  background-position: 0 -1200px;
}
.switcher__view_parking {
  background-position: 0 -1320px;
}
.switcher__view_wheelchair {
  background-position: 0 -1440px;
}
.switcher__view_doorman {
  background-position: 0 -1560px;
}
.switcher__view_pool {
  background-position: 0 -1680px;
}
.switcher__view_male {
  background-position: 0 -1800px;
}
.switcher__view_female {
  background-position: 0 -1920px;
}
.switcher__view_study {
  background-position: 0 -2040px;
}
.switcher__view_studywork {
  background-position: 0 -2160px;
}
.switcher__view_work {
  background-position: 0 -2280px;
}
.switcher__view_cocktail {
  background-position: 0 -2400px;
}
.switcher__view_books {
  background-position: 0 -2520px;
}
.switcher__view_ball {
  background-position: 0 -2640px;
}
.switcher__view_game {
  background-position: 0 -2760px;
}
.switcher__view_chat {
  background-position: 0 -2880px;
}
.switcher__view_flash {
  background-position: 0 -3000px;
}
.switcher__view_smile {
  background-position: 0 -3120px;
}
.switcher__view_camera {
  background-position: 0 -3240px;
}
.switcher__view_point {
  background-position: 0 -3360px;
}
.switcher__view_down {
  background-position: 0 -3480px;
}
.switcher__view_bathroom {
  background-position: 0 -3600px;
}
.switcher__view_balcony {
  background-position: 0 -3840px;
}
.switcher__view_window {
  background-position: 0 -3720px;
}
.switcher__view_bed {
  background-position: 0 -3960px;
}
.switcher__state:checked ~ .switcher__view,
.switcher_active .switcher__view,
.form__string_active .switcher__view,
.person__parameter .switcher__view,
.info__parameter .switcher__view,
.person__skills .switcher__view,
.button_active .switcher__view,
.level__item_active .switcher__view {
  background-color: #fff;
}
.switcher__state:checked ~ .switcher__view_couples,
.switcher_active .switcher__view_couples,
.form__string_active .switcher__view_couples,
.person__parameter .switcher__view_couples,
.info__parameter .switcher__view_couples,
.person__skills .switcher__view_couples,
.button_active .switcher__view_couples,
.level__item_active .switcher__view_couples {
  background-position: 0 -60px;
}
.switcher__state:checked ~ .switcher__view_smoker,
.switcher_active .switcher__view_smoker,
.form__string_active .switcher__view_smoker,
.person__parameter .switcher__view_smoker,
.info__parameter .switcher__view_smoker,
.person__skills .switcher__view_smoker,
.button_active .switcher__view_smoker,
.level__item_active .switcher__view_smoker {
  background-position: 0 -180px;
}
.switcher__state:checked ~ .switcher__view_pet,
.switcher_active .switcher__view_pet,
.form__string_active .switcher__view_pet,
.person__parameter .switcher__view_pet,
.info__parameter .switcher__view_pet,
.person__skills .switcher__view_pet,
.button_active .switcher__view_pet,
.level__item_active .switcher__view_pet {
  background-position: 0 -300px;
}
.switcher__state:checked ~ .switcher__view_wifi,
.switcher_active .switcher__view_wifi,
.form__string_active .switcher__view_wifi,
.person__parameter .switcher__view_wifi,
.info__parameter .switcher__view_wifi,
.person__skills .switcher__view_wifi,
.button_active .switcher__view_wifi,
.level__item_active .switcher__view_wifi {
  background-position: 0 -420px;
}
.switcher__state:checked ~ .switcher__view_tv,
.switcher_active .switcher__view_tv,
.form__string_active .switcher__view_tv,
.person__parameter .switcher__view_tv,
.info__parameter .switcher__view_tv,
.person__skills .switcher__view_tv,
.button_active .switcher__view_tv,
.level__item_active .switcher__view_tv {
  background-position: 0 -540px;
}
.switcher__state:checked ~ .switcher__view_heating,
.switcher_active .switcher__view_heating,
.form__string_active .switcher__view_heating,
.person__parameter .switcher__view_heating,
.info__parameter .switcher__view_heating,
.person__skills .switcher__view_heating,
.button_active .switcher__view_heating,
.level__item_active .switcher__view_heating {
  background-position: 0 -660px;
}
.switcher__state:checked ~ .switcher__view_air,
.switcher_active .switcher__view_air,
.form__string_active .switcher__view_air,
.person__parameter .switcher__view_air,
.info__parameter .switcher__view_air,
.person__skills .switcher__view_air,
.button_active .switcher__view_air,
.level__item_active .switcher__view_air {
  background-position: 0 -780px;
}
.switcher__state:checked ~ .switcher__view_dishwasher,
.switcher_active .switcher__view_dishwasher,
.form__string_active .switcher__view_dishwasher,
.person__parameter .switcher__view_dishwasher,
.info__parameter .switcher__view_dishwasher,
.person__skills .switcher__view_dishwasher,
.button_active .switcher__view_dishwasher,
.level__item_active .switcher__view_dishwasher {
  background-position: 0 -900px;
}
.switcher__state:checked ~ .switcher__view_dryer,
.switcher_active .switcher__view_dryer,
.form__string_active .switcher__view_dryer,
.person__parameter .switcher__view_dryer,
.info__parameter .switcher__view_dryer,
.person__skills .switcher__view_dryer,
.button_active .switcher__view_dryer,
.level__item_active .switcher__view_dryer {
  background-position: 0 -1020px;
}
.switcher__state:checked ~ .switcher__view_washing,
.switcher_active .switcher__view_washing,
.form__string_active .switcher__view_washing,
.person__parameter .switcher__view_washing,
.info__parameter .switcher__view_washing,
.person__skills .switcher__view_washing,
.button_active .switcher__view_washing,
.level__item_active .switcher__view_washing {
  background-position: 0 -1140px;
}
.switcher__state:checked ~ .switcher__view_elevator,
.switcher_active .switcher__view_elevator,
.form__string_active .switcher__view_elevator,
.person__parameter .switcher__view_elevator,
.info__parameter .switcher__view_elevator,
.person__skills .switcher__view_elevator,
.button_active .switcher__view_elevator,
.level__item_active .switcher__view_elevator {
  background-position: 0 -1260px;
}
.switcher__state:checked ~ .switcher__view_parking,
.switcher_active .switcher__view_parking,
.form__string_active .switcher__view_parking,
.person__parameter .switcher__view_parking,
.info__parameter .switcher__view_parking,
.person__skills .switcher__view_parking,
.button_active .switcher__view_parking,
.level__item_active .switcher__view_parking {
  background-position: 0 -1380px;
}
.switcher__state:checked ~ .switcher__view_wheelchair,
.switcher_active .switcher__view_wheelchair,
.form__string_active .switcher__view_wheelchair,
.person__parameter .switcher__view_wheelchair,
.info__parameter .switcher__view_wheelchair,
.person__skills .switcher__view_wheelchair,
.button_active .switcher__view_wheelchair,
.level__item_active .switcher__view_wheelchair {
  background-position: 0 -1500px;
}
.switcher__state:checked ~ .switcher__view_doorman,
.switcher_active .switcher__view_doorman,
.form__string_active .switcher__view_doorman,
.person__parameter .switcher__view_doorman,
.info__parameter .switcher__view_doorman,
.person__skills .switcher__view_doorman,
.button_active .switcher__view_doorman,
.level__item_active .switcher__view_doorman {
  background-position: 0 -1620px;
}
.switcher__state:checked ~ .switcher__view_pool,
.switcher_active .switcher__view_pool,
.form__string_active .switcher__view_pool,
.person__parameter .switcher__view_pool,
.info__parameter .switcher__view_pool,
.person__skills .switcher__view_pool,
.button_active .switcher__view_pool,
.level__item_active .switcher__view_pool {
  background-position: 0 -1740px;
}
.switcher__state:checked ~ .switcher__view_male,
.switcher_active .switcher__view_male,
.form__string_active .switcher__view_male,
.person__parameter .switcher__view_male,
.info__parameter .switcher__view_male,
.person__skills .switcher__view_male,
.button_active .switcher__view_male,
.level__item_active .switcher__view_male {
  background-position: 0 -1860px;
}
.switcher__state:checked ~ .switcher__view_female,
.switcher_active .switcher__view_female,
.form__string_active .switcher__view_female,
.person__parameter .switcher__view_female,
.info__parameter .switcher__view_female,
.person__skills .switcher__view_female,
.button_active .switcher__view_female,
.level__item_active .switcher__view_female {
  background-position: 0 -1980px;
}
.switcher__state:checked ~ .switcher__view_study,
.switcher_active .switcher__view_study,
.form__string_active .switcher__view_study,
.person__parameter .switcher__view_study,
.info__parameter .switcher__view_study,
.person__skills .switcher__view_study,
.button_active .switcher__view_study,
.level__item_active .switcher__view_study {
  background-position: 0 -2100px;
}
.switcher__state:checked ~ .switcher__view_studywork,
.switcher_active .switcher__view_studywork,
.form__string_active .switcher__view_studywork,
.person__parameter .switcher__view_studywork,
.info__parameter .switcher__view_studywork,
.person__skills .switcher__view_studywork,
.button_active .switcher__view_studywork,
.level__item_active .switcher__view_studywork {
  background-position: 0 -2220px;
}
.switcher__state:checked ~ .switcher__view_work,
.switcher_active .switcher__view_work,
.form__string_active .switcher__view_work,
.person__parameter .switcher__view_work,
.info__parameter .switcher__view_work,
.person__skills .switcher__view_work,
.button_active .switcher__view_work,
.level__item_active .switcher__view_work {
  background-position: 0 -2340px;
}
.switcher__state:checked ~ .switcher__view_cocktail,
.switcher_active .switcher__view_cocktail,
.form__string_active .switcher__view_cocktail,
.person__parameter .switcher__view_cocktail,
.info__parameter .switcher__view_cocktail,
.person__skills .switcher__view_cocktail,
.button_active .switcher__view_cocktail,
.level__item_active .switcher__view_cocktail {
  background-position: 0 -2460px;
}
.switcher__state:checked ~ .switcher__view_books,
.switcher_active .switcher__view_books,
.form__string_active .switcher__view_books,
.person__parameter .switcher__view_books,
.info__parameter .switcher__view_books,
.person__skills .switcher__view_books,
.button_active .switcher__view_books,
.level__item_active .switcher__view_books {
  background-position: 0 -2580px;
}
.switcher__state:checked ~ .switcher__view_ball,
.switcher_active .switcher__view_ball,
.form__string_active .switcher__view_ball,
.person__parameter .switcher__view_ball,
.info__parameter .switcher__view_ball,
.person__skills .switcher__view_ball,
.button_active .switcher__view_ball,
.level__item_active .switcher__view_ball {
  background-position: 0 -2700px;
}
.switcher__state:checked ~ .switcher__view_game,
.switcher_active .switcher__view_game,
.form__string_active .switcher__view_game,
.person__parameter .switcher__view_game,
.info__parameter .switcher__view_game,
.person__skills .switcher__view_game,
.button_active .switcher__view_game,
.level__item_active .switcher__view_game {
  background-position: 0 -2820px;
}
.switcher__state:checked ~ .switcher__view_chat,
.switcher_active .switcher__view_chat,
.form__string_active .switcher__view_chat,
.person__parameter .switcher__view_chat,
.info__parameter .switcher__view_chat,
.person__skills .switcher__view_chat,
.button_active .switcher__view_chat,
.level__item_active .switcher__view_chat {
  background-position: 0 -2940px;
}
.switcher__state:checked ~ .switcher__view_flash,
.switcher_active .switcher__view_flash,
.form__string_active .switcher__view_flash,
.person__parameter .switcher__view_flash,
.info__parameter .switcher__view_flash,
.person__skills .switcher__view_flash,
.button_active .switcher__view_flash,
.level__item_active .switcher__view_flash {
  background-position: 0 -3060px;
}
.switcher__state:checked ~ .switcher__view_smile,
.switcher_active .switcher__view_smile,
.form__string_active .switcher__view_smile,
.person__parameter .switcher__view_smile,
.info__parameter .switcher__view_smile,
.person__skills .switcher__view_smile,
.button_active .switcher__view_smile,
.level__item_active .switcher__view_smile {
  background-position: 0 -3180px;
}
.switcher__state:checked ~ .switcher__view_camera,
.switcher_active .switcher__view_camera,
.form__string_active .switcher__view_camera,
.person__parameter .switcher__view_camera,
.info__parameter .switcher__view_camera,
.person__skills .switcher__view_camera,
.button_active .switcher__view_camera,
.level__item_active .switcher__view_camera {
  background-position: 0 -3300px;
}
.switcher__state:checked ~ .switcher__view_point,
.switcher_active .switcher__view_point,
.form__string_active .switcher__view_point,
.person__parameter .switcher__view_point,
.info__parameter .switcher__view_point,
.person__skills .switcher__view_point,
.button_active .switcher__view_point,
.level__item_active .switcher__view_point {
  background-position: 0 -3420px;
}
.switcher__state:checked ~ .switcher__view_down,
.switcher_active .switcher__view_down,
.form__string_active .switcher__view_down,
.person__parameter .switcher__view_down,
.info__parameter .switcher__view_down,
.person__skills .switcher__view_down,
.button_active .switcher__view_down,
.level__item_active .switcher__view_down {
  background-position: 0 -3540px;
}
.switcher__state:checked ~ .switcher__view_bathroom,
.switcher_active .switcher__view_bathroom,
.form__string_active .switcher__view_bathroom,
.person__parameter .switcher__view_bathroom,
.info__parameter .switcher__view_bathroom,
.person__skills .switcher__view_bathroom,
.button_active .switcher__view_bathroom,
.level__item_active .switcher__view_bathroom {
  background-position: 0 -3660px;
}
.switcher__state:checked ~ .switcher__view_balcony,
.switcher_active .switcher__view_balcony,
.form__string_active .switcher__view_balcony,
.person__parameter .switcher__view_balcony,
.info__parameter .switcher__view_balcony,
.person__skills .switcher__view_balcony,
.button_active .switcher__view_balcony,
.level__item_active .switcher__view_balcony {
  background-position: 0 -3900px;
}
.switcher__state:checked ~ .switcher__view_window,
.switcher_active .switcher__view_window,
.form__string_active .switcher__view_window,
.person__parameter .switcher__view_window,
.info__parameter .switcher__view_window,
.person__skills .switcher__view_window,
.button_active .switcher__view_window,
.level__item_active .switcher__view_window {
  background-position: 0 -3780px;
}
.switcher__state:checked ~ .switcher__view_bed,
.switcher_active .switcher__view_bed,
.form__string_active .switcher__view_bed,
.person__parameter .switcher__view_bed,
.info__parameter .switcher__view_bed,
.person__skills .switcher__view_bed,
.button_active .switcher__view_bed,
.level__item_active .switcher__view_bed {
  background-position: 0 -4020px;
}
.switcher__state:checked ~ .switcher__view_doublebed,
.switcher_active .switcher__view_doublebed,
.form__string_active .switcher__view_doublebed,
.person__parameter .switcher__view_doublebed,
.info__parameter .switcher__view_doublebed,
.person__skills .switcher__view_doublebed,
.button_active .switcher__view_doublebed,
.level__item_active .switcher__view_doublebed {
  background: #ffffff url('assets/icons/double-bed-on.svg') no-repeat 100px 100px;
  background-position: -1px;
}
.switcher__state:checked ~ .switcher__view_sofa,
.switcher_active .switcher__view_sofa,
.form__string_active .switcher__view_sofa,
.person__parameter .switcher__view_sofa,
.info__parameter .switcher__view_sofa,
.person__skills .switcher__view_sofa,
.button_active .switcher__view_sofa,
.level__item_active .switcher__view_sofa {
  background: #ffffff url('assets/icons/sofa-on.svg') no-repeat 100px 100px;
  background-position: -2px;
}
.switcher__state:checked ~ .switcher__view_nobed,
.switcher_active .switcher__view_nobed,
.form__string_active .switcher__view_nobed,
.person__parameter .switcher__view_nobed,
.info__parameter .switcher__view_nobed,
.person__skills .switcher__view_nobed,
.button_active .switcher__view_nobed,
.level__item_active .switcher__view_nobed {
  background: #ffffff url('assets/icons/no-bed-on.svg') no-repeat 100px 100px;
  background-position: -2px;
}
.switcher input ~ .switcher__view {
  cursor: pointer;
}
.person__parameter .switcher__view,
.info__parameter .switcher__view,
.person__skills .switcher__view,
.level__pic .switcher__view {
  margin: 0;
}
.level__pic .switcher__view {
  border-color: #fff;
  background-color: #fff;
}
.form__string .switcher__view {
  border-color: #fff;
  background-color: #fff;
}
.button_circle .switcher__view {
  display: inline-block;

  margin: -1px 0 0 -1px;

  vertical-align: baseline;

  border-color: transparent;
  background-color: transparent;
}
.number {
  position: relative;

  max-width: 200px;
}
.number__plus,
.number__minus {
  font-size: 24px;
  line-height: 32px;

  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;

  width: 48px;
  margin: 0;
  padding: 0 0 4px;

  cursor: default;

  color: #b2b2b2;
  border: none;
  border-right: 2px solid #e1e1e1;
  outline: none;
  background: none;
}
@media screen and (max-width: 480px) {
  .number__plus,
  .number__minus {
    width: 36px;
  }
}
.number__plus {
  right: 2px;
  left: auto;

  cursor: pointer;

  border-right: none;
  border-left: 2px solid #e1e1e1;
}
.form__string_active .number__plus {
  color: #0aeb8b;
}
.form__string_active .number__minus {
  cursor: pointer;
}
.form__string_active .number__minus:hover {
  color: #fb4848;
}
.number__field {
  font-size: 24px;

  padding-top: 4px;
  padding-bottom: 4px;

  text-align: center;

  color: #b2b2b2;
}
.form__string_active .number__field {
  color: #494949;
}
.level__item {
  position: relative;
  display: flex;
  overflow: hidden;

  height: 34px;
  margin: 24px 0;
  justify-content: space-between;
  align-items: center;
}
.level__pic {
  margin: 0 8px 0 0;
  flex: 0 0 auto;
}
.level__skill {
  font-size: 0.86rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.25;
  min-width: 90px;
  flex: 0 0 auto;
}
.level__progress {
  padding: 0 8px 0 0;
  flex: 1 1 auto;
}
.level__range {
  width: 100%;
}
.viewpoint {
  display: block;
}
.viewpoint__note {
  color: #b2b2b2;
}
.viewpoint__list {
  display: flex;

  margin: 0 -8px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.viewpoint__item {
  position: relative;

  display: inline-block;

  width: 33.3333%;
  min-width: 140px;
  margin: 0 0 24px;

  vertical-align: middle;
  order: 2;
}
.viewpoint__item_main {
  width: 100%;
  order: 1;
}
@media screen and (max-width: 762px) {
  .viewpoint__item {
    width: 48%;
  }
  .viewpoint__item_main {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .viewpoint__item {
    width: 100%;
    margin-bottom: 0;
  }
  .viewpoint__item_main {
    margin-bottom: 16px;

    border-bottom: 2px solid #e1e1e1;
  }
}
.viewpoint__item_avatar {
  width: 150px;
  margin: 0 auto;
}
.viewpoint__box {
  position: relative;

  margin: 0 8px;
}
.viewpoint__view {
  position: relative;
}
.viewpoint__cover {
  position: relative;

  display: block;
  overflow: hidden;

  box-sizing: border-box;
  width: 100%;
  height: 135px;

  vertical-align: top;

  border-radius: 10px;
  background-color: #e1e1e1;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.viewpoint__cover_profile {
  height: 135px;
  width: 135px;
}
.viewpoint__item_main .viewpoint__cover {
  height: 285px;
}
.viewpoint__item_empty .viewpoint__cover {
  cursor: pointer;

  border: 3px solid #e1e1e1;
  outline: none;
  background: #fff;
}
@media screen and (max-width: 600px) {
  .viewpoint__item_main .viewpoint__cover {
    height: 200px;
  }
}
@media screen and (max-width: 480px) {
  .viewpoint__cover {
    height: 170px;
  }
  .viewpoint__item_main .viewpoint__cover {
    height: 170px;
  }
}
.viewpoint__status {
  position: absolute;
  top: 12px;
  right: 12px;

  width: 14px;
  height: 14px;

  opacity: 0;
  border: 2px solid #e1e1e1;
  border-radius: 50%;
}
.viewpoint__item_loaded .viewpoint__status {
  opacity: 1;
  border-color: #0aeb8b;
  background: #0aeb8b url('assets/icons/ico_check_white.svg') no-repeat 50% 50%;
  background-size: 80% 80%;
}
.viewpoint__item_error .viewpoint__status {
  opacity: 1;
  border-color: #fb4848;
  background: #fff url('assets/icons/ico_exclamation.svg') no-repeat 50% 50%;
  background-size: 80% 80%;
}
.viewpoint__actions {
  display: flex;

  height: 50px;
  padding: 0 8px;

  text-align: right;
  justify-content: flex-end;
  align-items: center;
}
.viewpoint__item_avatar .viewpoint__actions {
  position: absolute;
  bottom: -8px;
  left: 100%;
}
@media screen and (max-width: 762px) {
  .viewpoint__item_avatar .viewpoint__actions {
    position: relative;
    bottom: auto;
    left: auto;

    display: block;

    text-align: center;
  }
}
.viewpoint__action {
  display: inline-block;

  margin: 8px 0 8px 8px;

  vertical-align: middle;
}
.viewpoint__cover .viewpoint__action {
  position: absolute;
  top: 50%;
  left: 50%;

  margin: -18px 0 0 -18px;
}
.viewpoint__item_main .viewpoint__action_main {
  visibility: hidden;

  opacity: 0;
}
.viewpoint__item_avatar .viewpoint__action_main {
  display: none;
}
@media screen and (max-width: 762px) {
  .viewpoint__action {
    margin-left: 16px;
  }
  .viewpoint__item_avatar .viewpoint__action_delete {
    margin-bottom: 0;
    margin-left: 0;
  }
}
.viewpoint__text {
  font-size: 13px;
  line-height: 1.25;

  display: inline-block;

  text-align: left;
  vertical-align: middle;

  color: #fb4848;
}
.human {
  font-size: 1rem;

  position: relative;

  display: inline-block;

  margin: 0;
  padding: 0;

  cursor: pointer;
  text-align: left;
  -webkit-text-decoration: none;
  text-decoration: none;

  color: #333333;
  border: 0;
  outline: none;
  background: none;
}
.list_popup .human {
  font-size: 17px;
}
.human:hover {
  -webkit-text-decoration: none;
  text-decoration: none;

  color: #494949;
}
@media screen and (max-width: 999px) {
  .human {
    font-size: 14px;
  }
}
.human__box {
  display: flex;
  align-items: center;
}
.human_v .human__box {
  display: block;

  text-align: center;
}
.human__view {
  position: relative;

  display: inline-block;
  flex: 0 0 auto;
}
.human_online .human__view:after {
  position: absolute;
  top: 1px;
  right: -4px;

  width: 10px;
  height: 7px;

  content: '';

  background: url('assets/icons/icon-check.svg') no-repeat 0 0;
  background-size: cover;
}
.human__view .human_v {
  margin: 0 auto;
}
@media screen and (max-width: 999px) {
  .list__profile .human_online .human__view:after {
    right: -6px;
  }
}
.human__avatar {
  overflow: hidden;

  width: 52px;
  height: 52px;
  transition: 0.25s ease-out;

  border: 2px solid white;
  border-radius: 50%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.human_online .human__avatar {
  border-color: #0aeb8b;
}
.human_offline .human__avatar,
.human_total .human__avatar {
  border-color: #cacaca;
}
.human_outline .human__avatar {
  border-color: #fff;
}
.flow__profile .human__avatar {
  width: 40px;
  height: 40px;
}
.flow__item_active .flow__profile .human__avatar {
  width: 68px;
  height: 68px;
}
.human__avatar_big,
.list__item_active .human__avatar,
.list_popup .human__avatar {
  width: 72px;
  height: 72px;
  border: 3px solid white;
}
@media screen and (max-width: 999px) {
  .list__profile .human__avatar {
    width: 32px;
    height: 32px;
  }
  .list_popup .human__avatar {
    width: 72px;
    height: 72px;
  }
}
@media screen and (max-width: 600px) {
  .human__avatar {
    width: 40px;
    height: 40px;
  }

  .human__avatar_big {
    width: 72px;
    height: 72px;
  }
}
.human__photo {
  width: 100%;
  height: 100%;

  vertical-align: bottom;
}
.human__about {
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 0 16px;
  flex: 1 1 auto;
}
.human_v .human__about {
  margin: 0;
}
.human__label {
  line-height: 1.25;
}
.human__label_dark {
}
.human__label_accent {
  color: #0aeb8b;
}
.human_v .human__label {
  margin: -6px 0 6px;
}
.list_popup .human__label_accent {
  color: #494949;
  font-weight: 700;
  font-size: 16px;
}
.list_popup .human__label {
  margin: auto;
}
.human__name {
  display: inline-block;
  overflow: hidden;

  max-width: 140px;

  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.human__age {
  display: inline-block;

  vertical-align: middle;
}
.human__age:before {
  display: inline-block;

  margin: 0 4px 0 1px;

  content: ',';
}
.human__number {
  font-size: 22px;
  font-weight: 500;
  line-height: 52px;

  text-align: center;

  color: #cacaca;
}
.layout {
  display: flex;
  overflow: hidden;
  flex-direction: column;

  box-sizing: border-box;
  width: 100%;
  min-width: 320px;
  min-height: 100vh;
  flex: 1 0 auto;
  align-self: flex-start;
}
.layout_home,
.layout_search,
.layout_page {
  background: #fff;
}
.layout_fullsize {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  min-height: 10vh;
}
.layout__wrapper,
.layout > .form {
  display: flex;
  flex-direction: column;

  min-height: calc(100vh - 120px);
  flex: 1 0 auto;
}
@media screen and (max-width: 999px) {
  .layout__wrapper,
  .layout > .form {
    min-height: 10px;
  }
}
.layout__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;

  margin: 85px 0 0;
  flex: 1 0 auto;
}
.layout_home .layout__content {
  margin-top: 0;
}
.filter + .layout__content {
  padding-top: 60px;
}
.layout__wrapper > .menu__wrapper {
  z-index: 192;
}
.menu__wrapper + .layout__content {
  margin-top: 125px;
}
@media screen and (max-width: 1060px) {
  .layout__wrapper > .menu__wrapper {
    top: 51px;
    position: absolute;
  }
  .page_scrolled .layout__wrapper > .menu__wrapper {
    box-shadow: none;
    box-shadow: initial;
  }

  .menu__wrapper + .layout__content {
    margin-top: 110px;
  }
}
@media screen and (max-width: 999px) {
  .layout__content {
    min-height: 300px;
    margin-top: 66px;
  }
  .layout_home .layout__content {
    margin-top: 50px;
  }
  .filter + .layout__content {
    padding-top: 118px;
  }
}
.layout__inner {
  display: flex;
  flex-direction: column;

  width: 100%;
  flex: 1 1 auto;
}
.layout__columns,
.layout__columns > .form {
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
}
@media screen and (max-width: 999px) {
  .layout__columns,
  .layout__columns > .form {
    flex-direction: column;
  }
}
.layout__head {
  padding: 20px 0;

  background: #fff;
}
.layout__search {
  display: flex;
  overflow: hidden;

  width: 100%;
  margin-top: -24px;
  flex: 1 1 auto;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 999px) {
  .layout__search {
    display: block;

    margin-top: -16px;
  }
}
.layout__map {
  position: relative;
  z-index: 15;

  width: 40%;
  max-width: 590px;
  max-height: calc(100vh - 119px);
  transition: width 0.125s ease-out;

  background: #f7f7f7;
  flex: 0 0 auto;
}
.layout__search_close .layout__map {
  width: 0;
}
@media screen and (max-width: 999px) {
  .layout__map {

    width: 100% !important;
  }
  .layout__map {
    overflow: hidden;
    max-width: 100%;
    height: 0;
  }
  .layout__search_map .layout__map {
    height: calc(100vh - 167px);
  }
}
.layout__results {
  width: 60%;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 16px;
  flex: 1 1 auto;
}
@media screen and (max-width: 999px) {
  .layout__results {
    overflow: hidden;

    width: 100%;
  }
  .layout__search_map .layout__results {
    height: 0;
  }
}
.layout__control {
  font-size: 12px;
  font-weight: 700;

  position: absolute;
  top: 24px;
  left: 100%;

  margin: 0 0 0 20px;

  white-space: nowrap;

  color: #0aeb8b;
}
@media screen and (max-width: 999px) {
  .layout__control {
    left: -9999px;
  }
}
.layout__view {
  position: absolute;
  z-index: 16;
  bottom: 16px;
  left: -9999px;

  width: 140px;
  margin: 0 0 0 -70px;

  text-align: center;
}
@media screen and (max-width: 999px) {
  .layout__view {
    position: fixed;
    left: 50%;
  }
}
.content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.content_start {
  order: 1;
}
.content_nochat {
  position: absolute;
  left: -9999px;

  width: 1px;
  height: 1px;
}
@media screen and (max-width: 999px) {
  .content_start {
    order: 1;
  }
  .content_nochat {
    position: relative;
    left: auto;

    width: auto;
    height: auto;
  }
  .content_chat {
    position: absolute;
    left: -9999px;

    width: 1px;
    height: 1px;
  }
}
.sidebar {
  width: 30%;
  min-height: 10px;
  margin: 0 24px 0 0;
  flex: 0 0 auto;
}
.sidebar_booking {
  position: absolute;
  right: 0px;
  margin: 0;
  width: auto;
  border-radius: 4.8px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  font-size: 0.93rem;
}
.bookingmenu + .sidebar_booking {
  top: -40px;
}
@media screen and (max-width: 762px) {
  .sidebar_booking {
    display: none;
  }
}
.sidebar_chat,
.sidebar_requests {
  position: relative;

  background: #fff;
  align-self: stretch;
}
.sidebar_profile,
.sidebar_owner {
  position: relative;
}
@media screen and (max-width: 999px) {
  .sidebar {
    min-height: 0;
  }
  .sidebar_profile,
  .sidebar_payment,
  .sidebar_owner,
  .sidebar_requests {
    width: auto;
    margin: 0 0 16px;
  }
  .sidebar_payment > .sidebar__content {
    top: auto !important;
    left: auto !important;
  }
  .sidebar_payment > .sidebar__content {
    position: relative;
    width: auto;
  }
  .sidebar_chat {
    position: absolute;
    left: -9999px;

    width: 1px;
    height: 1px;
  }
  .sidebar_menu {
    position: relative;
    z-index: 80;
  }

  .sidebar_pin {
    position: relative;

    height: 50px;
  }
}
@media screen and (max-width: 480px) {
  .sidebar {
    margin: 0 0 8px;
  }
}
.sidebar__content {
  position: fixed;
  top: auto;
  left: 32px;

  width: 328.188px;
  max-width: 29%;
  margin-left: -16px;
}
.layout__content_top .sidebar__content {
  top: 85px;
}
@media screen and (min-width: 1126px) {
  .sidebar__content {
    left: 50%;

    margin-left: -547px;
  }
}
.sidebar_chat .sidebar__content {
  top: 0 !important;
  left: 0 !important;
}
.sidebar_chat .sidebar__content {
  position: absolute;

  overflow: hidden;
  overflow-y: visible;

  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: 0;

  background: #fff;
}
.sidebar_requests .sidebar__content {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  overflow-y: visible;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: 0;
  background: #fff;
}
.sidebar_profile .sidebar__content,
.sidebar_owner .sidebar__content {
  position: relative;
  top: auto;
  left: auto;

  width: auto;
  max-width: 100%;
  margin-left: auto;
}
.sidebar_booking .sidebar__content {
  position: relative;
  margin: 0;
  left: auto;
  width: 277px;
  max-width: none;
}
@media screen and (max-width: 999px) {
  .sidebar__content {
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .sidebar_chat .sidebar__content,
  .sidebar_requests .sidebar__content {
    position: relative;

    overflow: visible;
  }

  .sidebar_pin .sidebar__content {
    top: 50px !important;
    right: 0 !important;
    left: 0 !important;
  }

  .sidebar_pin .sidebar__content {
    position: fixed;
    z-index: 150;
    transition: box-shadow 0.25s ease-out;

    border-bottom: 1px solid #e1e1e1;
  }
  .sidebar_pinned .sidebar__content {
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
  }
}
.sidebar__overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  transition: opacity 0.25s ease-out;

  opacity: 0;
  background: #000;
}
@media screen and (max-width: 999px) {
  .sidebar__nav_open .sidebar__overlay {
    z-index: 1;
    bottom: 0;

    opacity: 0.4;
  }
  .sidebar__nav_close .sidebar__overlay {
    z-index: -1;
    bottom: 0;

    opacity: 0;
  }
}
@media screen and (max-width: 999px) {
  .sidebar__nav {
    margin: 0px -16px 0 -16px;

    background: #fff;
  }
  .sidebar__content:last-child > .sidebar__nav:after {
    position: absolute;
    z-index: 87;
    top: 14px;
    right: 0;

    width: 26px;
    height: 26px;

    content: '';
    transition: transform 0.125s ease-out;
    pointer-events: none;

    background: url('assets/icons/ico_down_gray.svg') no-repeat 50% 50%;
  }
  .sidebar__nav_open:after {
    transform: rotate(180deg);
  }
}
@media screen and (max-width: 999px) {
  .sidebar__head {
    position: relative;
    z-index: 1;

    min-height: 52px;
    padding: 2px 0;

    background: #fff;
  }
}
@media screen and (max-width: 999px) {
  .sidebar__list {
    position: absolute;
    z-index: 1;
    top: 0;
    right: -16px;
    left: -16px;

    padding: 0 16px;
    transition: margin 0.125s ease-out;

    background: #fff;
  }
  .sidebar_chat .sidebar__list,
  .sidebar_requests .sidebar__list {
    overflow-y: auto;

    max-height: 270px;
  }
  .sidebar__nav_open .sidebar__list {
    margin: 52px 0 0;
  }
}
@media screen and (max-width: 999px) {
  .sidebar__trigger {
    position: absolute;
    z-index: 2;
    top: 0;
    right: -16px;
    left: -16px;

    height: 52px;

    cursor: pointer;

    opacity: 0.3;
  }
}
.post {
  background: #fff;
  flex: 1 1 auto;
}
.post img {
  max-width: 100%;
}
.post_middle,
.post_empty {
  display: flex;
}
.post_urban {
  margin-top: 55px;
}
.post_urban h2 {
  margin-left: -32px;
}
.post_urban .text_big {
  max-width: 580px;
}
@media screen and (max-width: 999px) {
  .post_urban {
    margin-top: 30px;
  }
  .post_urban h2 {
    margin-left: 0;
  }
  .layout_page .post,
  .post_urban,
  .post_empty {
    margin-right: -16px;
    margin-left: -16px;
  }
}
@media screen and (max-width: 480px) {
  .post_urban {
    margin-top: 20px;
  }
  .post_empty {
    margin-right: -8px;
    margin-left: -8px;
  }
}
.post__container {
  padding: 32px;
}
.post_middle .post__container,
.post_empty .post__container {
  flex: 1 1 auto;
}
@media screen and (max-width: 999px) {
  .post__container {
    padding: 16px;
  }
}
.post_empty .post__container > p,
.post_empty .post__container > h2 {
  max-width: 400px;
}
.post_matching .post__container,
.post_system .post__container,
.post_requests .post__container {
  padding: 40px 40px;
}
.post__slim {
  max-width: 520px;
  margin: 0 auto;
}
.post__thin {
  max-width: 400px;
  margin: 0 auto;
}
.stars {
  width: 79px;
  height: 12px;

  background: url('assets/icons/stars.svg') no-repeat 0 0;
}
.stars__rating {
  height: 100%;

  background: url('assets/icons/stars.svg') no-repeat 0 0;
}
.stars__rating_1 {
  width: 15px;
}
.stars__rating_2 {
  width: 30px;
}
.stars__rating_3 {
  width: 50px;
}
.stars__rating_4 {
  width: 65px;
}
.stars__rating_5 {
  width: 79px;
}
.progress {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.progress__percent {
  margin: 0 0 0 16px;
  flex: 0 0 auto;
}
@media screen and (max-width: 999px) {
  .progress__percent {
    font-weight: 700;
  }
}
.progress__scale {
  position: relative;

  overflow: hidden;

  height: 5px;
  margin: 10px 0 0;

  border-radius: 5px;
  background: #eaeaea;
  flex: 1 1 auto;
}
.progress__line {
  position: absolute;
  top: 0;
  left: 0;

  height: 100%;

  border-radius: inherit;
  background: #0aeb8b;
}
.progress__scale_low .progress__line {
  background: #ff3888;
}
.progress__scale_fit .progress__line {
  background: #ff3888;
}
.map {
  position: relative;
}
.map_search {
  position: fixed;
  top: 120px;
  bottom: 0;
  left: 0;

  overflow: hidden;

  width: 40%;
  max-width: 590px;
  transition: width 0.125s ease-out;

  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
}
.layout__search_close .map_search {
  width: 0;
}
@media screen and (max-width: 999px) {
  .map_search {

    width: 100% !important;
  }
  .map_search {
    position: absolute;
    top: 0;
    max-width: 100%;
  }
}
.map iframe {
  width: 100%;
  height: 100%;

  vertical-align: bottom;
}
.map__dark {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  pointer-events: none;

  opacity: 0.1;
  background: #000;
}
.map__point {
  z-index: 45;

  width: 2px;
  height: 2px;
}
@-moz-document url-prefix() {
  .map__point {
    width: auto;
    height: auto;
    position: absolute;
    transform: translateX(-50%);
    top: -29px;
  }
}
.map__point_active {
  z-index: 46;
}
.map__point:hover {
  z-index: 47;
}
.map__price {
  color: #333333;
  font-weight: 500;
  line-height: 20px;

  position: absolute;
  bottom: 1px;
  left: 1px;

  margin: 0 0 6px;
  padding: 2px 6px 0;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
  transition:
    background 0.125s ease-out, padding 0.125s ease-out;
  transform: translateX(-50%);

  border: 2px solid #fff;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
@-moz-document url-prefix() {
  .map__price {
    padding: 4px 6px 2px 6px;
    position: relative;
  }
}
.map__point_visited > .map__price {
  color: #bbbbbb;
}
.map__price:before {
  position: absolute;
  top: 100%;
  left: 50%;

  margin: 2px 0 0 -4px;

  content: '';

  border-top: 6px solid #fff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.map__price:after {
  position: absolute;
  top: 100%;
  left: 50%;

  margin: -2px 0 0 -4px;

  content: '';
  transition: 0.125s ease-out;

  border-top: 6px solid #fff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.map__point:hover .map__price,
.map__point_active .map__price {
  color: #fff;
  background: #0aeb8b;
}
.map__point:hover .map__price:after,
.map__point_active .map__price:after {
  border-top-color: #0aeb8b;
}
.map__point_active .map__price {
  line-height: 28px;

  padding-right: 10px;
  padding-left: 10px;
}
@-moz-document url-prefix() {
  .map__point_active .map__price {
    line-height: 20px;
    padding: 4px 6px 2px 6px;
  }
}
.map__cost {
  font-size: 14px;
  transition: 0.125s ease-out;
}
.map__point_active .map__cost {
  font-size: 16px;
}
.map__tip {
  position: absolute;
  z-index: 50;
  left: 15px;
  bottom: 15px;
}
.actions {
  position: relative;
}
.actions__button {
  font:
    300 13px/1 Arial,
    sans-serif;

  margin: -6px 0 0;
  padding: 15px 10px;

  cursor: pointer;
  vertical-align: bottom;

  color: #494949;
  border: none;
  outline: none;
  background: none;
}
.actions__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9;
}
.actions__dot {
  display: block;
  overflow: hidden;

  width: 3px;
  height: 3px;
  margin: 4px 0;
  transition: 0.125s ease-out;

  border-radius: 50%;
  background: #494949;
}
.actions_active .actions__bg {
  display: block;
}
.actions_active .actions__dot {
  transform: translate(0, 2px);
}
.actions_active .actions__dot:first-child {
  transform: translate(-5px, 4px);
}
.actions_active .actions__dot:last-child {
  transform: translate(5px, -10px);
}
.actions__menu {
  font-size: 14px;

  position: absolute;
  top: 100%;
  right: 0;

  visibility: hidden;

  margin: -10px 0 0;
  transition: 0.125s ease-out;
  transform: translate(0, 30px);
  text-align: left;
  white-space: nowrap;

  opacity: 0;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.actions_active .actions__menu {
  z-index: 10;

  visibility: visible;
  transform: translate(0, 0);

  opacity: 1;
}
.actions__list {
  margin: 0;
  padding: 18px 0;

  list-style: none;
}
.actions__link {
  line-height: 2em;
  font-size: 0.8125rem;
  font-weight: 400;
  display: block;
  margin: 0;
  padding: 5px 30px;
  cursor: pointer;
  color: #757575;
  border: none;
  outline: none;
  background: none;
}
.actions__link:hover {
  -webkit-text-decoration: none;
  text-decoration: none;

  color: #494949;
}
.no_padding {
  padding: 0;
}
.loader {
  font-size: 1px;

  position: relative;

  overflow: hidden;

  width: 100%;
  height: 3px;

  border-radius: 3px;
  background: rgba(14, 220, 132, 0.5);
}
.loader:before {
  position: absolute;

  height: 3px;

  content: '';
  animation: loading 2s infinite ease-out 1.5s;

  border-radius: 3px;
  background: #0aeb8b;
}
@keyframes loading {
  0% {
    left: -10%;

    width: 5%;
  }
  30% {
    width: 40%;
  }
  100% {
    left: 110%;

    width: 5%;
  }
}
.spinner {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  visibility: hidden;

  opacity: 0;
  justify-content: center;
  align-items: center;
}
.spinner_active {
  z-index: 3000;

  visibility: visible;

  opacity: 1;
}
.spinner__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -100px;
  left: 0;

  visibility: hidden;
  transition: 0.125s ease-out;

  opacity: 0;
  background: #000;
}
.spinner_active .spinner__bg {
  visibility: visible;

  opacity: 0.42;
}
.spinner_closed .spinner__bg {
  opacity: 0;
}
.spinner__main {
  font-size: 14px;

  position: relative;

  min-width: 260px;
  max-width: 500px;
  transition: 0.25s ease-out;
  transform: scale(0);
  text-align: center;

  opacity: 0;
  color: #fff;
}
.spinner_active .spinner__main {
  transform: scale(1);

  opacity: 1;
}
.spinner_closed .spinner__main {
  transform: scale(0);

  opacity: 0;
}
.spinner__view {
  position: relative;

  width: 120px;
  height: 4px;
  margin: 43px auto 43px;

  background: #fff;
}
.spinner__round {
  position: absolute;
  top: -5px;
  left: 50%;

  width: 8px;
  height: 8px;
  margin: 0 0 0 -5px;
  transform: translateX(-30px);

  border: 3px solid #fff;
  border-radius: 50%;
  background: #d2d2d2;
}
.spinner_active .spinner__round {
  animation: spinnerRound 2s ease-in forwards;
}
@keyframes spinnerRound {
  0% {
    transform: translateX(-30px);
  }
  100% {
    transform: translateX(30px);
  }
}
.spinner__start,
.spinner__finish {
  position: absolute;
  top: -43px;
  left: -45px;
  display: flex;

  width: 90px;
  height: 90px;
  transform: scale(0.6);

  border-radius: 50%;
  background: #fff;
  justify-content: center;
  align-items: center;
}
.spinner_active .spinner__start,
.spinner_active .spinner__finish {
  animation: spinnerEdges 2s ease-in forwards;
}
.spinner__finish {
  right: -45px;
  left: auto;
}
.spinner_active .spinner__finish {
  animation-direction: reverse;
}
.spinner__ico {
  vertical-align: bottom;
}
@keyframes spinnerEdges {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.6);
  }
}
.spinner__text {
  padding-top: 20px;
}
.spinner__ico_bed {
  max-width: 62px;
}
.spinner__ico_search {
  max-width: 62px;
}
#password::-ms-clear,
#password::-ms-reveal {
  display: none;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
/* Safari, Chrome and Opera > 12.1 */
/* Internet Explorer */
/* Opera < 12.1 */

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
body,
input,
button,
textarea,
select {
  font-family: 'modelica', sans-serif;
}
body {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;

  color: #333333;
}
h1 {
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;

  font-size: 1.5rem;
  font-weight: 700;

  -webkit-font-smoothing: antialiased;
}
h2 {
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;

  font-size: 1.26rem;
  font-weight: bold;
}
h3,
.form__title {
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;

  font-size: 1.06rem;
  font-weight: bold;
}
button {
  font-size: 0.875em;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}
.text-medium {
  font-weight: 500;
  line-height: 1.34;
  text-align: center;
  color: #333333;
}
.text-small {
  font-size: 0.7575em;
  font-weight: 400;
  line-height: 1.34;
  color: #757575;
}
.tab {
  font-size: 0.7575em;
  font-weight: 500;
  text-align: center;
  color: #333333;
}
.tab-lister {
  font-weight: bold;
  color: #ffc947;
}
.tab-seeker {
  font-weight: bold;
  color: #08c781;
}
input,
select {
  font-size: 0.82;
  font-weight: 500;
  letter-spacing: -0.1px;
  text-align: left;
  color: #333333;
}
input::-moz-placeholder, select::-moz-placeholder {
  font-size: 0.8789em;
  font-weight: 500;
  color: #bbbbbb;
}
input::placeholder,
select::placeholder {
  font-size: 0.8789em;
  font-weight: 500;
  color: #bbbbbb;
}
::-webkit-input-placeholder {
  color: #bbbbbb;
}
:-moz-placeholder {
  color: #bbbbbb;
}
::-moz-placeholder {
  color: #bbbbbb;
}
:-ms-input-placeholder {
  color: #bbbbbb;
}
.search__inner,
.list__inner,
.features__inner,
.apps__inner,
.sitemap__inner,
.install__inner {
  position: relative;

  box-sizing: border-box;
  min-width: 320px;
  max-width: 1126px;
  margin: 0 auto;
  padding: 0 16px;
}
@media screen and (max-width: 480px) {
  .search__inner,
  .list__inner,
  .features__inner,
  .apps__inner,
  .sitemap__inner,
  .install__inner {
    padding-right: 8px;
    padding-left: 8px;
  }
}
.list__prev,
.list__next,
.list__action {
  font-size: inherit;
  font-weight: inherit;

  margin: 0;
  padding: 0;

  cursor: pointer;

  border: none;
  outline: none;
  background: none;
}
.browser_ff .list__prev,
.browser_ff .list__next,
.browser_ff .list__action {
  font-family: Arial, sans-serif;
}
.search {
  margin: 73px 0 25px;
}
@media screen and (max-width: 999px) {
  .search {
    margin-top: 40px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .search {
    margin-top: 32px;
    margin-bottom: 6px;
  }
}
.search__content {
  display: flex;

  padding: 0 0 28px;
  justify-content: space-between;
  align-content: flex-end;
  align-items: flex-end;
}
@media screen and (max-width: 762px) {
  .search__content {
    padding-bottom: 16px;
  }
}
.lt-ie10 .search__content {
  text-align: right;
}
.search__title {
  font-weight: 700;
  font-size: 42px;
  flex: 1 1 auto;
}
[lang='en'] .search__title {
  font-size: 45px;
}
[lang='es'] .search__title {
  font-size: 41px;
}
[lang='it'] .search__title {
  font-size: 38px;
}
[lang='ca'] .search__title {
  font-size: 40px;
}
@media screen and (max-width: 999px) {
  .search__title,
  [lang='en'] .search__title,
  [lang='es'] .search__title,
  [lang='ca'] .search__title {
    font-size: 29px;
  }

  [lang='fr'] .search__title,
  [lang='it'] .search__title {
    font-size: 27px;
  }
}
@media screen and (max-width: 762px) {
  .search__title,
  [lang='en'] .search__title,
  [lang='es'] .search__title,
  [lang='ca'] .search__title,
  [lang='fr'] .search__title,
  [lang='it'] .search__title {
    font-size: 24px;
  }
}
@media screen and (max-width: 600px) {
  .search__title,
  [lang='en'] .search__title,
  [lang='es'] .search__title,
  [lang='ca'] .search__title,
  [lang='fr'] .search__title,
  [lang='it'] .search__title {
    line-height: 1.4;
    font-size: 18px;
  }
}
.lt-ie10 .search__title {
  font-size: 38px;

  float: left;

  width: 600px;
  padding-top: 30px;

  text-align: left;
}
.search__view {
  margin: 0 0 10px 20px;
  flex: 0 0 auto;
}
@media screen and (max-width: 762px) {
  .search__view {
    display: none;
  }
}
.search__badis {
  width: 393px;
  height: 112px;

  vertical-align: bottom;
}
.search__panel {
  position: relative;
}
.search__button {
  position: absolute;
  top: 0;
  right: 0;

  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;

  cursor: pointer;

  border: 0;
  outline: none;
  background: none;
}
.lt-ie10 .search__button {
  top: 18px;
}
.search__ico {
  width: 25px;
  height: 22px;
}
.list {
  position: relative;

  margin: 55px 0 0 0;
}
.layout__search_map .list:last-child {
  margin-bottom: 90px;
}
@media screen and (max-width: 999px) {
  .list {
    margin-top: 40px;
  }
}
@media screen and (max-width: 600px) {
  .list {
    margin-top: 30px;
  }
}
.list_popup {
  position: relative;

  overflow: hidden;

  width: 392px;
  height: 469px;
  margin: 0;
}
@media screen and (max-width: 400px) {
  .list_popup {
    width: 352px;
  }
}
.list__slider {
  width: 100%;
  height: 100%;
}
.layout__results .list__inner {
  margin-left: 0;
  padding-left: 40px;
}
.list__title {
  position: relative;
  margin-bottom: 20px;
}
.list__title:after {
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 36px;
  height: 3px;
  content: '';
  background: #333333;
}
.layout__results .list__title {
  font-size: 20px;
}
@media screen and (max-width: 600px) {
  .list__title {
    font-size: 18px;
  }
}
.list__direction {
  position: relative;

  margin: 16px 48px 16px 0;

  text-align: right;
}
.list_popup .list__direction {
  position: absolute;
  z-index: 50;
  top: 0;
  right: 0;
  left: 0;

  margin: 0;
}
.list__prev,
.list__next {
  width: 18px;
  height: 13px;
  transition: opacity 0.25s ease-out;
  vertical-align: top;

  background: url('assets/icons/arrow_next_dark.svg') no-repeat 50% 50%;
  background-size: cover;
}
.list__prev_hidden,
.list__next_hidden {
  cursor: default;

  visibility: hidden;
}
.list_popup .list__prev,
.list_popup .list__next {
  position: absolute;
  top: 116px;
  right: 10px;

  width: 32px;
  height: 47px;

  background-image: url('assets/icons/arrow_right_white.svg');
}
.list__prev {
  float: left;

  background-image: url('assets/icons/arrow_prev_dark.svg');
}
.list_popup .list__prev {
  right: auto;
  left: 10px;

  background-image: url('assets/icons/arrow_left_white.svg');
}
.list__list {
  position: relative;
  display: flex;

  margin: -10px 0 0 32px;
  padding: 0;

  list-style: none;
  transition: margin 0.25s ease-out;
  justify-content: space-between;
  flex-wrap: wrap;
}
.list__list_over {
  z-index: 10;

  margin-right: -44px;
  margin-left: -74px;
}
.list__flow .list__list {
  display: block;

  margin-right: 0;
  margin-left: 0;
  transition: transform 0.25s ease-out;
  white-space: nowrap;
}
.list_popup .list__list {
  margin: 0 !important;
}
@media screen and (max-width: 999px) {
  .list__list {

    margin: -20px -16px -10px 0 !important;
  }
  .list__list {
    display: block;
    overflow: auto;
    padding: 10px 0 10px 16px;

    white-space: nowrap;
  }
  .list__flow .list__list {

    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .list__flow .list__list {
    overflow: visible;
  }
  .list_popup .list__list {
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  .list__list {
    margin-right: -8px !important;
  }
  .list__flow .list__list {
    margin-right: 0 !important;
  }
}
.list__item {
  position: relative;

  display: inline-block;

  width: 24.3%;
  margin: 40px 4px 0 0;

  white-space: normal;
}
.list__item_triple {
  width: 32.7%;
}
.list__item_double {
  width: 49.5%;
}
.list__item_room {
  height: 284px;
  transition: 0.25s ease-out;
}
.list__list_over .list__item_room {
  width: 21.3%;
}
.list__list_over .list__item_room.list__item_active {
  width: 33.6%;
}
.list_popup .list__item {
  height: 409px !important;
}
.list_popup .list__item {

  background: #fff;
}
.list__flow .list__item {
  display: inline-block;

  width: 258px;
  margin-top: 0;

  vertical-align: top;
}
.list_popup .list__flow .list__item {
  width: 392px !important;
}
@media screen and (max-width: 400px) {
  .list_popup .list__flow .list__item {
    width: 352px !important;
  }
  .list_popup .list__flow .list__item {
    margin-right: 0;
  }
}
@media screen and (max-width: 999px) {
  .list__item {

    width: 23.5vw !important;
  }
  .list__item {
    display: inline-block;
    min-width: 180px;
    margin-top: 20px;
    margin-right: 4px;

    vertical-align: top;
  }
  .list__item_triple {
    width: 270px !important;
  }
  .list__item_double {
    width: 360px !important;
  }
  .list__item_room {
    height: 209px;

    background: #e1e1e1;
  }
  .list__flow .list__item {
    width: 180px !important;
  }
}
.list__item_active {
  z-index: 300;
}
.list__flow .list__list_over .list__item_room {
  width: 284px;
}
.list__flow .list__list_over .list__item_room.list__item_active {
  width: 370px;
}
.list__box {
  position: relative;
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #333333;
}
.list__item_room .list__box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: 0.25s ease-out;

  border: 2px solid #e1e1e1;
  background: #fff;
}
.list_popup .list__item_room .list__box {
  top: 0 !important;

  margin: 0 !important;
}
.list_popup .list__item_room .list__box {

  border: 0;
}
@media screen and (max-width: 999px) {
  .list__item_room .list__box {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    box-shadow: none !important;
  }
  .list__item_room .list__box {
    z-index: 1;
    transition: none;
  }
}
.list__item_active .list__box {
  z-index: 5;
  top: -34px;
  bottom: -90px;
}
.list__box:hover {
  -webkit-text-decoration: none;
  text-decoration: none;

  color: #494949;
}
@media screen and (max-width: 999px) {
  .list__item_room .list__box {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    box-shadow: none !important;
  }
  .list__item_room .list__box {
    z-index: 1;
    transition: none;
  }
  .list__item_active .list__box {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;

    width: 412px !important;
    height: 408px !important;
    margin: -204px 0 0 -206px !important;
  }
  .list__item_active .list__box {
    z-index: 5;
  }
}
@media screen and (max-width: 600px) {
  .list__item_active .list__box {
    width: 310px !important;
    height: 408px !important;
    margin: -204px 0 0 -155px !important;
  }
}
.list__cover {
  position: relative;

  height: 170px;
  margin: 0 0 10px;

  background-color: #e1e1e1;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.list__cover:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  content: '';
  transition: opacity 0.25s ease-out;

  opacity: 0;
  background: #000;
}
.list__item_room .list__cover {
  height: 190px;
  transition: height 0.25s ease-out;
}
.list__item_room .list__cover:before {
  display: none;
}
.list__item_active .list__cover {
  height: 224px !important;
}
.list_popup .list__cover {
  height: 244px !important;
}
.list__box:hover .list__cover:before {
  opacity: 0.2;
}
@media screen and (max-width: 999px) {
  .list__cover {
    height: 120px;
  }
  .list__item_room .list__cover {
    height: 135px;
    transition: none;
  }
}
@media screen and (max-width: 999px) {
  .list__label {
    font-weight: 700;
  }
}
.list__beta {
  font-size: 16px;
  margin-left: 5px;
}
@media screen and (max-width: 999px) {
  .list__beta {
    font-size: 13px;
  }
}
.list__badge {
  position: absolute;
  top: -10px;
  right: 12px;

  width: 42px;
  height: 37px;
  transition: top 0.25s ease-out;

  background: url('assets/icons/badge.svg') no-repeat 0 0;
  background-size: cover;
}
.list__badge:before {
  position: absolute;
  top: 7px;
  left: 14px;

  width: 15px;
  height: 15px;

  content: '';

  background: url('assets/icons/ico_star.svg') no-repeat 0 0;
  background-size: cover;
}
.list__badge_like:before {
  top: 7px;
  left: 13px;

  width: 18px;
  height: 15px;

  background-image: url('assets/icons/ico_favorite.svg');
  background-size: cover;
}
.list__item_active .list__badge,
.list_popup .list__badge {
  top: 14px;
}
.list__info {
  box-sizing: border-box;
  height: 80px;
  padding: 5px 0 5px 12px;

  background: #fff;
}
.list_popup .list__info {
  padding: 12px 0 5px 18px;
}
@media screen and (max-width: 999px) {
  .list__info {
    font-size: 13px;

    height: 60px;
  }
}
@media screen and (max-width: 999px) {
  .list__bg {
    position: fixed;
    z-index: 2;
    top: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 0.25s ease-out;

    opacity: 0;
    background: #000;
  }
  .list__item_active .list__bg {
    top: 0;

    opacity: 0.5;
  }
}
@media screen and (max-width: 999px) {
  .list__close {
    position: fixed;
    top: 66px;
    right: 16px;

    width: 48px;
    height: 48px;

    cursor: pointer;

    opacity: 0;
    border-radius: 50%;
    background: #fff url('assets/icons/ico_close.svg') no-repeat 50% 50%;
  }
  .list__item_active .list__close {
    z-index: 40;
    transition: opacity 0.25s 0.25s ease-out;

    opacity: 1;
  }
}
.list__user {
  font-size: 16px;

  position: relative;

  overflow: hidden;

  height: 80px;
}
@media screen and (max-width: 999px) {
  .list__user {
    height: 50px;
  }
}
.list__item_active .list__user,
.list_popup .list__user {
  height: auto;
}
.list__content {
  display: flex;
  justify-content: space-between;
}
.lt-ie10 .list__content {
  display: table;

  width: 100%;
}
.list__city {
  font-size: 13px;
}
.list__price {
  font-size: 18px;
}
.list_popup .list__price {
  font-size: 19px;
  padding-top: 11px;
  font-weight: bold;
}
@media screen and (max-width: 999px) {
  .list__price {
    font-size: 12px !important;
  }
}
.list__about {
  font-size: 1rem;
  line-height: 1.15;

  overflow: hidden;

  height: 50px;
  margin: 10px 0 0;
}
.list_popup .list__about {
  font-weight: 500;
  line-height: 1.4;
  height: 70px;
}
.list__actions {
  margin: 10px 0 0;
}
.list__action {
  display: inline-block;

  width: 22px;
  height: 22px;
  margin: 0 10px 0 0;

  background: no-repeat 50% 50%;
}
.list__action_send {
  background-image: url('assets/icons/ico_send_primary.svg');
}
.list__action_send:hover {
  background-image: url('assets/icons/ico_send_primary_hover.svg');
}
.list__action_load {
  background-image: url('assets/icons/ico_load.svg');
}
.list__action_load:hover {
  background-image: url('assets/icons/ico_load_green.svg');
}
.list__action_like {
  background-image: url('assets/icons/ico_like.svg');
}
.list__action_like:hover {
  background-image: url('assets/icons/ico_like_green.svg');
}
.list__text {
  flex: 1 1 auto;
  overflow: hidden;
}
.lt-ie10 .list__text {
  display: table-cell;

  vertical-align: top;
}
.list__profile {
  min-width: 80px;
  margin-right: -8px;
  margin-left: 16px;
  padding: 0 10px;
  transition: 0.25s ease-out;
  text-align: center;
  flex: 0 0 auto;
}
.list__item_active .list__profile,
.list_popup .list__profile {
  margin-right: 8px;
}
.lt-ie10 .list__profile {
  display: table-cell;

  vertical-align: top;
}
.list__details {
  margin: 10px 0 0;

  text-align: center;
}
.list__go {
  font-size: 13px;

  position: relative;

  display: inline-block;

  padding-right: 10px;

  -webkit-text-decoration: underline;

  text-decoration: underline;

  color: #cbcbcb;
}
.list__go:after {
  position: absolute;
  top: 4px;
  right: -3px;

  width: 7px;
  height: 11px;

  content: '';

  background: url('assets/icons/ico_next.svg') no-repeat 0 0;
}
.list__go:hover {
  -webkit-text-decoration: none;
  text-decoration: none;

  color: #cbcbcb;
}
.list__about,
.list__actions,
.list__profile .human__about,
.list__details {
  transition: 0.25s ease-out;

  opacity: 0;
}
.list__item_active .list__about,
.list_popup .list__about,
.list__item_active .list__actions,
.list_popup .list__actions,
.list__item_active .list__profile .human__about,
.list_popup .list__profile .human__about,
.list__item_active .list__details,
.list_popup .list__details {
  transition-delay: 0.25s;

  opacity: 1;
}
.features {
  position: relative;

  margin-top: 70px;
}
.features:last-child {
  margin-bottom: 70px;
}
@media screen and (max-width: 999px) {
  .features {
    margin: 40px 0;
  }
}
@media screen and (max-width: 600px) {
  .features {
    margin: 30px 0;
  }
}
.features__list {
  display: flex;

  margin: 0 0 0 32px;
  padding: 0;

  list-style: none;

  text-align: center;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 999px) {
  .features__list {
    margin-left: 0;
  }
}
@media screen and (max-width: 762px) {
  .features__list {
    display: block;
  }
}
.features__item {
  display: inline-block;

  box-sizing: border-box;
  width: 32%;

  text-align: left;
  vertical-align: top;

  border: 2px solid #e1e1e1;
}
@media screen and (max-width: 762px) {
  .features__item {
    width: 45%;
    margin: 0 10px 20px;
  }
}
@media screen and (max-width: 600px) {
  .features__item {
    font-size: 14px;

    width: 300px;
  }
}
@media screen and (max-width: 480px) {
  .features__item {
    display: block;

    width: auto;
    margin: 0 0 20px;
  }
}
.features__box {
  padding: 32px 24px 16px;
}
.features__cover {
  text-align: center;
}
.features__label {
  text-align: center;
}
@media screen and (max-width: 600px) {
  .features__label {
    font-size: 15px;
    font-weight: 700;

    margin-bottom: 10px;
  }
}
.features__view {
  height: 177px;
}
@media screen and (max-width: 999px) {
  .features__view {
    height: 120px;
  }
}
@media screen and (max-width: 600px) {
  .features__view {
    height: 112px;
  }
}
.apps {
  margin: 70px 0 0;

  background: url('assets/images/bg_city.svg') repeat-x 50% 100%;
}
@media screen and (max-width: 999px) {
  .apps {
    background-size: cover;
  }
}
.lt-ie10 .apps .apps__inner {
  display: table;

  width: 100%;
}
.apps__inner {
  display: flex;
  justify-content: space-between;
  align-content: flex-end;
  align-items: flex-end;
}
.apps__phones,
.apps__connect {
  position: relative;

  width: 48%;
}
.lt-ie10 .apps__phones,
.lt-ie10 .apps__connect {
  display: table-cell;

  vertical-align: bottom;
}
@media screen and (max-width: 600px) {
  .apps__phones {
    display: none;
  }
}
.apps__connect {
  padding-bottom: 90px;
}
@media screen and (max-width: 762px) {
  .apps__connect {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 762px) and (max-width: 762px) {
  .apps__connect {
    width: 52%;
    padding-left: 10px;
  }
}
@media screen and (max-width: 600px) {
  .apps__connect {
    width: 100%;
    padding: 15px 0;

    text-align: center;
  }
}
.lt-ie10 .apps__connect {
  padding-left: 20px;
}
.apps__buttons {
  margin-top: 40px;
}
@media screen and (max-width: 999px) {
  .apps__buttons {
    margin-top: 20px;
  }
}
@media screen and (max-width: 600px) {
  .apps__buttons {
    margin-top: 15px;
  }
}
.apps__button {
  width: 183px;

  vertical-align: bottom;
}
@media screen and (max-width: 999px) {
  .apps__button {
    width: 138px;
  }
}
.lt-ie10 .apps__button {
  height: 52px;
}
.apps__phone {
  width: 55%;

  vertical-align: bottom;
}
.apps__phone_apple {
  position: absolute;
  right: 0;
  bottom: 0;
}
.sitemap {
  padding: 55px 0 20px;
}
.sitemap_cities {
  padding: 20px 0 40px;

  border-top: 2px solid #eeeeee;
}
@media screen and (max-width: 762px) {
  .sitemap {
    padding: 5px 0;
  }
  .sitemap_cities {
    padding: 20px 0;
  }
}
.sitemap__inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sitemap_cities .sitemap__inner {
  display: block;
}
.sitemap__box {
  display: inline-block;

  width: 20%;

  vertical-align: top;
}
@media screen and (max-width: 762px) {
  .sitemap__box {
    width: 50%;
    margin: 15px 0;
  }
}
.lt-ie10 .sitemap__box {
  width: 24%;
}
.sitemap__label {
  margin: 0 0 20px;
}
.sitemap__connect .sitemap__label {
  font-weight: 700;

  max-width: 440px;
}
@media screen and (max-width: 999px) {
  .sitemap__connect .sitemap__label {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .sitemap__connect .sitemap__label {
    margin-bottom: 15px;
  }
}
.sitemap__list {
  margin: 0;
  padding: 0;

  list-style: none;
}
.sitemap_cities .sitemap__list {
  margin: -10px -8px 0;
}
.sitemap__item {
  margin: 12px 0 0;
}
.sitemap_cities .sitemap__item {
  display: inline-block;

  margin: 10px 0 0;
  padding: 0 8px;
}
.sitemap_cities .sitemap__item:last-child {
  margin-right: auto;
}
.sitemap__link {
  color: #494949;
}
.sitemap__link:hover {
  color: #494949;
}
.install {
  position: fixed;
  z-index: -1;
  right: 100%;
  bottom: 0;
  left: 0;

  visibility: hidden;

  height: 42px;

  background: rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 999px) {
  .install {
    z-index: 90;
    right: 0;

    visibility: visible;

    opacity: 1;
  }
}
.install__inner {
  display: block;

  background-color: #0edc84;
  color: #ffffff;
}
.install__inner:hover {
  color: #1a724d;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.install__ico {
  position: absolute;
  top: 5px;
  right: 8px;

  width: 106px;
  height: 32px;
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.dialogs__list {
  margin: 0;
  padding: 0;

  list-style: none;
}
.dialogs__item {
  border-top: 1px solid #bbbbbb;
  cursor: pointer;
}
@media screen and (min-width: 999px) {
  .sidebar_chat .dialogs__item {
    border-top: none;
    border-bottom: 1px solid #bbbbbb;
  }
}
@media screen and (max-width: 999px) {
  .sidebar__nav .dialogs__item {
    overflow: hidden;

    height: 0;
    transition: 0.125s ease-out;

    opacity: 0;
    border-top: 0;
  }
  .sidebar__nav .dialogs__item_active {
    height: 52px;

    opacity: 1;
  }
  .sidebar__nav_open .dialogs__item {
    height: 52px;

    opacity: 1;
    border-top: 1px solid #bbbbbb;
  }
}
.dialogs__box {
  position: relative;
  display: flex;

  box-sizing: border-box;
  width: 100%;
  padding: 24px 7px 24px 10px;

  -webkit-text-decoration: none;

  text-decoration: none;

  color: #494949;
  border-right: 3px solid #fff;
  background: #fff;
  justify-content: space-between;
  align-items: center;
}
.dialogs__box:hover {
  -webkit-text-decoration: none;
  text-decoration: none;

  color: #494949;
  border-color: #e1e1e1;
}
.dialogs__item_active .dialogs__box {
  border-color: #0aeb8b;
}
@media screen and (max-width: 999px) {
  .dialogs__box {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
  }
  .sidebar__nav .dialogs__box {
    padding-left: 0 !important;
  }
  .sidebar__nav .dialogs__box {
    overflow: hidden;

    padding-right: 0;

    color: #b2b2b2;
    border-right: none;
  }
  .sidebar__nav .dialogs__box:hover {
    color: #494949;
  }
  .dialogs__item_active .sidebar__nav .dialogs__box {
    color: #494949;
  }
  .sidebar__nav .dialogs__item_active .dialogs__box {
    color: #494949;
  }
}
.dialogs__view {
  flex: 0 0 auto;
}
.dialogs__avatar {
  display: inline-block;
  overflow: hidden;

  width: 56px;
  height: 56px;
  margin: 0 0 0 -14px;

  vertical-align: middle;

  border: 2px solid #fff;
  border-radius: 50%;
  background-position: 50% 50%;
  background-size: cover;
}
.dialogs__avatar:first-child {
  margin-left: -2px;
}
.dialogs__view_double .dialogs__avatar {
  width: 46px;
  height: 46px;
}
@media screen and (max-width: 999px) {
  .dialogs__avatar {
    width: 32px;
    height: 32px;
  }
  .dialogs__view_double .dialogs__avatar {
    width: 32px;
    height: 32px;
  }
}
.dialogs__photo {
  width: 100%;
  height: 100%;
}
.dialogs__content {
  min-height: 52px;
  overflow: hidden;
  flex: 1 1 auto;
}
.dialogs__view + .dialogs__content {
  padding-left: 14px;
}
@media screen and (max-width: 999px) {
  .dialogs__view + .dialogs__content {
    padding-left: 8px;
  }
}
.dialogs__label {
  font-size: 0.86rem;
  font-weight: 500;
  text-align: left;
  color: #333333;
}
.dialogs__text {
  font-size: 0.86rem;
  text-align: left;
  color: #757575;

  line-height: 1.25;
  overflow: hidden;
  max-width: 100%;
  max-height: 35px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 999px) {
  .dialogs__text {
    font-size: 13px;

    max-height: 18px;
  }
}
.dialogs__tip {
  white-space: normal;
  white-space: initial;
}
.dialogs__info {
  padding-left: 16px;
  flex: 0 0 auto;
}
.dialogs__time {
  font-size: 0.67rem;

  position: absolute;
  top: 8px;
  right: 7px;

  color: #bbbbbb;
}
@media screen and (max-width: 999px) {
  .dialogs__time {
    top: 2px;
  }
  .sidebar__nav .dialogs__time {
    transition: opacity 0.125s ease-out;
    opacity: 0;
  }
  .sidebar__nav_open .dialogs__time {
    opacity: 1;
  }
}
.dialogs__counter {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;

  box-sizing: border-box;
  min-width: 20px;
  height: 20px;
  padding: 0 4px;

  text-align: center;

  color: #fff;
  border-radius: 20px;
  background: #fb4848;
}
.dialogs__advise {
  position: absolute;
  bottom: 3px;
  right: 8px;
  font-size: 0.75em;
  font-weight: 500;
  line-height: 1.04;
  text-align: center;
  color: #489cff;
}
.dialogs__advise.fullfilled {
  background-color: #489cff;
  color: #ffffff;
  border: solid 1px #489cff;
  border-radius: 2px;
  padding: 1px 2px;
}
@media screen and (max-width: 999px) {
  .dialogs__counter {
    font-size: 10px;
    line-height: 18px;

    min-width: 16px;
    height: 16px;
  }
  .sidebar__nav .dialogs__counter {
    transition: opacity 0.125s ease-out;

    opacity: 0;
  }
  .sidebar__nav_open .dialogs__counter {
    opacity: 1;
  }
}
.browser_ff .dialogs__counter {
  font-family: Arial, sans-serif;
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.info {
  position: relative;

  padding: 0 24px 16px 24px;

  background: #fff;
}
.popup .info {
  margin: 0 -1px;
}
@media screen and (max-width: 999px) {
  .info {
    padding-right: 16px;
    padding-left: 16px;
  }
  .sidebar_listroom .info,
  .sidebar_payment .info,
  .sidebar_requests .info {
    padding: 0;

    background: none;
  }
  .info_menu {
    padding: 0;
  }
  .sidebar_pin .info {
    margin: 0 !important;
  }
}
.info__head {
  padding: 16px 0 16px;
}
.info__head > h2 {
  margin-bottom: 0;
}
@media screen and (max-width: 999px) {
  .sidebar_listroom .info__head,
  .sidebar_payment .info__head,
  .sidebar_requests .info__head {
    margin: 0px -16px 24px -16px;
    padding: 12px 16px;

    text-align: center;

    background: #fff;
  }
  .sidebar__nav .info__head {
    margin: 0 !important;
  }
  .info_menu .info__head {
    position: relative;

    padding: 16px;

    background: #fff;
    z-index: 2;
  }
  .info_menu .info__head:after {
    position: absolute;
    z-index: 87;
    top: 14px;
    right: 16px;

    width: 26px;
    height: 26px;

    content: '';
    transition: transform 0.125s ease-out;
    pointer-events: none;

    background: url('assets/icons/ico_down_gray.svg') no-repeat 50% 50%;
  }
  .sidebar_invitations .info_menu .info__head:after {
    display: none;
  }
  .info_open .info__head:after {
    transform: rotate(180deg);
  }
  .info__head > h2 {
    margin-bottom: 0;
    font-size: 1.2rem;
  }
}
.info__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;

  margin: 0;
}
@media screen and (max-width: 999px) {
  .info__title {
    text-align: left;
  }
  .sidebar_listroom .info__title,
  .sidebar_payment .info__title,
  .sidebar_requests .info__title {
    font-size: 15px;
  }
}
@media screen and (max-width: 999px) {
  .info_menu .info__main {
    position: absolute;
    z-index: 2;
    top: 52px;
    right: -16px;
    left: -16px;

    overflow: auto;

    max-height: 0;
    padding: 0 16px;
    transition: max-height 0.125s ease-out;

    background: #fff;
  }
  .info_open .info__main {
    max-height: 238px;
  }
}
.info__progress {
  clear: both;

  margin: 0 0 8px;
}
.info__steps {
  margin: 32px 0 0;
  padding: 0;

  list-style: none;
}
@media screen and (max-width: 999px) {
  .sidebar_listroom .info__steps,
  .sidebar_payment .info__steps {
    display: none;
  }
}
.info__step {
  font-weight: 400;
  line-height: 26px;
  cursor: pointer;

  position: relative;

  padding: 0 0 24px 50px;

  color: #757575;
}
.info__step:hover {
  color: #333333;
}
.info__step:before {
  position: absolute;
  top: 10px;
  bottom: -10px;
  left: 12px;

  width: 2px;

  content: '';

  background: #e1e1e1;
}
.info__step:after {
  position: absolute;
  top: 0;
  left: 0;

  width: 22px;
  height: 22px;

  content: '';

  border: 2px solid #e1e1e1;
  border-radius: 50%;
  background: #fff;
}
.info__step:last-child:before {
  display: none;
}
.info__step_active {
  font-weight: 400;

  color: #494949;
}
.info__step_active:after {
  border: 2px solid #0edc84;
  background: #0edc84 url('assets/icons/ico_check_white.svg') no-repeat 50% 50%;
}
.sidebar_payment .info__step_active:after {
  border: 2px solid #4990e2;
  background: #4990e2 url('assets/icons/ico_check_white.svg') no-repeat 50% 50%;
}
.sidebar_payment .progress__line {
  background: #4990e2;
}
.sidebar_payment > .sidebar__content {
  top: auto;
}
.info__actions {
  font-size: 14px;

  margin: 16px 0 0;
  padding: 16px 0;

  text-align: center;
}
@media screen and (max-width: 999px) {
  .sidebar_listroom .info__actions,
  .sidebar_payment .info__actions {
    display: none;
  }
}
.info__help {
  -webkit-text-decoration: underline;
  text-decoration: underline;

  color: #494949;
}
.info__help:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.info__avatar {
  position: relative;

  margin: 0 -24px 8px -24px;
}
.info__avatar_empty {
  padding-top: 30px;
  padding-bottom: 50px;
}
@media screen and (max-width: 999px) {
  .info__avatar {
    float: left;

    width: 50%;
    margin: 0 -16px 8px -16px;
  }
  .popup .info__avatar {
    float: none;

    width: auto;
    margin: 0 -24px 32px -24px;
  }
}
@media screen and (max-width: 600px) {
  .info__avatar {
    float: none;
    width: auto;
  }
}
.info__photo {
  width: 100%;

  vertical-align: bottom;
}
.info__parameters {
  margin: 0 -16px 16px 0;

  text-align: right;
}
.info_owner .info__parameters {
  float: right;

  margin: -6px 0 0 0;
}
@media screen and (max-width: 999px) {
  .info__parameters {
    float: right;

    margin: -4px 0 0 0;
  }
}
.info__parameter {
  display: inline-block;

  margin: 0 0 0 8px;

  vertical-align: middle;
}
.info__user {
  margin: 0 0 32px;
}
.info_owner .info__user {
  margin-bottom: 16px;
}
@media screen and (max-width: 999px) {
  .info__user {
    margin-top: 0;
  }
}
.info__about {
  margin: 0 0 32px;
  padding: 0 0 32px;

  border-bottom: 1px solid #e1e1e1;
}
.info_owner .info__about {
  margin-bottom: 0;
  padding-top: 26px;

  border-bottom: none;
}
.info__about_summary {
  margin: 16px 0 32px 0;
  padding: 32px 0 32px 0;
  border-top: 1px solid #e1e1e1;
  border-bottom: none;
}
@media screen and (max-width: 999px) {
  .info__about {
    margin-left: 50%;
  }
  .popup .info__about {
    margin: 0 0 16px;
    padding: 0 0 16px;
  }
}
@media screen and (max-width: 600px) {
  .info__about {
    margin: 0 0 16px;
    padding: 0 0 16px;
  }
}
.info__verify,
.info__trusted {
  line-height: 32px;

  position: absolute;
  top: 16px;
  right: -1px;

  height: 35px;
  padding: 0 16px 0 8px;

  color: #fff;
  background-size: cover;
}
.info__verify {
  background: url('assets/images/verify.svg') no-repeat 100% 0;
}
.info__trusted {
  background: url('assets/images/trusted-flag.svg') no-repeat 100% 0;
}
.info__verify:before,
.info__trusted:before {
  position: absolute;
  top: 0;
  right: 100%;

  width: 34px;
  height: 100%;

  content: '';

  background: inherit;
  background-position: 0 0;
}
.info__trusted:before {
  width: 38px;
}
.info__text {
  font-size: 14px;

  color: #b2b2b2;
}
.info__text_error {
  color: #ff7485;
}
.info__menu {
  margin: 16px 0 0;
  padding: 0;

  list-style: none;
}
.info__item {
  margin: 24px 0 16px;
}
.info__item:first-child {
  margin-top: 0;
}
.info__label,
.info__counter {
  font-size: 1rem;
  font-weight: 400;
}
.info__item_active .info__label,
.info__item_active .info__counter {
  font-weight: 500;
}
.info__page,
.info__page:hover {
  font-family: inherit;
  font-size: inherit;

  position: relative;

  display: block;

  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;

  cursor: pointer;
  transition: 0.125s ease-out;
  text-align: left;

  color: #757575;
  border: none;
  outline: none;
  background: none;
}
.info__item_active .info__page,
.info__item_active .info__page:hover {
  color: #333333;
}
.info__page:hover,
.info__page:hover:hover {
  -webkit-text-decoration: none;
  text-decoration: none;

  color: #494949;
}
.info__item_link > span > a {
  color: #757575;
  width: 100%;
  display: block;
}
.info__item_active.info__item_link > span > a {
  color: #333333;
}
.info__item_link > span > a:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}
@media screen and (max-width: 999px) {
  .info_menu .info__page,
  .info_menu .info__page:hover {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.info__counter {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 999px) {
  .info__counter {
    right: 16px;
  }
}
.info__overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  transition: opacity 0.25s ease-out;

  opacity: 0;
  background: #000;
}
@media screen and (max-width: 999px) {
  .info_open .info__overlay {
    z-index: 1;
    bottom: 0;

    opacity: 0.4;
  }
  .info_close .info__overlay {
    z-index: -1;
    bottom: 0;

    opacity: 0;
  }
}
@media screen and (max-width: 999px) {
  .info__trigger {
    position: absolute;
    z-index: 2;
    top: 0;
    right: -16px;
    left: -16px;

    height: 52px;

    cursor: pointer;

    opacity: 0.3;
  }
}
.info__total {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;

  position: absolute;
  top: 18px;
  right: 52px;

  box-sizing: border-box;
  min-width: 20px;
  height: 20px;
  padding: 0 4px;

  text-align: center;

  color: #fff;
  border-radius: 20px;
  background: #ff7485;
}
.info__head .info__total {
  display: none;
}
@media screen and (max-width: 999px) {
  .info__total {
    font-size: 10px;
    line-height: 18px;

    min-width: 16px;
    height: 16px;
  }
  .info__head .info__total {
    display: block;
    transition: opacity 0.125s ease-out;

    opacity: 1;
  }
  .info_open .info__total {
    opacity: 0;
  }
}
.sidebar_invitations .info__total {
  right: 16px;
}
.info__friends {
  text-align: center;
}
.info__friend {
  display: inline-block;

  vertical-align: middle;
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.listings > .section > .section__main {
  overflow: visible;
  overflow: initial;
}
.listing__item {
  padding: 16px 0;

  border-top: 1px solid #e1e1e1;
}
.listing__item:first-child {
  padding-top: 0;

  border-top: none;
}
@media screen and (max-width: 762px) {
  .listing__item:last-child {
    padding-bottom: 0;
  }
  .listing__item_request {
    padding-top: 24px;
  }
  .listing__item_request:first-child {
    padding-top: 16px;
  }
}
@media screen and (max-width: 600px) {
  .listing__item {
    padding-bottom: 20px;
  }
}
.listing__content {
  position: relative;
}
.listing__main {
  display: flex;
  flex-direction: column;

  min-height: 180px;
  margin-left: 307px;
}
.listing__item_request .listing__main {
  min-height: 215px;
}
@media screen and (max-width: 762px) {
  .listing__main {
    margin-left: 256px;
  }
}
@media screen and (max-width: 600px) {
  .listing__main {
    display: block;

    margin-left: 0;
  }
}
.listing__header {
  position: relative;

  margin: 0 0 16px;
  padding-right: 32px;
  flex: 1 1 auto;
}
.listing__title {
  margin: 0;
}
.listing__title:after {
  display: none;
}
.listing__location {
  margin: 8px 0 0;
}
.listing__menu {
  position: absolute;
  top: -8px;
  right: 0;
}
.listing__cover {
  position: absolute;
  top: 0;
  left: 0;

  width: 275px;
  height: 180px;

  background: #eee url('assets/images/listing_empty.svg') no-repeat 50% 50%;
  background-size: cover;
}
.listing__cover_empty {
  background-size: auto;
}
.listing__item_request .listing__cover {
  height: 215px;
}
@media screen and (max-width: 762px) {
  .listing__cover {
    width: 240px;
  }
}
@media screen and (max-width: 600px) {
  .listing__cover {
    position: relative;

    width: 275px;
    margin: 8px 0 20px;
  }
}
@media screen and (max-width: 480px) {
  .listing__cover {
    width: auto;
    min-height: 200px;
  }
}
.listing__text {
  font-size: 0.86rem;
  color: #333333;
}
.listing__text_booking {
  font-weight: 500;
  color: #489cff;
}
.listing__item_request .listing__text {
  font-size: 16px;
  flex: 1 1 auto;
}
.listing__actions {
  margin: 16px 0 0;
}
@media screen and (max-width: 600px) {
  .listing__actions {
    clear: both;

    text-align: center;
  }
}
.listing__action {
  display: inline-block;
  margin: 0 5px 0 0;
}
.listing__action:first-child {
  width: calc(100% - 125px);
}
.listing__action:last-child {
  margin: 0;
}
@media screen and (min-width: 1260px) {
  .listing__action:first-child {
    width: calc(100% - 155px);
  }
}
.listing__progress {
  max-width: 310px;
}
.listing__user {
  display: flex;

  min-height: 56px;
  margin: 0 0 0 -2px;
  align-items: center;
}
.listing__user_online {
  margin-left: 0;
}
@media screen and (max-width: 600px) {
  .listing__user {
    display: block;
    float: right;

    width: 86px;
    margin: 0 0 10px 10px;

    text-align: center;
  }
}
.listing__author {
  margin-left: 16px;
}
@media screen and (max-width: 600px) {
  .listing__author {
    margin-left: 0px;
  }
}
.listing__photo {
  width: 100%;
  height: 100%;
}
.listing__name {
  font-size: 16px;
  font-weight: 700;

  color: #aeaeae;
}
@media screen and (max-width: 600px) {
  .listing__name {
    font-size: 14px;
  }
}
.listing__price {
  font-size: 18px;
  font-weight: 700;

  margin: 16px 0 8px;
}
@media screen and (max-width: 600px) {
  .listing__price {
    font-size: 16px;
  }
}
.listing__label {
  font-size: 18px;

  margin: 0;
}
@media screen and (max-width: 600px) {
  .listing__label {
    font-size: 14px;
  }
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.person__ava {
  font-size: inherit;
  font-weight: inherit;

  margin: 0;
  padding: 0;

  cursor: pointer;

  border: none;
  outline: none;
  background: none;
}
.person {
  position: relative;

  overflow: hidden;

  min-height: 500px;
  flex: 1 1 auto;
}
@media screen and (max-width: 600px) {
  .person {
    min-height: 300px;
  }
}
.person__inner {
  position: absolute;
  top: 56px;
  right: 0;
  bottom: 70px;
  left: 0;

  overflow: hidden;
  overflow-y: auto;

  color: #494949;
  background: #fff;
}
@media screen and (max-width: 600px) {
  .person__inner {
    top: 41px;
    bottom: 52px;
  }
}
.person__header {
  line-height: 24px;

  position: absolute;
  top: 0;
  right: 0;
  left: 0;

  box-sizing: border-box;
  min-height: 58px;

  text-align: right;

  color: #b2b2b2;
  border-bottom: 1px solid #e1e1e1;
  background: #fff;
}
.person__header_main {
  color: #fff;
  border-bottom: none;
  background: #fec059;
}
.person_empty .person__header {
  border-bottom: 1px solid #f5f4f4;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  .person__header {
    font-size: 14px;
    line-height: 24px;

    min-height: 44px;
    padding-top: 8px;
  }
}
.person__num {
  font-size: 18px;
  font-weight: 700;

  float: left;
}
@media screen and (max-width: 600px) {
  .person__num {
    font-size: inherit;
    font-weight: 400;
  }
}
.person__reg:after {
  display: inline-block;

  width: 24px;
  height: 24px;
  margin: 0 0 0 16px;

  content: '';
  vertical-align: middle;

  background: url('assets/icons/ico_room.svg') no-repeat 50% 50%;
  background-size: contain;
}
.person__main {
  position: relative;
  display: flex;

  padding: 16px;
  align-content: flex-end;
  align-items: flex-end;
}
@media screen and (max-width: 600px) {
  .person__main {
    display: block;

    padding: 0;
  }
}
.person__avatar {
  width: 160px;
  height: 160px;

  background: #fafafa url('assets/images/no_photo.svg') no-repeat 50% 50%;
  background-size: cover;
}
.person__avatar_empty {
  background-size: auto;
}
@media screen and (max-width: 600px) {
  .person__avatar {
    width: auto;
    height: 280px;
  }
}
@media screen and (max-width: 480px) {
  .person__avatar {
    height: 210px;
  }
}
.person__photo {
  width: 100%;
  height: 100%;

  vertical-align: bottom;
}
.person__info {
  margin-left: 32px;
}
@media screen and (max-width: 762px) {
  .person__info {
    margin-left: 16px;
  }
}
@media screen and (max-width: 600px) {
  .person__info {
    position: relative;

    margin: 0;
    padding: 16px 146px 16px 16px;
  }
}
.person__user {
  margin: 0 0 10px;
}
.person__user:after {
  display: none;
}
.person_empty .person__user {
  width: 148px;
  height: 24px;

  border-radius: 3px;
  background: #fafafa;
}
@media screen and (max-width: 762px) {
  .person__user {
    margin: 0 0 8px;
  }
}
@media screen and (max-width: 600px) {
  .person__user {
    font-size: 20px;
  }
}
.person__location {
  margin-bottom: 10px;
}
.person_empty .person__location {
  width: 148px;
  height: 16px;
  margin-bottom: 12px;

  border-radius: 3px;
  background: #fafafa;
}
@media screen and (max-width: 600px) {
  .person__parameters {
    position: absolute;
    top: 8px;
    right: 12px;

    max-width: 130px;

    text-align: right;
  }

  .person__flag {
    top: -26px;
  }
}
.person__parameter {
  display: inline-block;

  margin: 0 8px 0 0;

  vertical-align: middle;
}
.person_empty .person__parameter {
  width: 36px;
  height: 36px;

  border-radius: 50%;
  background: #fafafa;
}
@media screen and (max-width: 762px) {
  .person__parameter {
    margin-top: 8px;
  }
}
@media screen and (max-width: 600px) {
  .person__parameter {
    margin: 4px 4px 0 0;
  }
}
.person__verify,
.person__trusted {
  line-height: 32px;

  position: absolute;
  top: 32px;
  right: -1px;

  height: 35px;
  padding: 0 16px 0 8px;

  color: #fff;
  background-size: cover;
}
.person__verify {
  background: url('assets/images/verify.svg') no-repeat 100% 0;
}
.person__trusted {
  background: url('assets/images/trusted-flag.svg') no-repeat 100% 0;
}
.person_empty .person__verify,
.person_empty .person__trusted {
  width: 80px;

  background-image: url('assets/images/verify_empty.svg');
}
.person__verify:before,
.person__trusted:before {
  position: absolute;
  top: 0;
  right: 100%;

  width: 34px;
  height: 100%;

  content: '';

  background: inherit;
  background-position: 0 0;
}
@media screen and (max-width: 600px) {
  .person__verify,
  .person__trusted {
    font-size: 12px;
    line-height: 24px;

    top: -242px;

    height: 26px;
  }
  .person__verify:before,
  .person__trusted:before {
    margin-right: -8px;
  }
}
@media screen and (max-width: 480px) {
  .person__verify,
  .person__trusted {
    top: -202px;
  }
}
.person__file {
  clear: both;
  overflow: hidden;
}
.person__main + .person__file {
  margin-top: 18px;
}
@media screen and (max-width: 762px) {
  .person__main + .person__file {
    margin-top: 0;
    flex-wrap: wrap;
  }
}
.person__box {
  float: left;
  clear: left;

  box-sizing: border-box;
  width: 46%;
  margin: 0 16px;
  padding: 16px 0;

  border-top: 1px solid #bbbbbb;
}
.person__box_skills,
.person__box_roommates,
.person__box_location {
  float: right;
  clear: none;

  margin-left: 0;
}
.person__box_skills,
.person__box_roommates {
  border-top-width: 0;
}
.person__file_info .person__box {
  float: none;

  width: auto;
  margin: 0;
  padding: 32px 0;

  border-width: 1px;
}
.person__file_info .person__box_skills {
  float: none;

  border-top-width: 1px;
}
.person__file_info .person__box_friends {
  text-align: center;
}
.invitation .person__box {
  border-top-width: 0;
}
@media screen and (max-width: 999px) {
  .person__box {

    border-top: 2px solid #e1e1e1 !important;
  }
  .person__box {
    float: none;

    width: auto;
  }
  .person__box_skills,
  .person__box_roommates,
  .person__box_location {
    margin-left: 16px;
  }
  .invitation .person__box {
    border-top-width: 0 !important;
  }
}
.person__label {
  margin-top: 0;
}
.sidebar .person__label {
  font-weight: 400;
}
.person__list {
  margin: 0;
  padding: 0;

  list-style: none;
}
.person__item {
  display: inline-block;

  margin: 0 0 0 5px;
}
.person__item:before {
  display: inline-block;

  width: 2px;
  height: 2px;
  margin: 12px 8px 0 0;

  content: '';
  vertical-align: top;

  border-radius: 50%;
  background: #494949;
}
.person__item:first-child {
  margin: 0;
}
.person__item:first-child:before {
  display: none;
}
.person__community {
  position: relative;

  overflow: hidden;

  height: 50px;
  margin: -16px 0 -48px -16px;
  padding: 16px 0 48px 16px;
}
@media screen and (max-width: 999px) {
  .person__community {
    margin-right: -16px;
  }
}
.person__friends {
  position: absolute;

  margin: 0;
  padding: 0;

  list-style: none;

  white-space: nowrap;
}
.person__file_info .person__friends {
  position: relative;
}
.person__friend {
  position: relative;

  display: inline-block;

  padding: 0 5px;

  vertical-align: top;
}
.person__ava {
  display: block;
  overflow: hidden;

  width: 50px;
  height: 50px;

  cursor: pointer;
  transition: transform 0.25s ease-out;

  border-radius: 50%;
  background-position: 50% 50%;
  background-size: cover;
}
.person__friend:hover .person__ava {
  transform: scale(1.2);
  -webkit-text-decoration: none;
  text-decoration: none;

  opacity: 1;
}
.person__friendname {
  font-size: 15px;

  position: absolute;
  top: 55px;
  left: 50%;

  padding: 0 8px;
  transition: 0.25s ease-out;
  transform: translate(-50%, 20px);

  opacity: 0;
  background: #fff;
}
.person__friend:hover .person__friendname {
  transform: translate(-50%, 0);

  opacity: 1;
}
.person__row {
  position: relative;

  overflow: hidden;

  height: 34px;
  margin: 0 16px 16px 0;
  padding: 0 0 0 50px;
}
.person__pic {
  position: absolute;
  top: 0;
  left: 0;
}
.person__skill {
  font-size: 0.86rem;
  font-weight: 400;
  line-height: 1.25;
  padding: 4px 0 3px 0;
  color: #333333;
}
.person__progress {
  position: relative;

  overflow: hidden;

  height: 3px;

  border-radius: 2px;
}
.person__line {
  position: absolute;
  top: 0;
  left: 0;

  height: 100%;

  border-radius: 2px;
  background: #0aeb8b;
}
.person__empty {
  padding: 50px;
  height: calc(100% - 100px);
}
.person_empty .person__body,
.person_empty .person__file {
  height: 100%;
}
.person__empty > h2,
.person__empty > p {
  max-width: 400px;
}
.person__empty > div {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  height: calc(100% - 108px);
}
.person__empty > div > div {
  max-height: 300px;
  margin: 0 auto;
  height: 100%;
}
.person__number {
  font-size: 22px;
  font-weight: 500;
  line-height: 46px;

  width: 46px;

  text-align: center;

  color: #cacaca;
  border: 2px solid #cacaca;
  border-radius: 50%;
}
.person__text .form__set {
  min-height: 50px;
}
@media screen and (max-width: 999px) {
  .person__text .form__set {
    min-height: 10px;
  }
}

.popup {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  visibility: hidden;

  min-width: 320px;

  opacity: 0;
  justify-content: center;
  align-items: center;
}
.popup_active {
  z-index: 2000;

  visibility: visible;

  opacity: 1;
}
.popup_room {
  z-index: 1999;
}
.popup__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  visibility: hidden;
  transition: 0.125s ease-out;

  opacity: 0;
  background: #000;
}
.popup_active .popup__bg {
  visibility: visible;

  opacity: 0.42;
}
.popup_closed .popup__bg {
  opacity: 0;
}
.popup__main {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;

  width: 554px;
  max-width: 94%;
  max-height: 92%;
  transition: 0.25s ease-out;
  transform: scale(0);

  opacity: 0;
  border-radius: 4px;
  background: #fff;
}
.popup__main_thin {
  width: 420px;
}
.popup_login .popup__main,
.popup_signup .popup__main {
  max-width: 570px;
  -ms-overflow-y: scroll;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.popup_booking .popup__main {
  width: 385px;
  min-height: 500px;
}
.popup_payment .popup__main {
  width: 950px;
  overflow-y: hidden;
}
.popup_info .popup__main {
  width: 865px;
  overflow-y: hidden;
}
.popup_signup .popup__main {
  background-color: #fff;
}
.popup_image .popup__main {
  width: auto;

  border-radius: 0;
  background: none;
}
.popup_room .popup__main {
  width: auto;

  border-radius: 0;
}
.popup_profile .popup__main {
  width: 360px;

  border-radius: 0;
}
.popup_profile .popup__content {
  overflow-x: hidden;
}
.popup_active .popup__main {
  transform: scale(1);

  opacity: 1;
}
.popup_closed .popup__main {
  transform: scale(0);

  opacity: 0;
}
.popup_booking .popup__main .booking {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.popup__decoration_left {
  float: left;
}
.popup__decoration_right {
  float: right;
}
.popup__head {
  min-height: 32px;
  padding: 16px;
  padding-bottom: 0;
}
.popup_image .popup__head {
  position: absolute;
  top: -48px;
  right: -48px;
}
.popup_profile .popup__head {
  position: absolute;
  top: -18px;
  left: 18px;
  z-index: 4;
}
@media screen and (max-width: 600px) {
  .popup_profile .popup__head {
    top: -8px;
  }
}
.popup_room .popup__head {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
}
@media screen and (max-width: 600px) {
  .popup__head {
    min-height: 16px;
  }
  .popup_room .popup__head {
    z-index: 5;
    top: 0;
    right: -6px;
  }
}
.popup__close {
  position: absolute;
  top: 16px;
  right: 16px;

  width: 32px;
  height: 32px;

  cursor: pointer;

  background: url('assets/icons/ico_cross_gray.svg') no-repeat 50% 50%;
}
.popup__close_white {
  background: url('assets/icons/ico_cross_white.svg') no-repeat 50% 50%;
}
.popup__close_shadow {
  background: url('assets/icons/ico_cross_shadowwhite.svg') no-repeat 50% 50%;
}
.popup__close:hover {
  background-image: url('assets/icons/ico_cross_primary.svg');
}
.popup__close_shadow:hover {
  background: url('assets/icons/ico_cross_shadowprimary.svg') no-repeat 50% 50%;
}
@media screen and (max-width: 600px) {
  .popup__close {
    top: 8px;
  }
  .popup_room .popup__close {
    background-image: url('assets/icons/ico_cross_light.svg');
  }
  .popup_room .popup__close:hover {
    background-image: url('assets/icons/ico_cross_primary.svg');
  }
}
.popup_profile .popup__close {
  background: url('assets/icons/ico_cross_shadowwhite.svg') no-repeat 50% 50%;
}
.popup__body {
  overflow: auto;

  padding: 0 32px 32px;
  flex: 1 1 auto;
}
.popup__body h2 {
  margin-top: 16px;
}
.popup_image .popup__body,
.popup_profile .popup__body,
.popup_room .popup__body {
  padding: 0;
}
.popup_info .popup__body {
  background-image: url(assets/images/booking-help.svg);
  background-repeat: no-repeat;
  background-position: right 100px bottom;
  background-size: 13%;
}
@media screen and (max-width: 600px) {
  .popup__body {
    padding: 16px;
  }
  .popup__body h2 {
    margin-bottom: 16px !important;
  }
  .popup__body h2 {
    margin-top: 0;
  }
}
@media screen and (max-width: 762px) {
  .popup_info .popup__body {
    background-image: none;
  }
}
.popup__content {
  max-width: 400px;
  margin: 0 auto;
}
.popup_signup .popup__content,
.popup_login .popup__content {
  max-width: 85%;
}
.popup_image .popup__content {
  max-width: 100%;
}
.popup_payment .popup__content,
.popup_info .popup__content {
  margin: auto;
  max-width: 100%;
}
.popup__social {
  margin: 32px 0 0;

  text-align: center;
}
@media screen and (max-width: 600px) {
  .popup__social {
    margin-top: 16px;
    padding: 20px 0 30px 0;
  }
}
.popup__step {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  flex-direction: row;
}
.popup__step > img {
  height: 48px;
}
.popup__step > span {
  line-height: 48px;
  color: #b2b2b2;
}
.popup__network {
  display: inline-block;

  margin: 0 8px;

  vertical-align: middle;
}
.popup__soclogo {
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 600px) {
  .popup__soclogo {
    width: 28px;
    height: 28px;
  }
}
.popup__box {
  position: relative;

  overflow-y: auto;

  height: 280px;
  margin: 32px 0;

  text-align: center;

  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  background-image: url('assets/images/rentedto-placeholder.svg');
  background-repeat: no-repeat;
  background-position-x: 35px;
}
@media screen and (max-width: 600px) {
  .popup__box {
    max-height: 260px;
    margin: 16px auto;
  }
}
.popup__list {
  display: inline-block;

  margin: 0;
  padding: 0;

  list-style: none;

  text-align: left;
}
.popup__list_humans {
  margin-top: 10px;
  background-color: white;
  min-width: 190px;
  min-height: 270px; /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */
  animation: fadein 1s;
}
.popup__item {
  margin: 0 0 16px;
}
@media screen and (max-width: 600px) {
  .popup__item {
    margin-bottom: 8px;
  }
}
.popup__actions {
  margin: 32px 0 0;

  display: flex;
  justify-content: center;
  text-align: center;
}
.popup__actions_inline {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup__action {
  margin: 0 5px;
}
.popup__actions > span,
.popup__action > span {
  vertical-align: middle;
}
@media screen and (max-width: 600px) {
  .popup__actions {
    flex-direction: column;
  }

  .popup__action {
    margin: 5px 0;
  }
}
.popup__actions_vertical {
  margin: 50px 0 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.popup__actions_vertical > button {
  min-width: 220px;
}
.popup__actions_vertical > button:last-child {
  margin: 10px 0 0 0;
}
@media screen and (max-width: 600px) {
  .popup__actions_vertical {
    margin-top: 25px;
  }
}
.popup_payment .popup__main > .popup__head {
  min-height: 23px;
}
.popup__chat > .popup__main > .popup__head {
  padding: 0;
  min-height: 0;
}
.popup__chat > .popup__main > .popup__head > .popup__close {
  background: url('assets/icons/ico_cross_white.svg') no-repeat 50% 50%;
}
.popup__chat > .popup__main {
  width: 400px;
}
.popup__chat > .popup__main > .popup__body {
  padding: 0 0 48px;
}
.popup__chat > .popup__main > .popup__body > .popup__content {
  max-width: 400px;
}
.popup__content_chat {
  padding-top: 67px;
}
.popup__chat_bgimage {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 215px;
  top: 0;
  z-index: -1;
}
.popup__chat_coverimage {
  width: 100%;
  height: 215px;
  position: absolute;
  top: 0;
  background-color: #000;
  opacity: 0.45;
  z-index: -1;
}
.popup__chat_bg {
  width: 100%;
  height: 215px;
  position: absolute;
  top: 200px;
  background-image: url('assets/images/curve.svg');
  background-size: contain;
  z-index: -1;
}
.popup__content_chat > .popup__content_title {
}
.popup__matchimage {
  max-height: 130px;
  display: flex;
  margin: 0 auto 20px auto;
}
@media screen and (max-width: 600px) {
  .popup__matchimage {
    max-height: 80px;
  }
}
.popup__chatroom {
  width: 216px;
  height: 152px;
  margin: 0 auto;

  border-radius: 6px;
  background: no-repeat 50% 50%;
  background-size: cover;
}
.popup__chatusers {
  width: 152px;
  height: 100px;
  margin: 30px auto 16px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .popup__chatusers {
    margin: 30px auto 0px;
    height: 70px;
  }
}
.popup__chatuser_1 {
  position: absolute;
}
.popup__chatuser_2 {
  position: absolute;
  right: 5px;
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.section {
  position: relative;

  max-width: 742px;
  margin: 24px 0 0;

  background: #fff;
}
.section:first-child {
  margin-top: 0;
}
.section img {
  max-width: 100%;
}
.section_payment {
  color: #ffffff;
  background: #4990e2;
}
.section_warning {
  color: #ffffff;
  background: #ff3888;
}
.section_missing:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;

  width: 6px;

  content: '';

  background: #ff7485;
}
.section__main.clickable {
  cursor: pointer;
  outline: none;
}
@media screen and (max-width: 999px) {
  .section {
    max-width: 100%;
    margin: 8px 0;
    padding: 16px 0;
  }
}
.section__head {
  position: relative;

  padding: 32px 24px;
  outline: none;
}
.section__head_light {
  padding-top: 16px;
  padding-bottom: 16px;
}
@media screen and (max-width: 999px) {
  .section__head {
    font-size: 15px;

    position: relative;

    padding: 8px 16px 16px;

    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .section_check .section__head {
    padding: 24px 56px;
  }
  .section_check .section__head:before {
    position: absolute;
    top: 20px;
    left: 16px;

    width: 22px;
    height: 22px;

    content: '';

    border: 2px solid #e1e1e1;
    border-radius: 50%;
    background: #fff url('assets/icons/ico_check_gray.svg') no-repeat 50% 50%;
  }
  .section_check .section__head:after {
    position: absolute;
    top: 20px;
    right: 16px;

    width: 26px;
    height: 26px;

    content: '';
    transition: transform 0.125s ease-out;

    border-radius: 50%;
    background: #fff url('assets/icons/ico_down_gray.svg') no-repeat 50% 50%;
  }
  .section_checked .section__head:before {
    border-color: #0edc84;
    background: #0edc84 url('assets/icons/ico_check_white.svg') no-repeat 50% 50%;
  }
  .section_open .section__head:after {
    transform: rotate(180deg);
  }
}
.section__title {
  margin: 0;
}
.section__title:after {
  display: none;
}
.section__content .section__title {
  margin-bottom: 32px;
}
.section__head_light .section__title {
  display: none;
}
.section__title_center {
  text-align: center;
}
@media screen and (max-width: 999px) {
  .section__title {
    /* font-size: 15px; */
  }
  .section__content .section__title {
    margin-bottom: 16px;
  }
  .section__head_light .section__title {
    display: block;
  }
  .section__title_center {
    text-align: left;
  }
}
.section__hint {
  width: 100%;
  font-size: 1rem;
  font-weight: 400;

  color: #333333;
}
@media screen and (max-width: 999px) {
  .section__hint {
    font-size: 0.86rem;
    display: none;
    margin: 6px 0 0;
  }
  .section_open .section__hint {
    display: block;
  }
}
.section__actions {
  position: relative;
  z-index: 5;

  float: right;

  margin: -3px -16px 0 0;
}
.section__actions .button {
  -webkit-text-decoration: underline;
  text-decoration: underline;

  color: #494949;
}
.section__actions .button:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}
@media screen and (max-width: 999px) {
  .section__actions {
    display: block;
  }
  .section_open .section__actions {
    display: block;
  }
}
@media screen and (max-width: 999px) {
  .section__main {
    position: relative;

    overflow: hidden;
  }
  .section_check .section__main {
    height: 0;
    transition: 0.25s ease-out;

    opacity: 0;
  }
  .section_open .section__main {
    overflow: visible;

    height: auto;

    opacity: 1;
  }
}
.section__content {
  padding: 0 24px 24px;
}
.section__content_simple {
  padding-top: 24px;
}
.section__content--flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 999px) {
  .section__content {
    padding: 0 16px 16px;
  }
  .section__content_simple {
    padding-top: 16px;
  }
}

.flow__inner {
  position: relative;

  box-sizing: border-box;
  min-width: 320px;
  max-width: 1126px;
  margin: 0 auto;
  padding: 0 16px;
}
@media screen and (max-width: 480px) {
  .flow__inner {
    padding-right: 8px;
    padding-left: 8px;
  }
}
.flow__prev,
.flow__next,
.flow__action {
  font-size: inherit;
  font-weight: inherit;

  margin: 0;
  padding: 0;

  cursor: pointer;

  border: none;
  outline: none;
  background: none;
}
.flow {
  position: relative;

  margin: 55px 0;
}
.flow:hover {
  z-index: 12;
}
@media screen and (max-width: 999px) {
  .flow {
    margin-top: 40px;
  }
}
@media screen and (max-width: 600px) {
  .flow {
    margin-top: 30px;
  }
}
.layout__results .flow__inner {
  margin-left: 0;
  padding-left: 40px;
}
.flow__title {
  font-size: 20px;

  margin-bottom: 20px;
}
.flow__direction {
  position: relative;

  margin: 16px 48px 16px 0;

  text-align: right;
}
.flow__prev,
.flow__next {
  width: 18px;
  height: 13px;
  transition: opacity 0.25s ease-out;
  vertical-align: top;

  background: url('assets/icons/arrow_next_dark.svg') no-repeat 50% 50%;
  background-size: cover;
}
.flow__prev_hidden,
.flow__next_hidden {
  cursor: default;

  opacity: 0.5;
}
.flow_popup .flow__prev,
.flow_popup .flow__next {
  position: absolute;
  top: 116px;
  right: 10px;

  width: 32px;
  height: 47px;

  background-image: url('assets/icons/arrow_right_white.svg');
}
.flow__prev {
  float: left;

  background-image: url('assets/icons/arrow_prev_dark.svg');
}
.flow_popup .flow__prev {
  right: auto;
  left: 10px;

  background-image: url('assets/icons/arrow_left_white.svg');
}
.flow__main {
  position: relative;

  height: 206px;
}
.flow__list {
  position: absolute;
  top: 0;
  right: 0;
  left: -2px;

  margin: 0;
  padding: 0;

  list-style: none;
  transition: 0.25s ease-out;
  white-space: nowrap;
}
@media screen and (max-width: 999px) {
  .flow__list {

    margin: -20px -16px -10px 0 !important;
  }
  .flow__list {
    display: block;
    overflow: auto;
    padding: 10px 0 10px 16px;

    white-space: nowrap;
  }
  .flow__flow .flow__list {

    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .flow__flow .flow__list {
    overflow: visible;
  }
  .flow_popup .flow__list {
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  .flow__list {
    margin-right: -8px !important;
  }
  .flow__flow .flow__list {
    margin-right: 0 !important;
  }
}
.flow__item {
  position: relative;

  display: inline-block;

  width: 40%;
  min-width: 220px;
  max-width: 280px;
  padding: 0 2px;
  transition: 0.25s ease-out;
}
.layout__search .flow__item {
  width: 45%;
}
.layout__search_close .flow__item {
  width: 23.5%;
}
@media screen and (min-width: 1260px) {
  .layout__search .flow__item {
    width: 31%;
  }
  .layout__search_close .flow__item {
    width: 19%;
  }
}
@media screen and (min-width: 1600px) {
  .layout__search .flow__item {
    width: 23.5%;
  }
  .layout__search_close .flow__item {
    width: 16%;
  }
}
@media screen and (max-width: 999px) {
  .flow__item {

    width: 23.5vw !important;
  }
  .flow__item {
    display: inline-block;
    min-width: 180px;
    margin-top: 20px;
    margin-right: 4px;

    vertical-align: top;
  }
  .flow__item_triple {
    width: 270px !important;
  }
  .flow__item_double {
    width: 360px !important;
  }
  .flow__item_room {
    height: 209px;

    background: #e1e1e1;
  }
  .flow__flow .flow__item {
    width: 180px !important;
  }
}
.flow__item_active {
  z-index: 300;
}
.flow__cnt {
  position: relative;

  height: 206px;
}
.flow__box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;

  display: block;

  box-sizing: border-box;
  width: 100%;
  transition: 0.25s ease-out;
  transform: translate(-50%, 0);
  white-space: normal;
  -webkit-text-decoration: none;
  text-decoration: none;

  color: #494949;
  border: 2px solid #e1e1e1;
  background: #fff;

  will-change: width, bottom;
}
.flow__item_active .flow__box {
  bottom: -124px;

  width: 330px;
  transform: translate(-50%, -50px);
}
.flow__cover {
  position: relative;

  height: 140px;
  margin: 0 0 5px;
  transition: height 0.25s ease-out;

  background: #e1e1e1 no-repeat 50% 50%;
  background-size: cover;
}
.flow__cover:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  content: '';
  transition: opacity 0.25s ease-out;

  opacity: 0;
  background: #000;
}
.flow__item_active .flow__cover {
  height: 190px !important;
}
.flow__badge {
  position: absolute;
  top: -10px;
  right: 12px;

  width: 42px;
  height: 37px;
  transition: top 0.25s ease-out;

  background: url('assets/icons/badge.svg') no-repeat 0 0;
  background-size: cover;
}
.flow__badge:before {
  position: absolute;
  top: 7px;
  left: 14px;

  width: 15px;
  height: 15px;

  content: '';

  background: url('assets/icons/ico_star.svg') no-repeat 0 0;
  background-size: cover;
}
.flow__badge_like:before {
  top: 7px;
  left: 13px;

  width: 18px;
  height: 15px;

  background-image: url('assets/icons/ico_favorite.svg');
  background-size: cover;
}
.flow__item_active .flow__badge,
.flow_popup .flow__badge {
  top: 14px;
}
.flow__info {
  box-sizing: border-box;
  height: 57px;
  padding: 5px 0 5px 12px;

  background: #fff;
}
@media screen and (max-width: 999px) {
  .flow__info {
    font-size: 13px;

    height: 60px;
  }
}
@media screen and (max-width: 999px) {
  .flow__bg {
    position: fixed;
    z-index: 2;
    top: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 0.25s ease-out;

    opacity: 0;
    background: #000;
  }
  .flow__item_active .flow__bg {
    top: 0;

    opacity: 0.5;
  }
}
@media screen and (max-width: 999px) {
  .flow__close {
    position: fixed;
    top: 66px;
    right: 16px;

    width: 48px;
    height: 48px;

    cursor: pointer;

    opacity: 0;
    border-radius: 50%;
    background: #fff url('assets/icons/ico_close.svg') no-repeat 50% 50%;
  }
  .flow__item_active .flow__close {
    z-index: 40;
    transition: opacity 0.25s 0.25s ease-out;

    opacity: 1;
  }
}
.flow__user {
  font-size: 16px;

  position: relative;

  overflow: hidden;

  height: 80px;
}
@media screen and (max-width: 999px) {
  .flow__user {
    height: 50px;
  }
}
.flow__item_active .flow__user {
  height: auto;
}
.flow__content {
  display: flex;
  justify-content: space-between;
}
.lt-ie10 .flow__content {
  display: table;

  width: 100%;
}
.flow__price {
  font-size: 16px;
}
@media screen and (max-width: 999px) {
  .flow__price {
    font-size: 12px !important;
  }
}
.flow__about {
  line-height: 1.15;

  overflow: hidden;

  height: 38px;
  margin: 12px 0 0;

  word-wrap: break-word;
  word-break: break-all;

  color: #939393;
}
.flow__actions {
  height: 22px;
  margin: 12px 0 0;
}
.flow__action {
  display: inline-block;

  width: 22px;
  height: 22px;
  margin: 0 10px 0 0;

  background: no-repeat 50% 50%;
}
.flow__action_send {
  background-image: url('assets/icons/ico_send_primary.svg');
}
.flow__action_load {
  background-image: url('assets/icons/ico_load.svg');
}
.flow__action_load:hover {
  background-image: url('assets/icons/ico_load_primary.svg');
}
.flow__action_like {
  background-image: url('assets/icons/ico_like.svg');
}
.flow__action_like:hover {
  background-image: url('assets/icons/ico_like_primary.svg');
}
.flow__text {
  flex: 1 1 auto;
}
.lt-ie10 .flow__text {
  display: table-cell;

  vertical-align: top;
}
.flow__profile {
  min-width: 80px;
  margin-right: -16px;
  margin-left: 16px;
  padding: 0 10px;
  transition: 0.25s ease-out;
  text-align: center;
  flex: 0 0 auto;
}
.flow__item_active .flow__profile {
  margin-right: 8px;
}
.lt-ie10 .flow__profile {
  display: table-cell;

  vertical-align: top;
}
.flow__about,
.flow__actions,
.flow__profile .human__about {
  transition: 0.25s ease-out;

  opacity: 0;
}
.flow__item_active .flow__about,
.flow__item_active .flow__actions,
.flow__item_active .flow__profile .human__about {
  transition-delay: 0.25s;

  opacity: 1;
}

/* Bold */
@font-face {
  font-family: modelica;
  font-weight: 700;
  src: url('assets/fonts/modelica/eot/BwBadi-Bold.eot');
  src:
    url('assets/fonts/modelica/eot/BwBadi-Bold.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/modelica/woff2/BwBadi-Bold.woff2') format('woff2'),
    url('assets/fonts/modelica/woff/BwBadi-Bold.woff') format('woff'),
    url('assets/fonts/modelica/otf/BwBadi-Bold.otf') format('opentype'),
    url('assets/fonts/modelica/ttf/BwBadi-Bold.ttf') format('truetype');
}
/* Medium */
@font-face {
  font-family: modelica;
  font-weight: 500;
  src: url('assets/fonts/modelica/eot/BwBadi-Medium.eot');
  src:
    url('assets/fonts/modelica/eot/BwBadi-Medium.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/modelica/woff2/BwBadi-Medium.woff2') format('woff2'),
    url('assets/fonts/modelica/woff/BwBadi-Medium.woff') format('woff'),
    url('assets/fonts/modelica/otf/BwBadi-Medium.otf') format('opentype'),
    url('assets/fonts/modelica/ttf/BwBadi-Medium.ttf') format('truetype');
}
/* Regular */
@font-face {
  font-family: modelica;
  font-weight: 400;
  src: url('assets/fonts/modelica/eot/BwBadi-Regular.eot');
  src:
    url('assets/fonts/modelica/eot/BwBadi-Regular.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/modelica/woff2/BwBadi-Regular.woff2') format('woff2'),
    url('assets/fonts/modelica/woff/BwBadi-Regular.woff') format('woff'),
    url('assets/fonts/modelica/otf/BwBadi-Regular.otf') format('opentype'),
    url('assets/fonts/modelica/ttf/BwBadi-Regular.ttf') format('truetype');
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.Text__button {
  font-size: 0.93rem;
  font-weight: 500;
  border: 0;
  outline: none;
  cursor: pointer;
  margin: 0;
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  padding: 0;
  background-color: transparent;
  color: #333333;
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.Button {
  font-size: 0.93rem;
  font-weight: 500;
  box-sizing: border-box;
  border: 0;
  border-radius: 4px;
  outline: none;
  text-shadow: none;
  min-height: 38px;
  line-height: inherit;
  cursor: pointer;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  -webkit-text-decoration: none;
  text-decoration: none;
  padding: 2px 16px 0 16px;

  transition: 0.125s ease-out;
}
.Button.Button_icon,
.Button__share {
  width: 24px;
  height: 24px;
  min-height: 0;
  min-height: initial;
  border-radius: none;
  position: relative;
  padding: 0;
  background-color: transparent;
}
.Button__share {
  cursor: pointer;
  outline: none;
  width: 36px;
  height: 36px;
  margin: 0 12px;
  display: inline-block;
}
.Button__share > div {
  height: 100%;
}
.Button.Button__underline {
  padding-left: 5px;
  padding-right: 5px;
  min-width: 0;
  min-width: initial;
}
.Button.Button__underline > svg {
  max-height: 25px;
}
.Button.Button__href {
  display: inline-block;
  line-height: 38px;
}
.Button.Button__restrain {
  min-width: 110px;
}
@media screen and (min-width: 1260px) {
  .Button.Button__restrain {
    min-width: 150px;
  }
  .Button.Button__underline {
    min-width: 0;
    min-width: initial;
  }
}
.Button.Button__big {
  font-size: 20px;
  min-height: 48px;
}
.Button.Button__disabled {
  color: #ffffff;
  background: #bbbbbb;
  cursor: inherit;
}
.Button.Button__disabled:hover {
  background-color: #bbbbbb;
  box-shadow: none;
}
.Button.Button__disabled:active {
  border: none;
}
.Button.Button__underline.Button__disabled {
  color: #bbbbbb;
  background: none;
}
.Button.Button__underline.Button__disabled:hover {
  color: #bbbbbb;
  background-color: none;
}
.Button.Button__small {
  font-size: 0.86rem;
  min-height: 28px;
}
.Button.Button__light.Button__big {
  line-height: 44px;
}
.Button.Button__wide {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .Button.Button__wide {
    padding: 0 1px;
  }
}
.Button__blue {
  color: #ffffff;
  background: #489cff;
}
.Button__blue:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #ffffff;
  background: #489cff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}
.Button__blue:active {
  box-shadow: inset 0 2px 0 #3a87e1;
}
.Button__blue.Button__light {
  color: #489cff;
  background: none;
  border: 2px solid #489cff;
}
.Button__blue.Button__light:hover {
  box-shadow: none;
  color: #3a87e1;
  border-color: #3a87e1;
}
.Button__blue.Button__light:active {
  color: #757575;
  border-color: #757575;
}
.Button__blue.Button__link {
  background: none;
  color: #489cff;
}
.Button__blue.Button__link:hover {
  color: #3a87e1;
  box-shadow: none;
}
.Button__blue.Button__link:active {
  border: none;
}
.Button__blue.Button__underline {
  background: none;
  color: #489cff;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border-color: transparent;
}
.Button__blue.Button__underline > svg {
  fill: #489cff;
}
.Button__blue.Button__underline:hover {
  background: none;
  color: #3a87e1;
  box-shadow: none;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border-color: transparent;
}
.Button__blue.Button__underline.Button__disabled:hover {
  color: #bbbbbb;
}
.Button__blue.Button__underline:active {
  border: none;
  box-shadow: none;
  border-color: transparent;
}
.Button__blue-sky {
  color: #ffffff;
  background: #5ddefa;
}
.Button__blue-sky:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #ffffff;
  background: #5ddefa;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}
.Button__blue-sky:active {
  box-shadow: inset 0 2px 0 #2bc8ea;
}
.Button__blue-sky.Button__light {
  color: #5ddefa;
  background: none;
  border: 2px solid #5ddefa;
}
.Button__blue-sky.Button__light:hover {
  box-shadow: none;
  color: #2bc8ea;
  border-color: #2bc8ea;
}
.Button__blue-sky.Button__light:active {
  color: #757575;
  border-color: #757575;
}
.Button__blue-sky.Button__link {
  background: none;
  color: #5ddefa;
}
.Button__blue-sky.Button__link:hover {
  color: #2bc8ea;
  box-shadow: none;
}
.Button__blue-sky.Button__link:active {
  border: none;
}
.Button__blue-sky.Button__underline {
  background: none;
  color: #5ddefa;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border-color: transparent;
}
.Button__blue-sky.Button__underline:hover {
  background: none;
  color: #2bc8ea;
  box-shadow: none;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border-color: transparent;
}
.Button__blue-sky.Button__underline > svg {
  fill: #5ddefa;
}
.Button__blue-sky.Button__underline.Button__disabled:hover {
  color: #bbbbbb;
}
.Button__blue-sky.Button__underline:active {
  border: none;
  box-shadow: none;
  border-color: transparent;
}
.Button__green {
  color: #ffffff;
  background: #0aeb8b;
}
.Button__green:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #ffffff;
  background: #0aeb8b;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}
.Button__green:active {
  box-shadow: inset 0 2px 0 #08c781;
}
.Button__green.Button__light {
  color: #0aeb8b;
  background: none;
  border: 2px solid #0aeb8b;
}
.Button__green.Button__light:hover {
  box-shadow: none;
  color: #08c781;
  border-color: #08c781;
}
.Button__green.Button__light:active {
  color: #757575;
  border-color: #757575;
}
.Button__green.Button__link {
  background: none;
  color: #0aeb8b;
}
.Button__green.Button__link:hover {
  color: #08c781;
  box-shadow: none;
}
.Button__green.Button__link:active {
  border: none;
}
.Button__green.Button__underline {
  background: none;
  color: #0aeb8b;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border-color: transparent;
}
.Button__green.Button__underline:hover {
  background: none;
  color: #08c781;
  box-shadow: none;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border-color: transparent;
}
.Button__green.Button__underline > svg {
  fill: #0aeb8b;
}
.Button__green.Button__underline:active {
  border: none;
  box-shadow: none;
  border-color: transparent;
}
.Button__green.Button__underline.Button__disabled:hover {
  color: #bbbbbb;
}
.Button__green-dark {
  color: #ffffff;
  background: #08c781;
}
.Button__green-dark:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #ffffff;
  background: #08c781;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}
.Button__green-dark:active {
  box-shadow: inset 0 2px 0 #08c781;
}
.Button__green-dark.Button__light {
  color: #08c781;
  background: none;
  border: 2px solid #08c781;
}
.Button__green-dark.Button__light:hover {
  box-shadow: none;
  color: #08c781;
  border-color: #08c781;
}
.Button__green-dark.Button__light:active {
  color: #757575;
  border-color: #757575;
}
.Button__green-dark.Button__link {
  background: none;
  color: #08c781;
}
.Button__green-dark.Button__link:hover {
  color: #08c781;
  box-shadow: none;
}
.Button__green-dark.Button__link:active {
  border: none;
}
.Button__green-dark.Button__underline {
  background: none;
  color: #08c781;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border-color: transparent;
}
.Button__green-dark.Button__underline:hover {
  background: none;
  color: #08c781;
  box-shadow: none;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border-color: transparent;
}
.Button__green-dark.Button__underline > svg {
  fill: #08c781;
}
.Button__green-dark.Button__underline:active {
  border: none;
  box-shadow: none;
  border-color: transparent;
}
.Button__green-dark.Button__underline.Button__disabled:hover {
  color: #bbbbbb;
}
.Button__grey {
  color: #ffffff;
  background: #bbbbbb;
}
.Button__grey:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #ffffff;
  background: #bbbbbb;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}
.Button__grey:active {
  box-shadow: inset 0 2px 0 #757575;
}
.Button__grey.Button__light {
  color: #757575;
  background: none;
  border: 2px solid #bbbbbb;
}
.Button__grey.Button__light:hover {
  box-shadow: none;
  color: #757575;
  border-color: #757575;
}
.Button__grey.Button__light:active {
  color: #757575;
  border-color: #757575;
}
.Button__grey.Button__link {
  background: none;
  color: #757575;
}
.Button__grey.Button__link:hover {
  color: #333333;
  box-shadow: none;
}
.Button__grey.Button__link:active {
  border: none;
}
.Button__grey.Button__underline {
  background: none;
  color: #757575;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border-color: transparent;
}
.Button__grey.Button__underline > svg {
  fill: #757575;
}
.Button__grey.Button__underline:hover {
  color: #333333;
  box-shadow: none;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border-color: transparent;
}
.Button__grey.Button__underline:active {
  border: none;
  box-shadow: none;
  border-color: transparent;
}
.Button__grey.Button__underline.Button__disabled:hover {
  color: #bbbbbb;
}
.Button__purple {
  color: #ffffff;
  background: #943ffa;
}
.Button__purple:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #ffffff;
  background: #7429ce;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}
.Button__blue:active {
  box-shadow: inset 0 2px 0 #3a87e1;
}
.Button__yellow {
  color: #ffffff;
  background: #fed759;
}
.Button__yellow:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #ffffff;
  background: #fed759;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}
.Button__yellow:active {
  box-shadow: inset 0 2px 0 #ffc947;
}
.Button__yellow.Button__light {
  color: #fed759;
  background: none;
  border: 2px solid #fed759;
}
.Button__yellow.Button__light:hover {
  box-shadow: none;
  color: #ffc947;
  border-color: #ffc947;
}
.Button__yellow.Button__light:active {
  color: #757575;
  border-color: #757575;
}
.Button__yellow.Button__underline {
  background: none;
  color: #fed759;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border-color: transparent;
}
.Button__yellow.Button__underline > svg {
  fill: #fed759;
}
.Button__yellow.Button__underline:hover {
  background: none;
  color: #ffc947;
  box-shadow: none;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border-color: transparent;
}
.Button__yellow.Button__underline:active {
  border: none;
  box-shadow: none;
  border-color: transparent;
}
.Button__yellow.Button__underline.Button__disabled:hover {
  color: #bbbbbb;
}
.Button__white {
  color: #333333;
  background: #ffffff;
}
.Button__white.Button__disabled,
.Button__white.Button__disabled:hover {
  color: #bbbbbb;
  background: #ffffff;
}
.Button__white:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #333333;
  background: #ffffff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}
.Button__white:active {
  box-shadow: inset 0 2px 0 #333333;
}
.Button__white.Button__light {
  color: #ffffff;
  background: none;
  border: 2px solid #ffffff;
}
.Button__white.Button__light:hover {
  box-shadow: none;
}
.Button__white.Button__light:active {
  color: #757575;
  border-color: #757575;
}
.Button__white.Button__light,
.Button__white.Button__light:active,
.Button__white.Button__light:hover {
  color: white;
  background: none;
  border: 2px solid white;
}
.Button__white.Button__link:hover {
  box-shadow: none;
}
.Button__white.Button__link:active {
  border: none;
}
.Button__pink {
  color: #ffffff;
  background: #ff3888;
}
.Button__pink:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #ffffff;
  background: #ff3888;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}
.Button__pink:active {
  box-shadow: inset 0 2px 0 #da266e;
}
.Button__pink.Button__light {
  color: #ff3888;
  background: none;
  border: 2px solid #ff3888;
}
.Button__pink.Button__light:hover {
  box-shadow: none;
  color: #da266e;
  border-color: #da266e;
}
.Button__pink.Button__light:active {
  color: #757575;
  border-color: #757575;
}
.Button__pink.Button__link {
  background: none;
  color: #ff3888;
}
.Button__pink.Button__link:hover {
  color: #da266e;
  box-shadow: none;
}
.Button__pink.Button__link:active {
  border: none;
}
.Button__pink.Button__underline {
  background: none;
  color: #ff3888;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border-color: transparent;
}
.Button__pink.Button__underline:hover {
  background: none;
  color: #da266e;
  box-shadow: none;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border-color: transparent;
}
.Button__pink.Button__underline > svg {
  fill: #ff3888;
}
.Button__pink.Button__underline.Button__disabled:hover {
  color: #bbbbbb;
}
.Button__pink.Button__underline:active {
  border: none;
  box-shadow: none;
  border-color: transparent;
}
.Button__icon {
  width: 19px;
  height: 19px;
  max-height: 19px;
  transition: 0.125s ease-out;
  vertical-align: middle;
}
.Button__icon + .Button__text {
  margin: 0 0 0 12px;
}
.Button.Button_icon > .Button__icon {
  width: 24px;
  height: 24px;
  max-height: 24px;
}
.Button__gradient {
  background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
}
.Button__gradient:hover {
  background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
}
.Button__gradient:active {
  box-shadow: inset 0 2px 0 #7429ce;
}
.Link__button {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;

  color: #ffffff;
  background: #0aeb8b;
  min-width: 150px;
  font-size: 0.93rem;
  font-weight: 500;
  box-sizing: border-box;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  margin: 32px 0 0 0;
  -webkit-text-decoration: none;
  text-decoration: none;
  padding: 2px 16px 0 16px;
}
.Link__button:active {
  box-shadow: inset 0 2px 0 #08c781;
}
.Link__button:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #ffffff;
  background: #0aeb8b;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}
.Link__button.Button__light {
  color: #0aeb8b;
  background: none;
  border: 2px solid #0aeb8b;
}
.Link__button.Button__light:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #0aeb8b;
  box-shadow: none;
}
@media screen and (max-width: 1050px) {
  .Button__share {
    margin: 0 7px;
  }
}
@media screen and (max-width: 320px) {
  .Button__share {
    margin: 0 9px;
  }
}
.Button__img {
  display: flex;
  outline: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: 0px;
}

.SearchModal {
  padding: 0;
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.Form__TagList {
    position: relative;
    box-sizing: border-box;
    margin: 0 0 16px 0;

    list-style: none;
    padding: 0;
  }
.Form__TagList_add .TagCategory__header, .Form__TagList_edit .TagCategory__header {
        cursor: pointer;
      }
.Form__TagList_add li, .Form__TagList_edit li {
        border-bottom: 1px solid #eeeeee;
      }
.Form__TagList > li {
      box-sizing: border-box;
      position: relative;
      padding: 14px 0px;
    }
.Form__TagList > li > .TagCategory__header {
        display: flex;
        justify-content: flex-start;
        align-items: center;
      }
.Form__TagList > li > .TagCategory__header > img {
          margin-right: 15px;
        }
.Form__TagList > li > .TagCategory__header > span {
          font-size: 0.93rem;
          font-weight: 500;
          line-height: 1.43;
          color: #bbb;
        }
.Form__TagList > li > .TagCategory__header > .TagCategory__action_icon {
          margin-left: auto;
          padding: 0;
          background-color: transparent;
          border: 0;
          cursor: pointer;
          height: 28px;
          width: 28px;

          display: flex;
          justify-content: center;
          align-items: center;
        }
.Form__TagList > li > .TagCategory__header > .TagCategory__action_icon > div {
            display: flex;
            justify-content: center;
            align-items: center;
          }
.Form__TagList > li > .TagCategory__list {
        padding-top: 8px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
      }
.Form__TagList > li > .TagCategory__list > .TagCategory__item {
          margin: 8px 4px 0 4px;
          padding: 0 16px;
          box-sizing: border-box;
          border-radius: 21px;
          border: solid 1px #bbb;

          font-size: 0.93rem;
          font-weight: 500;
          line-height: 40px;
          text-align: center;
          color: #bbb;
          background-color: transparent;
        }
.Form__TagList > li > .TagCategory__list > .TagCategory__item_selected {
            border: solid 1px #489cff;
            color: #489cff;
          }
.Form__TagList > li > .TagCategory__list > button.TagCategory__item {
          cursor: pointer;
        }
.Form__TagList > li > .TagCategory__list.TagCategory__list_collapsed {
        max-height: 0;
        transition: all 0.25s ease-out;
        overflow: hidden;
      }
.Form__TagList > li > .TagCategory__list {
        max-height: 1500px;
        transition: all 0.25s ease-in;
      }
.Form__TagList_wrapper {
  height: 100%;
  overflow: auto;
}
.Form__TagList_wrapper > h2 {
    font-size: 1.6rem;
    margin-bottom: 8px;
  }
.Form__TagList_wrapper ul {
    margin-bottom: 70px;
  }
.Form__TagList_wrapper .Form__TagList_actions {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background-color: white;
  }
@media screen and (min-width: 768px) {
    .Form__TagList_wrapper .Form__TagList_actions {
      position: absolute;
    }
  }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.UserCard {
  background-color: white;
}
.UserCard__wrapper {
  padding: 0 15px 15px;
  display: flex;
  flex-direction: column;
}
.UserCard__wrapper h2 {
    font-size: 1.33rem;
    padding: 16px 0;
    margin: 0;
  }
.UserCard__block {
  margin-bottom: 24px;
  position: relative;
}
.UserCard__block > h3 {
    font-size: 1.2rem;
  }
.UserCard__metrics {
  margin-top: 30px;
  display: flex;
  width: 90%;
  justify-content: space-between;
}
.metric {
  padding: 0 10px;
  border-left: 2px solid #489cff;
  min-width: 50%;
}
.metric p:first-child {
    font-weight: 700;
  }
.metric p {
    margin: 0;
  }
.UserCard__metrics.myProfile {
  margin: 0 0 20px;
  position: relative;
  top: -12px;
}
.UserCard__metrics.myProfile .metric p {
      display: inline;
      font-weight: 400;
      margin-right: 5px;
    }
.UserCard__metrics.otherProfile > .metric > p {
  font-size: 0.85rem;
}
.UserCard__block.page .UserCard__metrics {
    width: 100%;
  }
.UserCard__block_slider {
  margin-left: -15px;
}
.UserCard__slider {
  width: calc(100% + 16px);
}
.UserCard__flag {
  right: -16px;
}
@media screen and (min-width: 768px) {
    .UserCard.page .UserCard__wrapper {
      padding: 40px 0;
    }

    .UserCard.page .UserCard__block.basic {
      width: 45%;
    }

    .UserCard.page .UserCard_row {
      display: flex;
      position: relative;
      flex-direction: column;
      width: 570px;
      margin: auto;
    }

    .UserCard.page .UserCard_row:first-child {
      padding-bottom: 40px;
      flex-direction: row;
    }

      .UserCard.page .UserCard_row:first-child > .UserCard__block {
        padding-bottom: 0;
      }

    .UserCard.page .UserCard__block_slider {
      width: 275px;
      margin-left: 0;
    }

      .UserCard.page .UserCard__block_slider > .UserCard__slider {
        width: 100%;
      }

    .UserCard.page .UserCard__flag {
      right: -1px;
    }

    .UserCard.page .UserCard__genderAndOccupation {
      flex-direction: column;
    }

      .UserCard.page .UserCard__genderAndOccupation > .UserCard__gender {
        padding-bottom: 16px;
      }

    .UserCard.page .UserCard__block_work,
    .UserCard.page .UserCard__block_studies {
      width: 50%;
      float: left;
    }

    .UserCard.page .UserCard__block_work + .UserCard__block_studies {
      width: 45%;
    }
}

.LeftArrow {
  z-index: 1;
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 100%;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  opacity: 0.9;
  background: url(assets/icons/arrow-left.svg) no-repeat center;
  content: '';
  left: 0;
  display: block;
}

.LeftArrow:hover {
  opacity: 1;
}

.RightArrow {
  z-index: 1;
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 100%;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  opacity: 0.9;
  background: url(assets/icons/arrow-right.svg) no-repeat center;
  content: '';
  right: 0;
  display: block;
}

.RightArrow:hover {
  opacity: 1;
}

.ProgressiveImg--Placeholder {
  background-color: #f6f6f6;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.ProgressiveImg--Placeholder img {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 1s linear;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.ProgressiveImg--Placeholder img.ProgressiveImg--Loaded {
  opacity: 1;
}

.ProgressiveImg--TinyImg {
  filter: blur(1vw);
  transform: scale(1);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ styles */
  .ProgressiveImg--Placeholder img:first-child {
    top: 50%;
    transform: translateY(-50%);
    height: auto;
  }
  .ProgressiveImg--Placeholder {
    background-color: white;
  }
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
/* Slider */
.slick-slider {
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;

  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider Theme */
.slick-loading .slick-list {
  background: deeppink;
}
/* Arrows */
.slick-prev,
.slick-next {
  color: white;
  font-weight: bold;
  font-size: 0;
  line-height: 0;

  z-index: 100;
  position: absolute;
  top: 50%;

  display: block;

  width: 60px;
  height: 100%;
  padding: 0;
  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  opacity: 0.6;
}
.slick-prev {
  background: url('assets/icons/active-left.svg') no-repeat center;
  content: '';
}
.slick-next {
  background: url('assets/icons/active-right.svg') no-repeat center;
  content: '';
}
.slick-prev:hover,
.slick-next:hover {
  color: transparent;
  outline: none;
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 1.25em;
  line-height: 1;

  opacity: 0.75;
  color: white;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: 0;
}
[dir='rtl'] .slick-prev {
  right: 0;
  left: auto;
}
.slick-next {
  right: 0;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: 0;
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: 0;

  display: block;

  width: 100%;
  padding: 0 0 10px 0;
  margin: 0;

  list-style: none;

  text-align: center;
}
.slick-dots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  padding: 0;

  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  content: '';
  width: 7px;
  height: 7px;
  background-color: white;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  margin: 0 5px;
  outline: none;
  padding: 0px;
  opacity: 0.6;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.5);
}
.slick-dots li.slick-active button:before {
  opacity: 1;
}
.full-slider {
  width: 100%;
  height: 100%;
}
.full {
  height: 100%;
}
.full > .slick-list {
  height: 100%;
}
.full > .slick-list > .slick-track {
  height: 100%;
}
.full > .slick-list > .slick-track > img {
  background-size: contain !important;
}
.full > .slick-list > .slick-track > img {
  height: 100%;
}
.user-item-slider,
.room-item-slider,
.map-slider {
  width: 100%;
}
.room-item-slide .slick-slide > img,
.user-item-slide .slick-slide > img,
.map .slick-slide > img {
  opacity: 0;
  width: 100%;
  height: 100%;
}
.user-item-slide .slick-slide {
  background-size: cover !important;
}
.user-item-slide .slick-slide {
  max-height: 270px;
}
.room-item-slide .slick-slide {
  background-size: cover !important;
}
.room-item-slide .slick-slide {
  height: 296px;
}
@media screen and (min-width: 992px) {
.room-item-slide .slick-slide {
    height: 150px
}
  }
@media screen and (min-width: 1440px) {
.room-item-slide .slick-slide {
    height: 296px
}
  }
.map .slick-slide {
  background-size: cover !important;
}
.map .slick-slide {
  height: 150px;
}
.slider-radius-top .slick-slide {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.slider-radius-top > .slick-list {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.Slider--Progressive-wrapper {
  height: 100%;
}

.Button__share_messenger {
  background: url('assets/icons/messenger.svg');
  background-size: cover;
}

.Button__share_facebook {
  background: url('assets/icons/facebook.svg');
  background-size: cover;
}

.Button__share_twitter {
  background: url('assets/icons/soc_twitter.svg');
  background-size: cover;
}

.Button__share_copyurl {
  background: url('assets/icons/copy-link.svg');
  background-size: cover;
}

.Button__share_whatsapp {
  background: url('assets/icons/whatsapp.png');
  background-size: cover;
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.PresetDateRangePicker_panel {
  padding: 0 22px 11px
}
.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  box-sizing: border-box;
  cursor: pointer
}
.PresetDateRangePicker_button:active {
  outline: 0
}
.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699
}
.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff
}
.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb
}
.SingleDatePickerInput__rtl {
  direction: rtl
}
.SingleDatePickerInput__disabled {
  background-color: #f2f2f2
}
.SingleDatePickerInput__block {
  display: block
}
.SingleDatePickerInput__showClearDate {
  padding-right: 30px
}
.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%
}
.SingleDatePickerInput_clearDate__small {
  padding: 6px
}
.SingleDatePickerInput_clearDate__hide {
  visibility: hidden
}
.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle
}
.SingleDatePickerInput_clearDate_svg__small {
  height: 9px
}
.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px
}
.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle
}
.SingleDatePicker {
  position: relative;
  display: inline-block
}
.SingleDatePicker__block {
  display: block
}
.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute
}
.SingleDatePicker_picker__rtl {
  direction: rtl
}
.SingleDatePicker_picker__directionLeft {
  left: 0
}
.SingleDatePicker_picker__directionRight {
  right: 0
}
.SingleDatePicker_picker__portal {
  background-color: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff
}
.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2
}
.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: darken(#cacccd,10%);
  -webkit-text-decoration: none;
  text-decoration: none
}
.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px
}
.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_show {
  width: 33px;
  height: 26px;
  position: absolute;
  z-index: 2
}
.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute
}
.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topRight {
  top: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topLeft {
  top: 0;
  left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid #008489
}
.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute
}
.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px
}
.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: 5px
}
.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: 5px
}
.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
  text-align: left
}
.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0
}
.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px
}
.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2
}
.DayPickerKeyboardShortcuts_close:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a
}
.CalendarDay {
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center
}
.CalendarDay:active {
  outline: 0
}
.CalendarDay__defaultCursor {
  cursor: default
}
.CalendarDay__default {
  border: 1px solid #e4e7e7;
  color: #484848;
  background: #fff
}
.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px solid #e4e7e7;
  color: inherit
}
.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit
}
.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #484848
}
.CalendarDay__outside:hover {
  border: 0
}
.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd
}
.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd
}
.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848
}
.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848
}
.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff
}
.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px double #33dacd;
  color: #fff
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff
}
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87
}
.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px double #80e8e0;
  color: #007a87
}
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a
}
.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd
}
.CalendarDay__hovered_start_first_possible_end {
  background: #eceeee;
  border: 1px double #eceeee
}
.CalendarDay__hovered_start_blocked_min_nights {
  background: #eceeee;
  border: 1px double #e4e7e7
}
.CalendarMonth {
  background: #fff;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0
}
.CalendarMonth_verticalSpacing {
  border-collapse: separate
}
.CalendarMonth_caption {
  color: #484848;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: top;
  caption-side: initial
}
.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px
}
.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0
}
.CalendarMonthGrid__animating {
  z-index: 1
}
.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px
}
.CalendarMonthGrid__vertical,
.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto
}
.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%
}
.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none
}
.CalendarMonthGrid_month__hidden {
  visibility: hidden
}
.DayPickerNavigation {
  position: relative;
  z-index: 2
}
.DayPickerNavigation__horizontal {
  height: 0
}
.DayPickerNavigation__verticalScrollable_prevNav {
  z-index: 1
}
.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0
}
.DayPickerNavigation__verticalScrollableDefault {
  position: relative
}
.DayPickerNavigation__bottom {
  height: auto
}
.DayPickerNavigation__bottomDefault {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: flex;
  justify-content: space-between
}
.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0
}
.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575
}
.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4
}
.DayPickerNavigation_button__default:active {
  background: #f2f2f2
}
.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #f2f2f2
}
.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #f2f2f2
}
.DayPickerNavigation_button__disabled:active {
  background: 0 0
}
.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: .78;
  border-radius: 3px;
  padding: 6px 9px
}
.DayPickerNavigation_bottomButton__horizontalDefault {
  position: static;
  margin: -10px 22px 30px
}
.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px
}
.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px
}
.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%
}
.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0
}
.DayPickerNavigation_nextButton__verticalScrollableDefault,
.DayPickerNavigation_prevButton__verticalScrollableDefault {
  width: 100%
}
.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
  display: block
}
.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848
}
.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2
}
.DayPicker {
  background: #fff;
  position: relative;
  text-align: left
}
.DayPicker__horizontal {
  background: #fff
}
.DayPicker__verticalScrollable {
  height: 100%
}
.DayPicker__hidden {
  visibility: hidden
}
.DayPicker__withBorder {
  box-shadow: 0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);
  border-radius: 3px
}
.DayPicker_portal__horizontal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%
}
.DayPicker_portal__vertical {
  position: static;
  position: initial
}
.DayPicker_focusRegion {
  outline: 0
}
.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top
}
.DayPicker_weekHeaders {
  position: relative
}
.DayPicker_weekHeaders__horizontal {
  margin-left: 9px
}
.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left
}
.DayPicker_weekHeader__vertical {
  left: 50%
}
.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center
}
.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px
}
.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center
}
.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px
}
.DayPicker_transitionContainer__horizontal {
  transition: height .2s ease-in-out
}
.DayPicker_transitionContainer__vertical {
  width: 100%
}
.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll
}
.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle
}
.DateInput__small {
  width: 97px
}
.DateInput__block {
  width: 100%
}
.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb
}
.DateInput_input {
  font-weight: 200;
  font-size: 19px;
  line-height: 24px;
  color: #484848;
  background-color: #fff;
  width: 100%;
  padding: 11px 11px 9px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0
}
.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: .2px;
  padding: 7px 7px 5px
}
.DateInput_input__regular {
  font-weight: auto
}
.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0
}
.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic
}
.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2
}
.DateInput_fangShape {
  fill: #fff
}
.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent
}
.DateRangePickerInput {
  background-color: #fff;
  display: inline-block
}
.DateRangePickerInput__disabled {
  background: #f2f2f2
}
.DateRangePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb
}
.DateRangePickerInput__rtl {
  direction: rtl
}
.DateRangePickerInput__block {
  display: block
}
.DateRangePickerInput__showClearDates {
  padding-right: 30px
}
.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848
}
.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px
}
.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
.DateRangePickerInput_clearDates__small {
  padding: 6px
}
.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%
}
.DateRangePickerInput_clearDates__hide {
  visibility: hidden
}
.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle
}
.DateRangePickerInput_clearDates_svg__small {
  height: 9px
}
.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px
}
.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle
}
.DateRangePicker {
  position: relative;
  display: inline-block
}
.DateRangePicker__block {
  display: block
}
.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute
}
.DateRangePicker_picker__rtl {
  direction: rtl
}
.DateRangePicker_picker__directionLeft {
  left: 0
}
.DateRangePicker_picker__directionRight {
  right: 0
}
.DateRangePicker_picker__portal {
  background-color: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff
}
.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2
}
.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: darken(#cacccd,10%);
  -webkit-text-decoration: none;
  text-decoration: none
}
.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.SingleDatePicker {
  display: block;
}
.SingleDatePicker_picker__portal {
  z-index: 2001;
}
.SingleDatePickerInput__withBorder {
  border: 0px;
  display: block;
}
.DateInput {
  background: transparent;
}
.DateInput_input {
  box-sizing: border-box;
  border: 0;
  color: #333333;
  font-weight: 500;
  font-size: 1rem;
  background: transparent;
  padding: 0 0 0 14px;
  min-height: 36px;
}
.DateInput_input__disabled {
  color: rgb(221, 221, 221) !important;
}
.CalendarDay {
  outline: none;
}
.CalendarDay__blocked_calendar {
  background: #cacccd;
  color: #82888a;
  cursor: default;
  border: 1px solid #e4e7e7;
}
.CalendarDay__blocked_calendar:hover {
    border: 1px solid #e4e7e7;
  }
.CalendarDay__blocked_out_of_range {
  color: #cacccd;
  background: #fff;
  border: 1px solid #e4e7e7;
  cursor: default;
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #0edc84;
  border: 1px double #0edc84;
  color: #fff;
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.Form__DatePicker--wrapper {

      border: 1px solid;
      border-radius: 4px;
      max-height: 48px;
      position: relative;
      padding-left: 35px;
    }
.Form__DatePicker--wrapper * {
        background: none;
      }
.Form__DatePicker--wrapper-disabled {
        border-color: #bbb;
      }
.Form__DatePicker--wrapper-disabled .DateInput__input {
            cursor: not-allowed !important;
          }
.Form__DatePicker--wrapper .DatePickerIcon {
        position: absolute;
        top: 11px;
        left: 14px;
      }
.Form__DatePicker--wrapper .DateInput {

        display: flex;
        align-items: center;
        width: 100%;
        height: 48px;
        z-index: 1;
      }
.Form__DatePicker--wrapper .DateInput__input {
          cursor: pointer;
        }
.Form__DatePicker--wrapper .DateInput__display-text {
        font-weight: 500;
        font-size: 1rem;
        padding: 0 0 0 5px;
      }

.styles__FacebookButton-BL7d {
  max-width: 180px;
}

.styles__GoogleButton-GCRX {
  max-width: 180px;
}

.message_enquiry_modal {
  padding: 0;
}

.gallery {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  visibility: hidden;

  min-width: 320px;

  opacity: 0;
  color: #fff;
}
.gallery_active {
  z-index: 1900;

  visibility: visible;

  opacity: 1;
}
.gallery__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  visibility: hidden;
  transition: 0.125s ease-out;

  opacity: 0;
  background: #000;
}
.gallery_active .gallery__bg {
  visibility: visible;

  opacity: 0.8;
}
.gallery_closed .gallery__bg {
  opacity: 0;
}
.gallery__main {
  position: absolute;

  width: 100%;
  height: 100%;
  transition: 0.25s ease-out;

  opacity: 0;
}
.gallery__main_thin {
  width: 420px;
}
.gallery_active .gallery__main {
  opacity: 1;
}
.gallery_closed .gallery__main {
  opacity: 0;
}
.gallery__close {
  position: absolute;
  top: 60px;
  right: 60px;

  width: 39px;
  height: 39px;

  cursor: pointer;
  transition: opacity 0.25s 1s ease-out;

  opacity: 0;
  background: url('assets/icons/ico_cross_big_light.svg') no-repeat 50% 50%;
  background-size: cover;
}
.gallery_active .gallery__close {
  opacity: 1;
}
.gallery_closed .gallery__close {
  transition-delay: 0s;

  opacity: 0;
}
@media screen and (max-height: 968px) {
  .gallery__close {
    top: 30px;
    right: 30px;

    margin: 0;
  }
}
@media screen and (max-height: 880px) {
  .gallery__close {
    top: 16px;
    right: 16px;

    width: 16px;
    height: 16px;
  }
}
.gallery__slider {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;

  height: 560px;
  margin: -280px 0 0;
  transition: 0.25s ease-out;
  transform: scale(0);

  opacity: 0;
}
.gallery_active .gallery__slider {
  transform: scale(1);

  opacity: 1;
}
.gallery_closed .gallery__slider {
  opacity: 0;
}
@media screen and (max-height: 968px) {
  .gallery__slider {
    margin-top: -340px;
  }
}
@media screen and (max-height: 780px) {
  .gallery__slider {
    height: 400px;
    margin-top: -270px;
  }
}
.gallery__list {
  position: relative;

  overflow: hidden;

  width: 840px;
  height: 100%;
  margin: 0 auto;
  padding: 0;

  list-style: none;
}
@media screen and (max-width: 999px) {
  .gallery__list {
    width: 100%;
  }
}
.gallery__item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  overflow: hidden;

  height: 100%;
  transition: transform 0.125s ease-out;

  opacity: 0;
}
.gallery__item_prev {
  transform: translateX(-30px);
}
.gallery__item_next {
  transform: translateX(30px);
}
.gallery__item_active {
  z-index: 1910;
  transition: 0.125s ease-out;
  transform: translateX(0);

  opacity: 1;
}
.gallery__box {
  position: absolute;
  left: 50%;

  width: 2000px;
  height: 100%;
  margin: 0 0 0 -1000px;

  text-align: center;
}
.gallery__photo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  background-color: transparent;

  height: 100%;

  vertical-align: bottom;

  -o-object-fit: scale-down;

     object-fit: scale-down;
}
.gallery__photo > img.gallery__photo_img {
  top: auto;
  top: initial;
  left: auto;
  left: initial;
  width: auto;
  display: inline;
  display: initial;
}
.gallery__prev,
.gallery__next {
  position: absolute;
  z-index: 1920;
  top: 50%;
  left: 20px;

  width: 40px;
  height: 74px;
  margin: -37px 0 0;

  cursor: pointer;
  transition: 0.25s 0.75s ease-out;

  opacity: 0;
  border: none;
  outline: none;
  background: url('assets/icons/ico_prev_light.svg') no-repeat 50% 50%;
  background-size: cover;
}
.gallery_active .gallery__prev,
.gallery_active .gallery__next {
  transform: translateX(0);

  opacity: 1;
}
.gallery_closed .gallery__prev,
.gallery_closed .gallery__next {
  transition-delay: 0s;

  opacity: 0;
}
.gallery__prev {
  transform: translateX(-30px);
}
@media screen and (min-width: 1140px) {
  .gallery__prev {
    left: 60px;
  }
}
.gallery__next {
  right: 20px;
  left: auto;
  transform: translateX(30px);

  background-image: url('assets/icons/ico_next_light.svg');
}
@media screen and (min-width: 1140px) {
  .gallery__next {
    right: 60px;
  }
}
.gallery__panel {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 840px;
  height: 156px;
  margin: 310px 0 0 -420px;
  transition: 0.25s 0.5s ease-out;
  transform: translateY(100px);

  opacity: 0;
}
.gallery_active .gallery__panel {
  transform: translateY(0);

  opacity: 1;
}
.gallery_closed .gallery__panel {
  transition-delay: 0s;
  transform: translateY(100px);

  opacity: 0;
}
@media screen and (max-height: 968px) {
  .gallery__panel {
    margin-top: 240px;
  }
}
@media screen and (max-height: 880px) {
  .gallery__panel {
    margin-top: 230px;
  }
}
@media screen and (max-height: 780px) {
  .gallery__panel {
    margin-top: 140px;
  }
}
@media screen and (max-width: 999px) {
  .gallery__panel {
    left: 0;

    width: 100%;
    margin-left: 0;
  }
}
.gallery__counter {
  font-size: 14px;
  line-height: 32px;

  height: 32px;
  margin: 0 0 22px;

  border-bottom: 2px solid rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 999px) {
  .gallery__counter {
    padding-left: 8px;
  }
}
.gallery__previews {
  overflow: hidden;

  height: 100px;
}
.gallery__sublist {
  overflow-x: auto;

  height: 130px;
  margin: 0;
  padding: 0;

  list-style: none;

  white-space: nowrap;
}
.gallery__subitem {
  display: inline-block;

  margin: 0 0 0 13px;
}
.gallery__subitem:first-child {
  margin-left: 0;
}
.gallery__thumb {
  min-width: 100px;
  height: 100px;

  opacity: 0.6;
  vertical-align: bottom;
  cursor: pointer;
}
.gallery__thumb:hover {
  opacity: 1;
}
.gallery_thumb_selected {
  opacity: 1;
  border: 1px white solid;
  box-sizing: border-box;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ styles */
  .gallery__photo img.gallery__photo_img:first-child {
    position: relative;
    transform: none;
    height: 100%;
  }
  .gallery__photo img.gallery__photo_img:last-child {
    display: none;
  }
  .gallery__subbox > .gallery__thumb {
    background-color: transparent;
  }
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.ContextualButton {
  display: flex;
  align-items: center;

  padding: 0;

  text-transform: uppercase;
  text-align: left;
  color: #333333;

  background: transparent;
  border: none;
}
.ContextualButton:hover {
    cursor: pointer;
  }
.ContextualButton__Icon {
  display: block;
  flex: 0 0 32px; /* fixes the icon size in small screens */
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.Form__RadioButtonDefault--custom {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      top: 0;
      left: 0;
      width: 24px;
      height: 24px;
      border: 1px solid black;
      border-radius: 50%;
    }
.Form__RadioButtonDefault--custom-selected {
        position: absolute;
        width: 8px;
        height: 8px;
        background-color: black;
        border-radius: 50%;
        opacity: 0;
      }
.Form__RadioButtonDefault--wrapper {
      position: relative;
      box-sizing: border-box;
      line-height: 24px;
      padding-left: 32px;
      margin-bottom: 16px;
    }
.Form__RadioButtonDefault--wrapper input {
        display: none;
      }
.Form__RadioButtonDefault--wrapper input:checked
          ~ label
          .Form__RadioButtonDefault--custom
          > .Form__RadioButtonDefault--custom-selected {
          opacity: 100;
        }
.Form__RadioButtonDefault--wrapper label {
        cursor: pointer;
      }
.Form__RadioButton--wrapper {
      position: relative;
      box-sizing: border-box;

      min-height: 64px;
      border-radius: 5px;
      border: solid 2px #f0f0f0;
      outline: none;
      cursor: pointer;

      padding: 20px;
      margin-bottom: 8px;
    }
.Form__RadioButton--wrapper:last-child {
        margin-bottom: 20px;
      }
.Form__RadioButton--wrapper .Form__RadioButton--additional {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease;
      }
.Form__RadioButton--wrapper.selected {
        border-color: #ff3888;
      }
.Form__RadioButton--wrapper.selected .Form__RadioButton--additional {
          max-height: 600px;
          transition: max-height 0.5s ease;
        }
.Form__RadioButton--wrapper img {
        margin-right: 20px;
      }
.Form__RadioButton--wrapper input {
        display: none;
      }
.Form__RadioButton--wrapper label {
        cursor: pointer;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.6;
        color: #333333;
      }
.Form__RadioButton--wrapper p {
        margin: 0;
        font-size: 0.86rem;
        font-weight: 400;
        line-height: 1.54;
        color: #757575;
      }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.Form__TextArea--wrapper {
      box-sizing: border-box;
      margin-bottom: 16px;
      position: relative;
    }
.Form__TextArea--wrapper textarea {
        box-sizing: border-box;
        padding: 10px 15px;
        font-size: 1rem;
        color: #bbb;
        width: 100%;
        border: 1px solid #bbb;
        border-radius: 4px;
      }
.Form__TextArea--wrapper textarea:focus {
          color: #333333;
          border: 1px solid #333333;
        }
.Form__TextArea--wrapper textarea.Form__TextArea--textarea-active {
        color: #333333;
        border: 1px solid #333333;
      }
.Form__TextArea--wrapper label {
        cursor: pointer;
      }
.Form__TextArea--counter {
      position: absolute;
      bottom: -20px;
      right: 10px;

      text-align: right;
      color: #bbb;
      font-size: 0.866rem;
    }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.Report--Modal .popup__main {
  width: 630px;
}
.Report--Modal .popup__content {
  margin: 0;
  max-width: none;
  max-width: initial;
}
.Report--Modal .popup__body {
  padding: 0 30px 30px;
}
.Report--description {
  font-size: 1rem;
}
.Report--content {
  padding: 32px 0;
}
.Report--option {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  padding: 8px 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.Report--option-name {
  font-size: 1.06rem;
  font-weight: bold;
}
.Report--option-description {
  color: #bbbbbb;
  margin-top: 0;
}
.Report--option > svg {
  width: 62px;
  margin-right: 33px;
}
.Report--option-selected .Report--option-name {
  color: #ff3888;
}
.Report--result,
.Report--result h1 {
  text-align: center;
}
.Report--result p {
  padding: 24px 0 64px 0;
  margin: 0;
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.roomdetail_wrapper .row [class*='col-'] {
  padding: 0;
}
.room__inner {
  position: relative;

  box-sizing: border-box;
  min-width: 320px;
  max-width: 1126px;
  margin: 0 auto;
  padding: 0 16px;
}
@media screen and (max-width: 768px) {
.room__inner {
    padding-right: 8px;
    padding-left: 8px
}
  }
.room {
  position: relative;

  width: 100%;
  margin-bottom: 32px;
}
@media screen and (max-width: 480px) {
.room {
    margin-bottom: 8px
}
  }
.room + .layout__content {
  margin: 22px 0 0;
}
.room_scrolled {
  z-index: 10;
}
.room__slider {
  position: relative;

  height: 555px;
}
@media screen and (max-width: 992px) {
.room__slider {
    height: 400px
}
  }
@media screen and (max-width: 768px) {
.room__slider {
    height: 350px
}
  }
@media screen and (max-width: 576px) {
.room__slider {
    height: 300px
}
  }
@media screen and (max-width: 480px) {
.room__slider {
    height: 250px
}
  }
.room__list {
  cursor: pointer;
  position: relative;

  width: 100%;
  height: 100%;
}
.room__slide {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  transition: opacity 0.125s ease-out;

  opacity: 0;
  background: no-repeat 50% 50%;
  background-size: cover;
}
.room__slide_active {
  opacity: 1;
}
.room__bullets {
  position: absolute;
  z-index: 12;
  right: 16px;
  bottom: 16px;
  left: 16px;

  text-align: center;
}
.room__bullet {
  width: 8px;
  height: 8px;
  margin: 0 2px;
  padding: 0;

  cursor: pointer;
  transition: opacity 0.125s ease-out;

  opacity: 0.5;
  border: 0;
  border-radius: 50%;
  outline: none;
  background: #fff;
}
.room__bullet:hover {
  opacity: 0.8;
}
.room__bullet_active {
  opacity: 1;
}
.room__all {
  position: absolute;
  bottom: 16px;
  left: 16px;
  z-index: 1;
}
.room__button,
.room__button:hover {
  font-size: 1em;
  font-weight: 700;
  line-height: 1em;
  height: 32px;
  text-align: center;
  color: #4a4a4a;
  background: #fff;
  border: solid 2px #ffffff;
}
.room__button .button__ico,
.room__button:hover .button__ico {
  width: 19px !important;
  height: 16px !important;
  max-height: 16px !important;
}
.room__main {
  min-height: 118px;
}
.room__bar {
  box-sizing: border-box;
  min-height: 118px;
  padding: 16px 0 20px;
  transition: 0.25s ease-out;
  border-bottom: 2px solid #eeeeee;

  background: #fff;
}
@media screen and (max-width: 768px) {
.room__bar {
    padding: 16px 0 32px
}
  }
.room_scrolled .room__bar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;

  min-height: 80px;
  padding: 8px 0 8px;

  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 768px) {
  .room__content {
    display: flex;
    flex-direction: column;
  }
}
.room__actions {
  float: right;
  margin: 8px 0 0;
}
@media screen and (max-width: 768px) {
.room__actions {
    float: none;
    order: 2
}
  }
.room__text {
  width: calc(100% - 170px);
}
@media screen and (max-width: 768px) {
.room__text {
    order: 1;
    width: auto
}
  }
.room__bar--line {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
.room__bar--line {
    flex-wrap: wrap
}
  }
@media screen and (max-width: 768px) {
  .room__bar--line-responsive {
    flex-direction: column;
    align-items: flex-start;
  }
}
.room__bar--line-dot {
  font-size: 10px;
  margin: 0 5px;
}
@media screen and (max-width: 576px) {
.room__bar--line-dot {
    display: none
}
  }
.room__title {
  margin: 6px 0 0;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.5;
  transition: font-size 0.25s ease-out;
}
@media screen and (max-width: 576px) {
    .room__title:after {
      display: none;
    }
  }
.room_scrolled .room__title {
  font-size: 20px;
}
.room_scrolled .room__title:after {
  display: none;
}
.room__status_warning {
  color: #757575;
  font-weight: 500;
  margin-right: 100px;
}
@media screen and (max-width: 992px) {
.room__status_warning {
    margin-right: auto
}
  }
.room__report {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 24px 0 0;
}
.room__matchprofile {
  top: 25px;
  z-index: 1;
}
@media screen and (max-width: 576px) {
.room__matchprofile {
    top: 10px
}
  }
.pendingRoomText {
  color: rgb(255, 201, 71);
  margin-right: 24px;
  font-weight: 500;
}

.fast_track_modal {
  padding: 0;
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.SideBarMenu__Space {
  width: 100%;
  height: 58px;
}
@media screen and (min-width: 768px) {
.SideBarMenu__Space {
    height: 72px
}
  }
@media screen and (min-width: 992px) {
.SideBarMenu__Space {
    display: none
}
  }

.payment {
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  color: #494949;
  outline: none;
  padding: 0 20px;
  height: 48px;
  cursor: text;
  border-radius: 4px;
}

.payment__legend {
  line-height: 30px;
  margin-top: 5px;
}

@media screen and (max-width: 374px) {
  .SelectDate .SelectDate__input {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.Form__ChoiceItem--wrapper {
      flex: 0 0 19%;
      margin: 0 1% 24px 0;
      color: #bbb;
      font-size: 0.73rem;
      text-align: center;
    }
.Form__ChoiceItem--wrapper input {
        display: none;
      }
/* desktop first here because we want to affect only small screens */
@media (max-width: 420px) {
.Form__ChoiceItem--wrapper {
        flex: 1 0 32%
    }
      }
.Form__ChoiceItem--wrapper label {
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
        -webkit-hyphens: auto;
                hyphens: auto;
      }
.Form__ChoiceItem--wrapper label span {
          margin-top: 4px;
        }
.Form__Choice--wrapper {
      align-items: flex-start !important;
    }
.Form__Choice--wrapper {
      display: flex;
      flex-wrap: wrap;
    }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.Form__SelectMultiple--wrapper {
      position: relative;
      box-sizing: border-box;
      margin-bottom: 16px;
    }
.Form__SelectMultiple--select {
      position: relative;
    }
.Form__SelectMultiple--placeholder {
      box-sizing: border-box;
      padding: 0 15px;
      font-size: 1rem;
      font-size: 1rem;
      width: 100%;
      max-height: 48px;
      line-height: 48px;
      color: #bbb;
      border: 1px solid #bbb;
      border-radius: 4px;
      padding-right: 40px;
      outline: none;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      cursor: pointer;
    }
.Form__SelectMultiple--placeholder:focus {
        color: #333333;
        border-color: #333333;
      }
.Form__SelectMultiple--placeholder:after {
        position: absolute;
        top: 7px;
        right: 2px;
        width: 40px;
        height: 38px;
        content: '';
        pointer-events: none;
        background: url(assets/icons/ico_down_black.svg) no-repeat 50% 50%;
      }
.Form__SelectMultiple--active {
      color: #333333;
      border-color: #333333;
    }
.Form__SelectMultiple--outer-background {
      position: fixed;
      top: 0;
      left: 0;
      background-color: transparent;
      width: 100%;
      height: 100%;
    }
.Form__SelectMultiple--options {
      overflow: auto;
      position: absolute;
      z-index: 1;
      top: 100%;
      box-sizing: border-box;
      width: 100%;
      max-height: 200px;
      margin-top: -4px;
      padding-top: 4px;
      border: 1px solid #333333;
      border-top: none;
      border-radius: 0 0 4px 4px;
      background-color: #fff;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    }
.Form__SelectMultiple--options-visible {
        visibility: visible;
      }
.Form__SelectMultiple--options-hidden {
        visibility: hidden;
      }
.Form__SelectMultiple--options-list {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }
.Form__SelectMultiple--option {
      position: relative;
      overflow-y: auto;
      box-sizing: border-box;
      border: none;
      background: none;
      padding: 0 0 0 40px;
      line-height: 2em;
      width: 100%;
      cursor: pointer;

      color: #333333;
      font-size: 1rem;
      font-weight: 400;
      text-align: left;
    }
.Form__SelectMultiple--option-selected {
        font-weight: 500;
      }
.Form__SelectMultiple--option-selected:before {
        position: absolute;
        top: 5px;
        left: 15px;
        width: 16px;
        height: 16px;
        content: '';
        border-radius: 50%;
        background: #0edc84 url(assets/icons/ico_check_white.svg) no-repeat 50% 50%;
        background-size: 70% 70%;
      }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.Form__Input--wrapper {
      box-sizing: border-box;
      margin-bottom: 16px;
    }
.Form__Input--wrapper input {
        box-sizing: border-box;
        padding: 0 15px;
        font-size: 1rem;
        color: #bbb;
        width: 100%;
        height: 48px;
        max-height: 48px;
        line-height: 48px;
        border: 1px solid #bbb;
        border-radius: 4px;
      }
.Form__Input--wrapper input:focus {
          color: #333333;
          border: 1px solid #333333;
        }
.Form__Input--input-active > input {
      color: #333333;
      border: 1px solid #333333;
    }
.Form__InputWithLabel--wrapper {
      position: relative;
      margin-bottom: 16px;
      display: flex;
      border: 1px solid #bbb;
      border-radius: 4px;
      max-height: 48px;
      padding: 5px;
    }
.Form__InputWithLabel--wrapper-active {
        color: #333333;
        border: 1px solid #333333;
      }
.Form__InputWithLabel--wrapper input {
        font-size: 1rem;
        border: none;
        flex-grow: 1;
        padding: 10px;
        flex-shrink: 1;
        width: calc(100% - 80px);
      }
.Form__InputWithLabel--input-active {
      color: #333333;
      border: 1px solid #333333;
    }
.Form__InputWithLabel--label {
      flex-grow: 0;
      display: flex;
      align-items: center;
      padding-right: 10px;
      flex-shrink: 0;
      min-width: 80px;
    }

.layer--full {
  position: fixed;
  left: 0;
  width: 100%;
}
.layer--bottom {
  bottom: 0;
}
.content--centered {
  position: relative;

  box-sizing: border-box;
  min-width: 320px;
  max-width: 1126px;
  margin: 0 auto;
  padding: 0 16px;
}
@media screen and (max-width: 480px) {
  .content--centered {
    padding-right: 8px;
    padding-left: 8px;
  }
}
.content--centered {
  display: flex;
  flex-direction: column;

  width: 100%;

  flex: 1 1 auto;
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.DropZone {
  padding: 15px;
  height: 100%;
}
.DropZone__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  padding-top: 25px;
}
.DropZone__header > h3 {
  font-size: 1.2rem;
  margin: 0;
}
.DropZone__error:after {
  content: '';
  position: absolute;
  right: 32px;
  top: 16px;

  width: 15px;
  height: 15px;

  background-image: url('assets/icons/icon-error-text.svg');
  background-repeat: no-repeat;
  background-size: cover;

  border-radius: 8px;
}
.DropZone__containter_empty {
  display: flex;
  height: 100%;
}
.DropZone__Empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  height: 200px;
}
.DropZone__Empty > img {
  max-width: 36px;
}
.DropZone__Empty--title,
.DropZone__Empty > p {
  margin: 0;
}
.DropZone__Empty--title {
  font-size: 1.06rem;
  font-weight: bold;

  padding-top: 16px;
}
.DropZone__Empty > p {
  font-size: 0.867rem;
}
#description_desktop {
  display: block;
  max-width: 60%;
  text-align: center;
}
#description_mobile {
  display: none;
}
.DropZone__Empty > p > button {
  padding: 0;
  font-size: inherit;
}
.DropZone__Empty > p > button > span {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #333333;
}
.DropZone__Preview--box {
  width: 100%;
  padding-top: 100%;
  position: relative;
  margin: 15px 0;
}
.DropZone__Preview--add {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  cursor: pointer;

  background-image: url('assets/icons/icon_photo_upload.svg');
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}
.DropZone__Preview--add:after {
  content: '';
  position: absolute;
  top: 8px;
  right: 8px;
  height: 24px;
  width: 24px;
  background-image: url('assets/icons/photo-add.svg');
  background-position: center;
  background-repeat: no-repeat;
}
.DropZone__Preview--img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  border-radius: 4px;
  cursor: move;
}
.DropZone__Preview--img-cover {
  border: solid 3px #489cff;
  border-radius: 5px;
}
.DropZone__Preview--img-cover:before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: -2px;
  width: 24px;
  height: 24px;
  background-color: #489cff;
  border-radius: 4px;
  background-image: url('assets/icons/star.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px;
}
.DropZone__Preview--loader,
.DropZone__Preview--error {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  border-radius: 4px;

  background: rgba(0, 0, 0, 0.5);

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.DropZone__Preview--error {
  background: rgba(240, 240, 240, 0.5);
}
.DropZone__Preview--action {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  flex-direction: row-reverse;
}
.DropZone__Preview--action > div {
  margin-left: 8px;
}
.DropZone__Preview--close {
  background-color: #0aeb8b;
  border-radius: 12px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.DropZone__Preview--close > svg {
  width: 9px;
}
.DropZone__Preview--close,
.DropZone__Preview--retry {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.DropZone__counter {
  font-size: 0.933rem;
  display: flex;
}
.DropZone__container--item {
  z-index: 1;
}
.DropZone__container.row {
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .DropZone {
    background-color: transparent;
    padding: 0;
  }

  .DropZone__container > .DropZone__header {
    padding: 0 7px;
  }

  .DropZone__containter_empty {
    display: inline;
    display: initial;
  }

  .DropZone > div {
    padding: 0;
  }

  .DropZone,
  .DropZone__Empty {
    min-height: 150px;
  }

  .DropZone__Empty {
    background-color: #f5f5f5;
  }

  #description_desktop {
    display: none;
  }

  #description_mobile {
    display: block;
    text-align: center;
    max-width: 90%;
  }

  .DropZone .DropZone__container {
    margin-right: -7px;
    margin-left: -7px;
  }

  .DropZone__container > div.DropZone__container--item {
    padding-left: 7px;
    padding-right: 7px;
  }

  .DropZone__Preview--box {
    margin: 7px 0;
  }

  .DropZone__Preview--add {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    cursor: pointer;

    background-image: url('assets/icons/camera.svg');
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  }
}
.DropZone__tip {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 500;
  color: #bbbbbb;
}
.DropZone__tip > span {
    margin: 2px 0 0 8px;
  }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.Profile__form {
    display: flex;
    flex-direction: column;
    z-index: 1;
  }
.Profile__form--body {
      flex-grow: 1;
      margin-bottom: 90px;
    }
.Profile__form--pictures-wrapper {
      z-index: 0;
    }
.Profile__form--pictures {
      height: calc(100vh - 260px);
    }
.Profile__form--description > textarea {
      height: 140px;
    }
.Profile__form--controls {
      padding: 30px 0;
      background-color: #ffffff;
      border-top: 1px solid #eeeeee;
    }
.Profile__form--controls > div {
        display: flex;
        justify-content: flex-end;
        padding: 0;
      }
.Profile__form--bottom {
      z-index: 1;
    }
.Profile__form--header-mobile {
      display: none !important;
    }
.Profile form {
    width: 100%;
  }
@media screen and (max-width: 990px) {
    .Profile__form {
      order: 2;
    }

      .Profile__form--pictures-wrapper {
        position: relative;
      }

      .Profile__form--body {
        max-height: none;
        max-height: initial;
        height: auto;
      }

        .Profile__form--body .Profile__form--title {
          display: none;
        }

      .Profile__form--description {
        margin-bottom: 60px;
      }

      .Profile__form--controls {
        padding: 15px;
        border-top: none;

        background-color: white;
      }

        .Profile__form--controls:first-child {
          display: none;
        }

      .Profile__form--bottom {
        border-top: 1px solid #eeeeee;
      }

      .Profile__form--pictures {
        padding-bottom: 40px;
        height: auto;
      }

      .Profile__form--header-mobile {
        display: flex !important;
      }

        .Profile__form--header-mobile button {
          background-color: transparent;
          border: none;
          padding: 8px 0 16px 0;
        }

        .Profile__form--header-mobile .Profile__form--title {
          max-width: 280px;
        }
}

.SearchBudgetForm__Content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
}

  .SearchBudgetForm__Content > * {
    width: calc(50% - 8px);
  }

  .SearchBudgetForm__Content > div + div {
    margin-top: 0 !important;
  }

  .SearchBudgetForm__Content p {
    margin-bottom: 8px;
  }

.SearchRoomForm__BedTypes {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .SearchRoomForm__AnyPlaceType {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 8px 0 16px 0;
  }
  .SearchRoomForm__AnyPlaceType > p {
      margin: 0 0 0 12px;
    }
  .SearchRoomForm__BedTypes {
    margin-top: 8px;
    flex-wrap: wrap;
  }
  .SearchRoomForm__BedTypes > * {
      width: calc(50% - 8px);
      margin-bottom: 16px;
    }
  .SearchRoomForm__Amenities {
    margin-top: 8px;
  }
  .SearchRoomForm__Amenities > * {
      width: 125px;
    }

.FlatmatesUnavailable {
  display: flex;
  padding-bottom: 16px;
}

  .FlatmatesUnavailable > p {
    margin: 0;
    margin-left: 8px;
  }

.SearchFlatmatesForm__Tenants > div {
      margin: 16px 0;
    }
    .SearchFlatmatesForm__Tenants button {
      font-weight: 400;
    }

.SearchAvailabilityForm__FromDate {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 8px 0 16px 0;
  }

    .SearchAvailabilityForm__FromDate > * {
      width: calc(50% - 8px);
    }
  .SearchAvailabilityForm__Calendar {
    position: absolute;
    left: 0;
    top: 45px;
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .SearchAvailabilityForm__Calendar > *:last-child {
      z-index: 5;
    }
  .SearchAvailabilityForm__Slider {
    margin-top: 0;
    margin-bottom: 16px;
    padding: 0 14px;
  }

.AdvancedFilters {
  position: relative;
  display: flex;
  overflow-x: auto;
}

  .AdvancedFilters > * {
    flex: 1 0 auto;
  }

  .AdvancedFilters > * + * {
    margin-left: 16px;
  }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.ReducedFilter {
  max-width: 125px;
  height: 32px;
  padding: 0 12px;
  border-radius: 16px;
  border: solid 1px #bbbbbb;
  box-sizing: border-box;

  background-color: #ffffff;
  display: flex;
  align-items: center;
}
.ReducedFilter > button {
    cursor: pointer;
    display: flex;
    padding: 0;
    border: none;
    margin-left: 8px;
    max-width: 16px;
    background: transparent;
  }
.ReducedFilter__Text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
.ReducedFilter + .ReducedFilter {
  margin-left: 8px;
}

.ReducedFilters {
  width: calc(100% - 140px);
  display: flex;
  position: relative;
  overflow-x: auto;
  margin: 0 40px 0 40px;
  padding: 0px 12px;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

  .ReducedFilters::-webkit-scrollbar {
    display: none;
  }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
/* utils */
@media screen and (max-width: 576px) {
.hide-sm {
    display: none
}
  }
/* end utils */
.Inbox--Empty {
    padding-left: 0;
    padding-right: 0;
  }
.Inbox--Empty > div {
      text-align: center;
      max-width: 570px;
    }
.Inbox--Pagination {
    margin-top: 2rem;
    margin-bottom: 4rem;
  }
.Inbox--Pagination-pages {
      display: flex;
      justify-content: center;
    }
.Inbox--Pagination-overview {
      margin-bottom: 2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-right: 0;
    }
@media screen and (min-width: 768px) {
.Inbox--Pagination-overview {
        margin-bottom: 0;
        justify-content: flex-end
    }
      }
.truncate {
  width: calc(100% - 64px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.LandingTitle {
  width: 100%;
}
.LandingTitle h1 {
    font-size: 2rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #ffffff;
  }
@media screen and (min-width: 768px) {
.LandingTitle h1 {
      font-size: 2.5rem;
      line-height: 1.2
  }
    }
@media screen and (min-width: 1200px) {
.LandingTitle h1 {
      font-size: 3.5rem;
      line-height: 1.14
  }
    }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.LandingHeader {
  position: relative;
  width: 100%;
  height: 375px;
}
@media screen and (min-width: 768px) {
.LandingHeader {
    height: 432px
}
  }
@media screen and (min-width: 992px) {
.LandingHeader {
    height: 576px
}
  }
.LandingHeader__Image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
.LandingHeader__ContentWrapper {
    width: 100%;
    position: absolute;
    bottom: 24px;
  }
@media screen and (min-width: 768px) {
.LandingHeader__ContentWrapper {
      bottom: 40px
  }
    }
@media screen and (min-width: 992px) {
.LandingHeader__ContentWrapper {
      bottom: 56px
  }
    }
.LandingHeader__Content > * + * {
    margin-top: 16px;
  }
@media screen and (min-width: 992px) {
.LandingHeader__Content > * + * {
      margin-top: 32px
  }
    }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.LandingListItem {
  padding-bottom: 48px;
}
.LandingListItem:last-of-type {
    padding-bottom: 80px;
  }
@media screen and (min-width: 768px) {
.LandingListItem {
    padding-bottom: 64px
}

    .LandingListItem:last-of-type {
      padding-bottom: 80px;
    }
  }
@media screen and (min-width: 992px) {
.LandingListItem {
    padding-bottom: 96px
}
  }
.LandingListItem__Decorator {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;

    background-image: url('assets/icons/icon-check.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(8, 199, 129, 0.1);
  }
.LandingListItem__Title {
    font-size: 1.25rem;
    margin: 0;
    padding: 24px 0 8px 0;
  }
.LandingListItem p {
    margin: 0;
  }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.LandingList {
  list-style: none;
  counter-reset: info-list-counter;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.LandingList__Title {
    padding-bottom: 48px;
  }
.LandingList__Title > * {
      margin: 0;
      font-size: 1.5rem;
    }
.LandingList > li {
    counter-increment: info-list-counter;
  }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.LandingSection__Header {
    padding-bottom: 40px;
  }
@media screen and (min-width: 768px) {
.LandingSection__Header {
      padding-bottom: 64px
  }
    }
.LandingSection__Header h2 {
      font-size: 1.75rem;
      margin: 0;
      padding-bottom: 16px;
    }
@media screen and (min-width: 768px) {
.LandingSection__Header h2 {
        font-size: 2rem
    }
      }
.LandingSection__Header p {
      margin: 0;
    }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.LandingSection__ImageWrapper {
    width: 100%;
    position: relative;
  }
.LandingSection__Image {
    width: 100%;
    padding: 0;
    height: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-bottom: 100%;
  }
@media screen and (min-width: 768px) {
.LandingSection__Image {
      padding-bottom: 50%
  }
    }
.LandingSection__Content {
    position: absolute;
    left: 10%;
    width: 80%;
    bottom: 10%;
  }
@media screen and (min-width: 768px) {
.LandingSection__Content {
      width: 50%
  }
    }
.LandingSection__Content > * + * {
      margin-top: 16px;
    }
@media screen and (min-width: 992px) {
.LandingSection__Content > * + * {
        margin-top: 32px
    }
      }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.SecurityFaqs {
  border-radius: 4px;
  border: solid 2px #f0f0f0;
  padding: 32px 15px 40px 15px;
  margin-bottom: 56px;
}
@media screen and (min-width: 768px) {
.SecurityFaqs {
    margin-bottom: 72px;
    padding: 32px 32px 40px 32px
}
  }
@media screen and (min-width: 992px) {
.SecurityFaqs {
    margin-bottom: 96px
}
  }
.SecurityFaqs > h3 {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.33;
    color: #333333;
  }
.SecurityFaqs ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
.SecurityFaqs__Option {
    display: flex;
    align-items: flex-start;
    padding-bottom: 16px;
  }
.SecurityFaqs__Option a {
      -webkit-text-decoration: none;
      text-decoration: none;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #333333;
    }
.SecurityFaqs__Option a:hover,
      .SecurityFaqs__Option a:visited,
      .SecurityFaqs__Option a:link,
      .SecurityFaqs__Option a:active {
        -webkit-text-decoration: none;
        text-decoration: none;
      }
.SecurityFaqs__Arrow {
    display: block;
    float: left;
    margin-right: 16px;
  }
.SecurityFaqs__MainLink {
    -webkit-text-decoration: none;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1.33;
    color: #08c781;
  }
.SecurityFaqs__MainLink:hover,
    .SecurityFaqs__MainLink:visited,
    .SecurityFaqs__MainLink:link,
    .SecurityFaqs__MainLink:active {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.SecurityIntro {
  margin: 0;
  padding: 32px 0 24px 0;
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
.SecurityIntro {
    padding-top: 64px
}
  }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.Security__Content ul > li > .Security__ListItem_Trust {
      background-color: #943ffa;
      background-image: none;
    }
.Security__Content ul > li > .Security__ListItem_Trust:after {
        content: counter(info-list-counter);
        color: white;
        font-weight: 700;
        font-size: 1.2rem;
      }
.Security__LandingImage {
    width: 100%;
    height: 375px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
@media screen and (min-width: 768px) {
.Security__LandingImage {
      height: 432px
  }
    }
@media screen and (min-width: 992px) {
.Security__LandingImage {
      height: 576px
  }
    }
.Security__Title {
    margin-top: -200px;
  }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.Form__Slider {
  margin-top: 21px;
}
.Form__Slider--legend_top {
    display: flex;
    justify-content: flex-end;
    color: #bbbbbb;
  }
.Form__Slider--legend_top span {
      font-weight: bold;
      margin-right: 1rem;
      color: #333333;
    }
.Form__Slider--legend_bottom {
    color: #bbbbbb;
    font-size: 0.73rem;
    display: flex;
    justify-content: space-between;
  }
.Form__Slider .rheostat {
    margin-top: 24px;
    overflow: visible;
    height: 24px;
    position: relative;
  }
.Form__Slider .rheostat .DefaultProgressBar_progressBar {
      background-color: #5ddefa;
      position: absolute;
      height: 3px;
      top: 0px;
    }
.Form__Slider .rheostat .DefaultHandle_handle {
      background-color: #fff;
      border: 1px solid #d8d8d8;
      height: 24px;
      width: 24px;
      outline: none;
      top: -11px;
      margin-left: -13px;
      box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.12);
      border-radius: 50%;
      z-index: 2;
      cursor: pointer;
    }
.Form__Slider .rheostat .DefaultBackground {
      background-color: #d8d8d8;
      position: relative;
      height: 3px;
      top: 0px;
      width: 100%;
      cursor: pointer;
    }
.Form__Slider .rheostat .DefaultProgressBar_progressBar {
      cursor: pointer;
    }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.Form__Counter--wrapper {
      position: relative;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
      line-height: 24px;
      padding: 8px 0;
      border-bottom: 1px solid #eeeeee;
    }
.Form__Counter--wrapper:last-of-type {
        border-bottom: none;
      }
.Form__Counter--wrapper button {
        cursor: pointer;
        color: #333333;
        line-height: 22px;
        width: 24px;
        height: 24px;
        border: 1px solid #333333;
        border-radius: 50%;
        background-color: #ffffff;
      }
.Form__Counter--wrapper input {
        border: none;
        font-size: 0.93rem;
        text-align: center;
        margin: 0 3px;
      }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
.RoomList .Form__InputWithLabel--wrapper.disabled {
    border: 1px solid #dddddd;
  }
.RoomList .Form__InputWithLabel--wrapper.disabled span {
      color: #dddddd;
    }
.RoomList .Form__InputWithLabel--wrapper > span {
      min-width: 30px;
    }
.RoomList__form {
    display: flex;
    flex-direction: column;
    z-index: 1;
  }
@media screen and (min-width: 992px) {
      .RoomList__form > form > .row {
        min-height: calc(100vh - 220px);
      }
    }
.RoomList__form--controls {
      background-color: white;
      z-index: 1;
    }
.RoomList__form--controls div[class*='col']:first-of-type > .row {
        background-color: #ffffff;
        z-index: 1;
        padding: 30px 0;
        border-top: 1px solid #eeeeee;
      }
@media screen and (max-width: 768px) {
.RoomList__form--controls div[class*='col']:first-of-type > .row {
          padding: 15px 0
      }
        }
@media screen and (max-width: 992px) {
.RoomList__form--controls {
        bottom: -1px;
        position: fixed;
        left: 0;
        width: 100%
    }
      }
@media screen and (max-width: 576px) {
.RoomList__back {
      display: none
  }
    }
.RoomList__fixed {
    z-index: 0;
  }
@media screen and (max-width: 992px) {
.RoomList__fixed {
      position: relative !important
  }
    }
.RoomList__photos .DropZone__Empty {
      min-height: 0;
      padding: 15px;
    }
.RoomList__example {
    font-size: 0.86rem;
    color: #bbb;
  }
.RoomList__tip {
    position: relative;
    margin-top: 10px;
    padding: 8px 15px;
    font-size: 0.86rem;
    background-color: #eeeeee;
    border-radius: 4px;
    color: #757575;
  }
.RoomList__tip--triangle {
      position: absolute;
      top: -10px;
      width: 0;
      height: 0;
      border-left: 14px solid transparent;
      border-right: 14px solid transparent;

      border-bottom: 14px solid #eeeeee;
    }
.RoomList__intro_image {
      position: absolute;
      bottom: 27px;
    }
@media screen and (max-width: 576px) {
.RoomList__intro_image {
        position: relative
    }
      }
.RoomList__intro h1,
    .RoomList__intro h2,
    .RoomList__intro p {
      margin: 0;
      padding: 12px 0;
      box-sizing: content-box;
      box-sizing: initial;
    }
@media screen and (max-width: 576px) {
.RoomList__intro h1,
    .RoomList__intro h2,
    .RoomList__intro p {
        padding: 8px 0
    }
      }
.RoomList__intro h1 {
      font-size: 2.13rem;
      font-weight: bold;
    }
.RoomList__intro h2 {
      font-size: 1.2rem;
      font-weight: bold;
      padding-top: 36px;
    }
@media screen and (max-width: 576px) {
.RoomList__intro h2 {
        padding-top: 32px
    }
      }
.RoomList__intro p {
      font-size: 1rem;
    }
.RoomList__intro button {
      margin: 12px 0 28px 0;
    }
@media screen and (max-width: 576px) {
.RoomList__intro button {
        margin: 8px 0
    }
      }
@media screen and (max-width: 992px) {
.RoomList__intro {
      max-width: 572px;
      margin: 8px auto 0 auto
  }
    }
.RoomList__content {
    max-width: 370px;
  }
@media screen and (max-width: 992px) {
.RoomList__content {
      max-width: none;
      max-width: initial
  }
    }
.RoomList .MinimumStay {
    display: flex !important;
  }
.RoomList .MinimumStay {
    justify-content: space-between;
  }

:root {
  --main-bg-color: brown;
  --badi-error: #fb4848;
  --badi-white: #ffffff;
  --badi-light-grey: #eeeeee;
  --badi-soft-grey: #bbbbbb;
  --badi-new-soft-grey: #dddddd;
  --badi-warm-grey: #757575;
  --badi-mid-grey: #999999;
  --badi-dark-grey: #333333;
  --badi-blue: #254cef;
  --badi-blue-dark: #2a48c8;
  --badi-blue-sky: #5ddefa;
  --badi-blue-sky-dark: #2bc8ea;
  --badi-booking-blue: #489cff;
  --badi-booking-blue-dark: #3a87e1;
  --badi-main-color: #1e3255;

  --badi-green: #0aeb8b;
  --badi-green-dark: #08c781;
  --badi-pink: #ff3888;
  --badi-pink-dark: #da266e;
  --badi-purple: #943ffa;
  --badi-purple-dark: #7429ce;
  --badi-yellow: #fed759;
  --badi-yellow-dark: #ffc947;
  --badi-orange: #ff8800;
  --badi-teal: #2eb0a8;
  --badi-gradient-background-image: linear-gradient(
    318deg,
    #ff3888,
    #943ffa 34%,
    #5e7bf0 48%,
    #3aa4e9 71%,
    #38fea1
  );
  --badi-new-gradient: linear-gradient(to right, #08c781, #00bfb3);
  --badi-font-family: 'modelica', sans-serif;
  --badi-font-size: 16px;
  --badi-line-height: 24px;
  --badi-brand-secondary-default: #6d8bff;
}
/* utils */
@media screen and (max-width: 576px) {
.hide-sm {
    display: none
}
  }
/* end utils */
.Inbox--Empty {
    padding-left: 0;
    padding-right: 0;
  }
.Inbox--Empty > div {
      text-align: center;
      max-width: 570px;
    }
.Inbox--Pagination {
    margin-top: 2rem;
    margin-bottom: 4rem;
  }
.Inbox--Pagination-pages {
      display: flex;
      justify-content: center;
    }
.Inbox--Pagination-overview {
      margin-bottom: 2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-right: 0;
    }
@media screen and (min-width: 768px) {
.Inbox--Pagination-overview {
        margin-bottom: 0;
        justify-content: flex-end
    }
      }
.truncate {
  width: calc(100% - 64px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.embla__viewport {
  overflow: hidden;
}

.embla__container {
  display: flex;
}

.embla__slide {
  margin-right: 20px;
}


/*# sourceMappingURL=styles.css.map*/