.datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}
@charset "UTF-8";
@font-face {
  font-weight: 700;
  font-family: "Quicksand";
  font-style: "normal";
  src: url(../assets/fonts/quicksand-bold.eot);
  src: local("☺"), url(../assets/fonts/quicksand-bold.woff) format("woff"), url(../assets/fonts/quicksand-bold.ttf) format("truetype"), url(../assets/fonts/quicksand-bold.svg) format("svg"); }

@font-face {
  font-weight: 400;
  font-family: "Quicksand";
  font-style: "normal";
  src: url(../assets/fonts/quicksand-regular.eot);
  src: local("☺"), url(../assets/fonts/quicksand-regular.woff) format("woff"), url(../assets/fonts/quicksand-regular.ttf) format("truetype"), url(../assets/fonts/quicksand-regular.svg) format("svg"); }

@font-face {
  font-weight: 700;
  font-family: "Montserrat";
  font-style: "normal";
  src: url(../assets/fonts/montserrat-bold.eot);
  src: local("☺"), url(../assets/fonts/montserrat-bold.woff) format("woff"), url(../assets/fonts/montserrat-bold.ttf) format("truetype"), url(../assets/fonts/montserrat-bold.svg) format("svg"); }

@font-face {
  font-weight: 400;
  font-family: "Montserrat";
  font-style: "normal";
  src: url(../assets/fonts/montserrat-regular.eot);
  src: local("☺"), url(../assets/fonts/montserrat-regular.woff) format("woff"), url(../assets/fonts/montserrat-regular.ttf) format("truetype"), url(../assets/fonts/montserrat-regular.svg) format("svg"); }

.header__user-name, .nav-menu__link, .nav-menu__sub-link, .date-dropdown__container .datepicker--cells, .input__description, .input__element, .mobile-footer__text, .desktop-footer__text, .desktop-footer__subscription-item, .desktop-footer__link, .desktop-footer__copyright, .landing-page__text {
  color: #1f2041;
  font-weight: 400;
  font-size: 14px;
  font-family: "Montserrat", "Arial", sans-serif; }

.button, .nav-menu__link_active, .date-dropdown__container .datepicker--day-name, .date-dropdown__container .datepicker--button, .input__heading, .counter__name, .counter__value, .desktop-footer__title, .desktop-footer__subscription-title {
  color: #1f2041;
  font-weight: 700;
  font-size: 12px;
  font-family: "Montserrat", "Arial", sans-serif;
  text-transform: uppercase; }

.room-search-form__title {
  color: #1f2041;
  font-weight: 700;
  font-size: 24px;
  font-family: "Quicksand", "Arial", sans-serif; }

@font-face {
  font-weight: normal;
  font-family: "MaterialIcons-Regular";
  font-style: normal;
  src: url(../assets/fonts/materialicons-regular.eot);
  src: local("☺"), url(../assets/fonts/materialicons-regular.woff) format("woff"), url(../assets/fonts/materialicons-regular.ttf) format("truetype"), url(../assets/fonts/materialicons-regular.svg) format("svg"); }

html,
body {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%; }

body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-size: unset; }

ul {
  margin: 0;
  padding-left: 0;
  list-style: none; }

a {
  text-decoration: none; }

.header {
  background-color: white;
  box-shadow: 0 10px 20px rgba(31, 32, 65, 0.05); }
  .header__container {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px; }
    .header__container_opened {
      padding: 0; }
  .header__content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0; }
  .header__with-nav-menu-buttons {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 992px) {
      .header__with-nav-menu-buttons {
        position: absolute;
        top: 65px;
        right: -110%;
        z-index: 3;
        display: none;
        width: 100%;
        overflow: auto;
        background: white;
        box-shadow: 0 4px 2px -2px rgba(36, 36, 36, 0.17);
        transition: all 0.4s ease; } }
  @media screen and (max-width: 992px) {
    .header__with-opened-menu {
      right: 0;
      display: block; } }
  .header__link {
    margin-right: 20px; }
    @media screen and (max-width: 992px) {
      .header__link {
        display: none; } }
  @media screen and (max-width: 992px) {
    .header__link-sign {
      display: none; } }
  .header__user-name {
    opacity: 0.5; }
    @media screen and (max-width: 992px) {
      .header__user-name {
        display: none; } }
  .header__burger {
    display: none; }
    @media screen and (max-width: 992px) {
      .header__burger {
        position: relative;
        display: block;
        width: 40px;
        height: 35px; }
        .header__burger .header__burger-element, .header__burger::after, .header__burger::before {
          position: absolute;
          width: 100%;
          height: 3px;
          margin: 0 auto;
          background: #515758; }
        .header__burger .header__burger-element {
          top: 16px; }
        .header__burger::after, .header__burger::before {
          content: ""; }
        .header__burger::after {
          bottom: 5px; }
        .header__burger::before {
          top: 5px; } }
    .header__burger_opened {
      margin-left: 20px; }
  @media screen and (max-width: 992px) {
    .header_with-opened-burger .header__burger-element {
      opacity: 0;
      transition: 0.5s; }
    .header_with-opened-burger::before {
      top: 16px;
      transform: rotate(38deg);
      transition: 0.4s; }
    .header_with-opened-burger::after {
      bottom: 16px;
      transform: rotate(-38deg);
      transition: 0.4s; } }
  .header__line {
    margin-left: 21px; }

.logo {
  height: 40px; }

.button {
  position: relative;
  padding-right: 20px;
  padding-left: 20px;
  text-decoration: none;
  background-color: #fff;
  border: none;
  cursor: pointer; }
  .button:disabled {
    opacity: 0.5;
    transition: opacity 0.4s ease; }
  .button_bordered {
    position: relative;
    color: #bc9cff; }
    .button_bordered::before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 2px;
      background: linear-gradient(to top, #8ba4f9, #bc9cff);
      border-radius: 26px;
      content: "";
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
              mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
              mask-composite: exclude; }
    .button_bordered:hover::before {
      opacity: 0.5;
      transition: opacity 0.4s ease; }
  .button_directed {
    position: relative;
    width: 100%;
    padding-right: 49px;
    padding-left: 45px;
    color: #fff;
    text-align: center;
    background: linear-gradient(to bottom, #bc9cff, #8ba4f9);
    border-radius: 22px;
    transition: opacity 0.4s ease; }
    .button_directed:hover {
      opacity: 0.5;
      transition: opacity 0.4s ease; }
    .button_directed::before {
      position: absolute;
      top: 10px;
      right: 10px;
      display: inline-block;
      font-weight: normal;
      font-size: 24px;
      font-family: "MaterialIcons-Regular";
      text-transform: none;
      background-color: #fff;
      -webkit-background-clip: text;
      content: "arrow_forward";
      -webkit-text-fill-color: transparent;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale; }
    @media (max-width: 420px) {
      .button_directed {
        padding-right: 15px;
        padding-left: 15px; }
        .button_directed::before, .button_directed::after {
          content: none; } }
  .button_solid {
    color: #fff;
    background: linear-gradient(to bottom, #bc9cff, #8ba4f9);
    border-radius: 22px; }
    .button_solid:hover {
      opacity: 0.5;
      transition: opacity 0.4s ease; }
  .button_texted {
    padding: 0; }
  .button_color_violent {
    width: auto;
    height: auto;
    color: #bc9cff; }
  .button_color_black {
    width: auto;
    height: auto;
    color: #1f2041;
    opacity: 0.5; }
  .button_size_small {
    padding-top: 9px;
    padding-bottom: 10px; }
  .button_size_big {
    padding-top: 14px;
    padding-bottom: 15px; }
  .button_size_long {
    padding: 14px 26px 15px 26px; }
  .button_hidden {
    display: none; }
  .button_hovered {
    opacity: 0.5;
    transition: opacity 0.4s ease; }

.nav-menu {
  margin-top: 2px; }
  .nav-menu__list {
    display: flex;
    align-items: baseline; }
    @media screen and (max-width: 992px) {
      .nav-menu__list {
        display: block;
        text-align: left; } }
  .nav-menu__checkmark {
    display: inline-block;
    font-size: 24px;
    font-family: "MaterialIcons-Regular";
    text-transform: none;
    vertical-align: middle;
    background-color: rgba(31, 32, 65, 0.75);
    -webkit-background-clip: text;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.4s transform;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale; }
    .nav-menu__checkmark_direction_up {
      transform: rotate(180deg); }
  .nav-menu__item {
    position: relative;
    margin-right: 20.7px; }
    @media screen and (max-width: 992px) {
      .nav-menu__item {
        margin: 40px 0 40px 20px; } }
  .nav-menu__link {
    cursor: pointer;
    opacity: 0.5; }
    .nav-menu__link_active {
      font-size: 14px;
      text-transform: none;
      opacity: 0.75; }
    .nav-menu__link_opened {
      font-size: 18px; }
  .nav-menu__sub-list {
    position: absolute;
    left: -5px;
    min-width: 100%;
    padding-left: 5px;
    background-color: white;
    opacity: 0;
    transition: opacity 0.4s ease; }
    @media screen and (max-width: 992px) {
      .nav-menu__sub-list {
        display: none; } }
    .nav-menu__sub-list_opened {
      z-index: 1;
      opacity: 1;
      transition: opacity 0.4s ease; }
  .nav-menu__sub-link {
    opacity: 0.5; }
  .nav-menu__sub-item {
    padding-top: 10px; }

.footer {
  flex: 0 0 auto; }

.social-nets__link {
  padding-left: 22px; }

.room-search-form {
  box-sizing: border-box;
  max-width: 380px;
  padding: 29px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.12); }
  @media screen and (max-width: 390px) {
    .room-search-form {
      padding: 15px; } }
  .room-search-form__title {
    margin-top: 9px;
    margin-bottom: 43px;
    line-height: 120%;
    letter-spacing: 1.7px; }
  .room-search-form__dates {
    display: flex;
    justify-content: space-between;
    margin-bottom: 41px; }
  .room-search-form__submission {
    margin-top: 32px; }

.date-dropdown {
  display: flex;
  gap: 20px; }
  .date-dropdown__from, .date-dropdown__to {
    width: 100%; }
  @media screen and (max-width: 390px) {
    .date-dropdown {
      gap: 15px; } }
  .date-dropdown input {
    cursor: pointer; }
  .date-dropdown__arrow {
    display: inline-block;
    font-size: 24px;
    font-family: "MaterialIcons-Regular";
    text-transform: none;
    background-color: #bc9cff;
    -webkit-background-clip: text;
    border: none;
    outline: none;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale; }
  .date-dropdown__container {
    box-sizing: border-box;
    font-family: none; }
    .date-dropdown__container .datepicker--cells {
      margin: 14px 15px 0 15px; }
    .date-dropdown__container .datepicker--cell {
      height: 40px;
      border-radius: 50%; }
    .date-dropdown__container .datepicker--cell.-current- {
      color: #fff;
      background-image: linear-gradient(to bottom, #6fcf97, #66d2ea);
      border-radius: 50%;
      opacity: 1; }
    .date-dropdown__container .datepicker--cell.-in-range- {
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(188, 156, 255, 0.25)), to(rgba(139, 164, 249, 0.25)));
      border-radius: 0; }
    .date-dropdown__container .datepicker--cell.-range-from- {
      position: relative;
      color: #fff;
      background-image: linear-gradient(to bottom, #6fcf97, #66d2ea);
      border: none;
      border-radius: 50%;
      opacity: 1; }
      .date-dropdown__container .datepicker--cell.-range-from-::before {
        position: absolute;
        right: 0;
        width: 20px;
        height: 40px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(188, 156, 255, 0.15)), to(rgba(139, 164, 249, 0.15)));
        content: ""; }
        @media screen and (max-width: 360px) {
          .date-dropdown__container .datepicker--cell.-range-from-::before {
            height: 35px; } }
    .date-dropdown__container .datepicker--cell.-range-to- {
      position: relative;
      color: #fff;
      background-image: linear-gradient(to bottom, #bc9cff, #8ba4f9);
      border-radius: 50%;
      opacity: 1; }
      .date-dropdown__container .datepicker--cell.-range-to-::before {
        position: absolute;
        left: 0;
        width: 20px;
        height: 40px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(188, 156, 255, 0.15)), to(rgba(139, 164, 249, 0.15)));
        content: ""; }
        @media screen and (max-width: 360px) {
          .date-dropdown__container .datepicker--cell.-range-to-::before {
            height: 35px; } }
    .date-dropdown__container .datepicker--cell.-selected-,
    .date-dropdown__container .datepicker--cell.-selected-.-current- {
      background-image: linear-gradient(to bottom, #bc9cff, #8ba4f9);
      opacity: 1; }
    .date-dropdown__container .datepicker--cell.-range-from-.-range-to- {
      border-radius: 50%; }
    .date-dropdown__container .datepicker--cell.-range-to-.-focus- {
      border: none; }
    .date-dropdown__container .datepicker--cell.-range-from-.-focus- {
      background-image: linear-gradient(to bottom, #bc9cff, #8ba4f9);
      opacity: 1; }
    .date-dropdown__container .datepicker--cell.-selected-.-focus- {
      background-image: linear-gradient(to bottom, #bc9cff, #8ba4f9); }
    .date-dropdown__container .datepicker--days-names {
      margin: 8px 15px 3px; }
    .date-dropdown__container .datepicker--day-name {
      color: #bc9cff;
      text-transform: none; }
    .date-dropdown__container .datepicker--cell-day {
      opacity: 0.5; }
      @media screen and (max-width: 360px) {
        .date-dropdown__container .datepicker--cell-day {
          height: 35px; } }
    .date-dropdown__container .datepicker--nav {
      padding: 15px 17px 25px 17px;
      border-bottom: none; }
    .date-dropdown__container .datepicker--nav-title {
      margin-left: 6px;
      padding: 0 8px;
      color: #1f2041;
      font-weight: 700;
      font-size: 19px;
      font-family: "Open Sans", sans-serif;
      border-radius: 4px; }
    .date-dropdown__container .datepicker--buttons,
    .date-dropdown__container .datepicker--time {
      flex-direction: row-reverse;
      border-top: none; }
    .date-dropdown__container .datepicker--nav-title i {
      color: #1f2041; }
    .date-dropdown__container .datepicker--buttons {
      justify-content: space-between;
      margin-top: 2px;
      margin-bottom: 7px; }
    .date-dropdown__container .datepicker--button {
      max-width: 100px;
      letter-spacing: -0.01em;
      opacity: 0.5; }
      .date-dropdown__container .datepicker--button:nth-child(2) {
        color: #1f2041;
        opacity: 0.5; }
      .date-dropdown__container .datepicker--button:nth-child(1) {
        margin-right: 8px;
        color: #bc9cff;
        opacity: 1; }
    .date-dropdown__container .datepicker--cell-day.-other-month-,
    .date-dropdown__container .datepicker--cell-year.-other-decade- {
      opacity: 0.25; }
    .date-dropdown__container .datepicker--pointer {
      display: none; }

.dropdown {
  position: relative;
  cursor: pointer; }
  .dropdown input {
    cursor: pointer; }
  .dropdown__list {
    position: absolute;
    z-index: -1;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    background-color: white;
    border: 1px solid rgba(31, 32, 65, 0.5);
    border-top: none;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: 0 10px 20px rgba(31, 32, 65, 0.05);
    opacity: 0;
    transition: opacity 0.4s ease; }
    .dropdown__list_opened {
      z-index: 10;
      opacity: 1;
      transition: opacity 0.4s ease; }
  .dropdown__buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 22px 7px 9px 14px; }
  .dropdown__counter {
    margin: 4px 6px 8px 14px; }

.input {
  position: relative;
  display: flex; }
  .input__heading {
    position: absolute;
    top: -20px;
    left: 1px; }
  .input__description {
    position: absolute;
    top: -20px;
    right: 0;
    color: rgba(31, 32, 65, 0.5);
    font-size: 12px;
    text-transform: uppercase; }
  .input__element {
    position: relative;
    flex-grow: 1;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    padding-right: 15px;
    padding-left: 14px;
    color: rgba(31, 32, 65, 0.75);
    line-height: 24px;
    letter-spacing: -0.2px;
    border-color: rgba(31, 32, 65, 0.25);
    border-width: 1px;
    border-radius: 4px;
    outline: none;
    transition: all 0.4s ease; }
    .input__element:focus, .input__element:hover {
      border-color: rgba(31, 32, 65, 0.5);
      transition: border-color 0.4s ease; }
    .input__element::-moz-placeholder {
      opacity: 0.25;
      -moz-transition: opacity 0.4s ease;
      transition: opacity 0.4s ease; }
    .input__element:-ms-input-placeholder {
      opacity: 0.25;
      -ms-transition: opacity 0.4s ease;
      transition: opacity 0.4s ease; }
    .input__element::placeholder {
      opacity: 0.25;
      transition: opacity 0.4s ease; }
    .input__element:hover::-moz-placeholder, .input__element:focus::-moz-placeholder {
      opacity: 0.75;
      -moz-transition: all 0.4s ease;
      transition: all 0.4s ease; }
    .input__element:hover:-ms-input-placeholder, .input__element:focus:-ms-input-placeholder {
      opacity: 0.75;
      -ms-transition: all 0.4s ease;
      transition: all 0.4s ease; }
    .input__element:hover::placeholder, .input__element:focus::placeholder {
      opacity: 0.75;
      transition: all 0.4s ease; }
    .input__element_straightened {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0; }
    .input__element_border-color_bright {
      border-color: rgba(31, 32, 65, 0.5); }
    .input__element_hovered {
      border-color: rgba(31, 32, 65, 0.5); }
      .input__element_hovered::-moz-placeholder {
        opacity: 0.75;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease; }
      .input__element_hovered:-ms-input-placeholder {
        opacity: 0.75;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease; }
      .input__element_hovered::placeholder {
        opacity: 0.75;
        transition: all 0.4s ease; }
    .input__element_directed {
      padding-right: 45px; }
    @media screen and (max-width: 350px) {
      .input__element {
        padding-left: 10px; } }
  .input__date-dropdown {
    position: relative; }
    .input__date-dropdown::-moz-placeholder {
      color: #1f2041;
      opacity: 0.75;
      -moz-transition: all 0.4s ease;
      transition: all 0.4s ease; }
    .input__date-dropdown:-ms-input-placeholder {
      color: #1f2041;
      opacity: 0.75;
      -ms-transition: all 0.4s ease;
      transition: all 0.4s ease; }
    .input__date-dropdown::placeholder {
      color: #1f2041;
      opacity: 0.75;
      transition: all 0.4s ease; }
  .input__checkmark {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 10px;
    font-size: 24px;
    font-family: "MaterialIcons-Regular";
    text-transform: none;
    background-color: rgba(31, 32, 65, 0.5);
    -webkit-background-clip: text;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    pointer-events: none; }
    @media screen and (max-width: 350px) {
      .input__checkmark {
        padding-right: 5px; } }
  .input__subscription {
    position: absolute;
    top: 12px;
    right: 0; }
  .input__default-button {
    position: absolute;
    top: -12px;
    right: 0;
    display: inline-block;
    padding: 10px;
    font-size: 24px;
    font-family: "MaterialIcons-Regular";
    text-transform: none;
    background-color: #bc9cff;
    -webkit-background-clip: text;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale; }

.counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7px; }
  .counter__enter {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .counter__value {
    width: 20px;
    padding-right: 7px;
    padding-left: 5px;
    text-align: center;
    border: none;
    outline: none; }
  .counter__increment, .counter__decrement {
    width: 30px;
    height: 30px;
    color: rgba(31, 32, 65, 0.5);
    font-size: unset;
    line-height: 1px;
    background-color: #fff;
    border-color: rgba(31, 32, 65, 0.25);
    border-width: 1px;
    border-radius: 50%;
    outline-style: none;
    cursor: pointer; }
    .counter__increment:hover, .counter__decrement:hover {
      background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #e9e7e1, #cfcccc); }
    .counter__increment:active, .counter__decrement:active {
      width: 30px;
      height: 30px;
      background: -webkit-linear-gradient(top, #979595, #656161 90%);
      box-shadow: 0 0 #d6665c; }
    .counter__increment:disabled, .counter__decrement:disabled {
      opacity: 0.38; }

.mobile-footer {
  display: none;
  margin: auto;
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(31, 32, 65, 0.05); }
  @media screen and (max-width: 768px) {
    .mobile-footer {
      display: block; } }
  .mobile-footer__content {
    margin: auto;
    padding: 120px 20px 96px;
    text-align: center; }
    @media screen and (max-width: 420px) {
      .mobile-footer__content {
        padding: 50px 0; } }
  .mobile-footer__text {
    padding: 20px 0 24px;
    opacity: 0.75; }
  .mobile-footer__social-nets {
    padding-right: 22px; }

.desktop-footer {
  display: block;
  background-color: #f4f4f6;
  box-shadow: 0 10px 20px rgba(31, 32, 65, 0.05); }
  @media screen and (max-width: 768px) {
    .desktop-footer {
      display: none; } }
  .desktop-footer__container {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px; }
  .desktop-footer__content {
    display: flex;
    margin-bottom: 1px;
    padding-bottom: 80px;
    background-color: white; }
  .desktop-footer__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: white; }
  .desktop-footer__top {
    background-color: white; }
  .desktop-footer__bottom {
    background-color: white; }
  .desktop-footer__text {
    padding-top: 17px;
    line-height: 24px;
    opacity: 0.75; }
  .desktop-footer__logo {
    width: 22%;
    padding-top: 100px; }
  .desktop-footer__navigation {
    width: 13%;
    margin-left: 3.9%;
    padding-top: 104px; }
  .desktop-footer__about {
    width: 10%;
    margin-left: 4.2%;
    padding-top: 104px; }
  .desktop-footer__support {
    width: 13%;
    margin-left: 7.2%;
    padding-top: 104px; }
  .desktop-footer__subscription {
    width: 22.4%;
    margin-left: auto;
    padding-top: 104px; }
  .desktop-footer__title {
    padding-bottom: 21px; }
  .desktop-footer__subscription-title {
    padding-bottom: 18px; }
  .desktop-footer__item {
    padding-bottom: 20px; }
  .desktop-footer__subscription-item {
    padding-bottom: 22px;
    line-height: 24px;
    opacity: 0.75; }
  .desktop-footer__link {
    opacity: 0.5; }
  .desktop-footer__copyright {
    padding: 26px 0;
    opacity: 0.75; }
  .desktop-footer__social {
    margin-top: 1px;
    margin-right: 1px; }

.landing-page {
  flex: 1 0 auto;
  min-height: 830px;
  background: url(../assets/images/landing-page.png) no-repeat;
  background-position: 50% 82%;
  background-size: cover; }
  .landing-page__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 70px 0 21px; }
  .landing-page__form {
    padding-right: 20px;
    padding-left: 20px; }
    @media screen and (max-width: 390px) {
      .landing-page__form {
        padding-right: 10px;
        padding-left: 10px; } }
  .landing-page__text {
    -ms-grid-row-align: end;
        align-self: end;
    width: 260px;
    padding-right: 14px;
    padding-left: 20px;
    color: rgba(31, 32, 65, 0.75);
    line-height: 24px;
    text-align: end; }
    @media screen and (max-width: 339px) {
      .landing-page__text {
        margin-top: 278px; } }