.header--dark + div, .header--dark + section, .header--dark + form {
  padding-top: 63px; }

.header--dark + section:not([class]) {
  padding-top: 50px; }

.header--dark + .wrap {
  padding-top: 65px; }

.header--double + div, .header--double + section, .header--double + form {
  padding-top: 114px; }

.header--dark {
  background-color: var(--main);
  color: #fff;
  padding: 12px 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); }

.header--double {
  margin-bottom: 57px; }

.header--dark > .container:first-child {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 99;
  background-color: inherit; }

.header--dark + .wrap {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto; }

.header__btn {
  font-size: 12px;
  padding: 6px 12px;
  margin: 0 2px;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  white-space: nowrap; }

.header__btn:hover {
  color: #fff;
  text-decoration: none; }

.header__btn:last-of-type {
  margin-right: 11px; }

.header__btn--primary {
  background-color: var(--primary); }

.sub-header {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);
  background-color: #5e6b79;
  padding: 6px 4px; }

.sub-header .container {
  display: flex;
  align-items: center; }

.btn .icon {
  width: 17px;
  height: 17px;
  vertical-align: -2px;
  margin: -1px 9px -1px -3px; }

.btn--sm .icon {
  width: 15px;
  height: 15px;
  vertical-align: -1px;
  margin-right: 7px; }

.sub-header .btn--md {
  min-width: 72px;
  font-size: 0.9em;
  font-weight: normal; }

.sub-header .btn--md + .btn--md {
  margin-left: 15px; }

.nav-but-wrap {
  position: relative;
  display: inline-block;
  padding: 9px 3px 3px 15px;
  transition: all .3s ease-out;
  z-index: 2; }

.menu-icon {
  height: 22px;
  width: 22px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: block; }

.menu-icon__line {
  height: 2px;
  width: 22px;
  display: block;
  background-color: #fff;
  margin-bottom: 5px;
  cursor: pointer;
  border-radius: 1px;
  transition: transform .2s ease, background-color .5s ease; }

.menu-icon__line-left {
  width: 11px;
  transition: all 200ms linear; }

.menu-icon__line-right {
  width: 11px;
  float: right;
  transition: all 200ms linear; }

body.nav-active .menu-icon__line {
  background-color: #fff;
  transform: translate(0.4px, 0.4px) rotate(-45deg); }

body.nav-active .menu-icon__line-left {
  width: 15px;
  transform: translate(1px, 5px) rotate(45deg); }

body.nav-active .menu-icon__line-right {
  width: 15px;
  float: right;
  transform: translate(-1px, -4px) rotate(45deg); }

body.nav-active .menu-icon:hover .menu-icon__line-left,
body.nav-active .menu-icon:hover .menu-icon__line-right {
  width: 15px; }

body.nav-active .nav {
  visibility: visible; }

body.nav-active .curent-page-name-shadow {
  margin-top: -25px;
  opacity: 0.08;
  transition-delay: 0.5s; }

body.nav-active .nav__list-item {
  opacity: 1;
  transform: translateX(0%);
  transition: opacity .3s ease, transform .25s ease, color .3s ease; }

body.nav-active .header__btn {
  visibility: hidden; }

body.nav-active .nav-but-profile {
  visibility: hidden; }

body.nav-active .nav__list-item:nth-child(1) {
  transition-delay: 0.66s; }

body.nav-active .nav__list-item:nth-child(2) {
  transition-delay: 0.69s; }

body.nav-active .nav__list-item:nth-child(3) {
  transition-delay: 0.72s; }

body.nav-active .nav__list-item:nth-child(4) {
  transition-delay: 0.75s; }

body.nav-active .nav__list-item:nth-child(5) {
  transition-delay: 0.78s; }

body.nav-active .nav__list-item:nth-child(6) {
  transition-delay: 0.81s; }

body.nav-active .nav__list-item:nth-child(7) {
  transition-delay: 0.84s; }

body.nav-active .nav__list-item:nth-child(8) {
  transition-delay: 0.87s; }

body.nav-active .nav__list-item:nth-child(9) {
  transition-delay: 0.9s; }

body.nav-active .nav__list-item:nth-child(10) {
  transition-delay: 0.93s; }

body.nav-active .nav__list-item:nth-child(11) {
  transition-delay: 0.96s; }

body.nav-active .nav__list-item:nth-child(12) {
  transition-delay: 0.99s; }

body.nav-active .nav__list-item:nth-child(13) {
  transition-delay: 1.02s; }

body.nav-active .nav__list-item:nth-child(14) {
  transition-delay: 1.05s; }

body.nav-active .nav__list-item:nth-child(15) {
  transition-delay: 1.08s; }

body.nav-active .nav__list-item:nth-child(16) {
  transition-delay: 1.11s; }

body.nav-active .nav__list-item:nth-child(17) {
  transition-delay: 1.14s; }

body.nav-active .nav__list-item:nth-child(18) {
  transition-delay: 1.17s; }

body.nav-active .nav__list-item:nth-child(19) {
  transition-delay: 1.2s; }

body.nav-active .nav__list-item:nth-child(20) {
  transition-delay: 1.23s; }

body.nav-active .nav__list-item:nth-child(21) {
  transition-delay: 1.26s; }

body.nav-active .nav__list-item:nth-child(22) {
  transition-delay: 1.29s; }

body.nav-active .nav__list-item:nth-child(23) {
  transition-delay: 1.32s; }

body.nav-active .nav__list-item:nth-child(24) {
  transition-delay: 1.35s; }

body.nav-active .nav__list-item:nth-child(25) {
  transition-delay: 1.38s; }

body.nav-active .nav__list-item:nth-child(26) {
  transition-delay: 1.41s; }

body.nav-active .nav__list-item:nth-child(27) {
  transition-delay: 1.44s; }

body.nav-active .nav__list-item:nth-child(28) {
  transition-delay: 1.47s; }

body.nav-active .nav__list-item:nth-child(29) {
  transition-delay: 1.5s; }

body.nav-active .nav__list-item:nth-child(30) {
  transition-delay: 1.53s; }

body.nav-active .nav__list-item:nth-child(31) {
  transition-delay: 1.56s; }

body.nav-active .nav__list-item:nth-child(32) {
  transition-delay: 1.59s; }

body.nav-active .nav__list-item:nth-child(33) {
  transition-delay: 1.62s; }

body.nav-active .nav__list-item:nth-child(34) {
  transition-delay: 1.65s; }

body.nav-active .nav__list-item:nth-child(35) {
  transition-delay: 1.68s; }

body.nav-active .nav__list-item:nth-child(36) {
  transition-delay: 1.71s; }

body.nav-active .nav__list-item:nth-child(37) {
  transition-delay: 1.74s; }

body.nav-active .nav__list-item:nth-child(38) {
  transition-delay: 1.77s; }

body.nav-active .nav__list-item:nth-child(39) {
  transition-delay: 1.8s; }

body.nav-active .nav__list-item:nth-child(40) {
  transition-delay: 1.83s; }

body.nav-active .nav__list-item:nth-child(41) {
  transition-delay: 1.86s; }

body.nav-active .nav__list-item:nth-child(42) {
  transition-delay: 1.89s; }

body.nav-active .nav__list-item:nth-child(43) {
  transition-delay: 1.92s; }

body.nav-active .nav__list-item:nth-child(44) {
  transition-delay: 1.95s; }

body.nav-active .nav__list-item:nth-child(45) {
  transition-delay: 1.98s; }

body.nav-active .nav__list-item:nth-child(46) {
  transition-delay: 2.01s; }

body.nav-active .nav__list-item:nth-child(47) {
  transition-delay: 2.04s; }

body.nav-active .nav__list-item:nth-child(48) {
  transition-delay: 2.07s; }

body.nav-active .nav__list-item:nth-child(49) {
  transition-delay: 2.1s; }

body.nav-active .nav__list-item:nth-child(50) {
  transition-delay: 2.13s; }

.admin-nav .admin-sub-nav {
  display: none;
  padding-left: 0px;
  background-color: #38434f; }
  .admin-nav .admin-sub-nav li {
    padding-left: 10px; }

.admin-nav.opened .admin-sub-nav {
  display: block; }

.header--active .back-link.dialog > a {
  transition: .3s;
  visibility: hidden; }

.link-home {
  position: relative;
  flex-shrink: 0;
  display: none; }

.d-back {
  top: -19px !important;
  display: none; }

/*
body.nav-active .nav__list-item:nth-child(1) {transition-delay: .63s;}
body.nav-active .nav__list-item:nth-child(2) {transition-delay: .66s;}
body.nav-active .nav__list-item:nth-child(3) {transition-delay: .69s;}
body.nav-active .nav__list-item:nth-child(4) {transition-delay: .72s;}
body.nav-active .nav__list-item:nth-child(5) {transition-delay: .75s;}
body.nav-active .nav__list-item:nth-child(6) {transition-delay: .78s;}
body.nav-active .nav__list-item:nth-child(7) {transition-delay: .81s;}
body.nav-active .nav__list-item:nth-child(8) {transition-delay: .84s;}
body.nav-active .nav__list-item:nth-child(9) {transition-delay: .87s;}
body.nav-active .nav__list-item:nth-child(10) {transition-delay: .9s;}
body.nav-active .nav__list-item:nth-child(11) {transition-delay: .93s;}
body.nav-active .nav__list-item:nth-child(12) {transition-delay: .96s;}
body.nav-active .nav__list-item:nth-child(13) {transition-delay: .99s;}
*/
.nav {
  position: fixed;
  display: flex;
  flex-flow: column wrap;
  width: 100vw;
  max-height: 0;
  z-index: 98; }

.nav-active .nav {
  max-height: 100vh; }

/* .nav:before, .nav:after { */
.nav:after {
  content: "";
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(45, 54, 64, 0.5);
  z-index: -1;
  transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s;
  transform: translateX(100%);
  pointer-events: none; }

/* .nav:before { transition-delay: .15s;} */
.nav:after {
  background-color: var(--main); }

body.nav-active .nav:before, body.nav-active .nav:after {
  transform: translateX(0%); }

body.nav-active .nav:after {
  transition-delay: .15s; }

/* body.nav-active .nav:before {transition-delay: 0s;} */
.nav__content {
  padding: 5px 30px 10px;
  visibility: hidden;
  width: 100%; }

.nav__list {
  flex-grow: .14;
  padding: .5em 0;
  /*margin: 0;*/
  margin-bottom: 15px !important;
  height: auto;
  display: flex;
  flex-flow: column nowrap; }

.nav__list-item {
  position: relative;
  display: block;
  transition-delay: .8s;
  opacity: 0;
  overflow: hidden;
  flex-grow: 1;
  flex-shrink: 0;
  transform: translateX(30px);
  transition: opacity .2s ease, transform .3s ease;
  margin-top: 0;
  margin-bottom: 4px; }

.nav__list-item a {
  color: #fff;
  font-size: 16px;
  display: block;
  padding: 4px 1px;
  letter-spacing: .04em; }

.nav__list-item a:hover {
  text-decoration: none;
  opacity: 0.8; }

body.nav-active .nav__content {
  visibility: visible; }

body.nav-active .cd-header.is-fixed {
  transform: translate3d(0, 100%, 0); }

.nav__content {
  /* visibility: hidden; */
  overflow: hidden;
  opacity: 0;
  max-height: 660px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-flow: column nowrap;
  /* transform: translateY(-100%); */
  transition: opacity .2s .2s, transform .2s .2s;
  height: calc(100vh - 43px); }

body.nav-active .nav__content {
  visibility: visible;
  opacity: 1;
  flex-grow: 1;
  transition: .2s;
  /* transform: translateY(0%); */ }

.nav__content {
    max-height: 100%;
    overflow-y: auto; }

.link-home {
  position: absolute;
  width: 120px;
  padding: 4px 0;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: 0s; }

.link-home--main {
  visibility: visible;
  pointer-events: auto;
  opacity: 1; }

body.nav-active .header__link, body.nav-active .link-back:not(.link-home--main) {
  visibility: hidden;
  pointer-events: none;
  transition: .2s .1s;
  opacity: 0; }

body.nav-active .link-home {
  display: block;
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
  transition: .2s .3s; }

.nav__profile {
  display: flex;
  align-items: center;
  padding: 1.4em 0;
  border-bottom: solid 2px rgba(220, 225, 225, 0.1);
  margin-bottom: .9em;
  opacity: 0;
  transform: translateX(20%);
  transition: opacity .2s ease .2s, transform .3s ease .2s; }

body.nav-active .nav__profile {
  opacity: 1;
  transform: translateX(0%);
  transition: opacity .5s ease .5s, transform .3s ease .5s; }

.nav__profile-box {
  font-size: 14px; }

.nav__profile-title {
  font-size: 0.86em;
  margin-bottom: 0.3em; }

.nav__footer {
  margin-top: 12px;
  padding-top: 26px;
  padding-bottom: 23px;
  border-top: solid 2px rgba(220, 225, 225, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease .2s, transform .3s ease .2s; }

body.nav-active .nav__footer {
  opacity: 1;
  visibility: visible;
  transition: .3s 1.1s; }

.nav__footer .footer__logo {
  display: inline-block;
  max-width: 154px; }

.icon--whatsapp {
  margin: -2px 11px -2px -3px !important;
  width: 18px;
  vertical-align: -3px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%233ac34c' d='M0.071 32l2.251-8.217c-1.33-2.268-2.116-4.995-2.116-7.905 0-0.008 0-0.017 0-0.025v0.001c0-8.74 7.118-15.854 15.858-15.854 4.244 0 8.226 1.653 11.221 4.651 2.866 2.854 4.64 6.804 4.64 11.167 0 0.018-0 0.035-0 0.053v-0.003c-0.002 8.743-7.118 15.858-15.86 15.858h-0.007c-2.778-0.001-5.39-0.716-7.66-1.972l0.081 0.041-8.409 2.204z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M12.103 9.227c-0.322-0.772-0.649-0.667-0.892-0.679-0.202-0.009-0.439-0.014-0.677-0.014-0.029 0-0.058 0-0.087 0l0.004-0c-0.422 0.011-0.797 0.2-1.056 0.494l-0.001 0.002c-0.363 0.396-1.387 1.355-1.387 3.305s1.42 3.835 1.618 4.098c0.199 0.267 2.795 4.267 6.772 5.984 0.944 0.409 1.684 0.651 2.258 0.836 0.951 0.3 1.813 0.258 2.498 0.155 0.761-0.114 2.345-0.958 2.674-1.884 0.331-0.924 0.331-1.717 0.231-1.884-0.098-0.164-0.363-0.263-0.759-0.462-0.396-0.196-2.345-1.156-2.708-1.287-0.363-0.133-0.628-0.199-0.892 0.197-0.263 0.396-1.024 1.289-1.255 1.554s-0.462 0.297-0.859 0.1c-0.396-0.199-1.671-0.617-3.186-1.966-1.179-1.051-1.973-2.348-2.204-2.745s-0.025-0.612 0.172-0.809c0.178-0.178 0.396-0.462 0.596-0.693 0.197-0.231 0.263-0.398 0.395-0.661 0.133-0.267 0.068-0.498-0.032-0.695s-0.892-2.148-1.221-2.942z'%3E%3C/path%3E%3C/svg%3E");
  transition: 0s .05s; }

.btn:hover .icon--whatsapp, .icon--whatsapp-inverted {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M0.071 32l2.251-8.217c-1.33-2.268-2.116-4.995-2.116-7.905 0-0.008 0-0.017 0-0.025v0.001c0-8.74 7.118-15.854 15.858-15.854 4.244 0 8.226 1.653 11.221 4.651 2.866 2.854 4.64 6.804 4.64 11.167 0 0.018-0 0.035-0 0.053v-0.003c-0.002 8.743-7.118 15.858-15.86 15.858h-0.007c-2.778-0.001-5.39-0.716-7.66-1.972l0.081 0.041-8.409 2.204z'%3E%3C/path%3E%3Cpath fill='%233ac34c' d='M12.103 9.227c-0.322-0.772-0.649-0.667-0.892-0.679-0.202-0.009-0.439-0.014-0.677-0.014-0.029 0-0.058 0-0.087 0l0.004-0c-0.422 0.011-0.797 0.2-1.056 0.494l-0.001 0.002c-0.363 0.396-1.387 1.355-1.387 3.305s1.42 3.835 1.618 4.098c0.199 0.267 2.795 4.267 6.772 5.984 0.944 0.409 1.684 0.651 2.258 0.836 0.951 0.3 1.813 0.258 2.498 0.155 0.761-0.114 2.345-0.958 2.674-1.884 0.331-0.924 0.331-1.717 0.231-1.884-0.098-0.164-0.363-0.263-0.759-0.462-0.396-0.196-2.345-1.156-2.708-1.287-0.363-0.133-0.628-0.199-0.892 0.197-0.263 0.396-1.024 1.289-1.255 1.554s-0.462 0.297-0.859 0.1c-0.396-0.199-1.671-0.617-3.186-1.966-1.179-1.051-1.973-2.348-2.204-2.745s-0.025-0.612 0.172-0.809c0.178-0.178 0.396-0.462 0.596-0.693 0.197-0.231 0.263-0.398 0.395-0.661 0.133-0.267 0.068-0.498-0.032-0.695s-0.892-2.148-1.221-2.942z'%3E%3C/path%3E%3C/svg%3E"); }

.sub-header .btn--md:not(.btn-outline-success) {
  flex-grow: 0; }

.btn-info {
  border-color: #1a9ebe;
  background-color: #2bb5d7; }

.btn-info:hover {
  background-color: #1a9ebe;
  border-color: #1a9ebe; }

.sub-header .btn-outline-primary {
  color: #fff; }

.sub-header .btn-outline-primary .icon {
  fill: currentColor;
  display: inline-block;
  margin-left: 6px;
  margin-right: -3px;
  vertical-align: -2px;
  width: 16px;
  height: 16px; }

.sub-header .btn-details {
  min-width: 82px; }

.sub-header .btn-flex {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center; }

.sub-header .btn-flex > * {
  margin: 0px !important; }

.sub-header .btn-flex .icon {
  margin-left: 2px !important; }

.sub-header .btn-flex .icon--whatsapp {
  margin-right: 8px !important; }

.sub-header .ava {
  width: 35px;
  height: 35px;
  max-width: 35px;
  margin-left: 10px; }

.sub-header .ava img {
  width: 100%;
  height: auto;
  border: 2px solid #dddddd; }

.sub-header .user-name {
  margin-left: 6px;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.sub-header .user-name:hover {
  color: #fff;
  text-decoration: none; }

.header--dark .link-back {
  color: inherit;
  flex-shrink: 1; }

.header--dark .link-back > span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 80px;
  text-align: center; }

.header--dark .icon--num {
  color: #fff;
  background-color: var(--primary);
  font-size: 11px;
  padding: 0 2px;
  width: auto;
  line-height: 15px;
  min-width: 17px;
  height: 17px;
  top: -6px;
  right: -5px; }

.header--dark .icon--back {
  display: inline-block;
  fill: currentColor;
  width: 22px;
  height: 22px;
  margin: -2px .3em 0 0; }

.header__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-grow: 0.3;
  max-width: 50%; }

.header__actions .btn {
  min-width: 40px;
  flex-grow: 0.3; }

.header__actions .btn:last-of-type {
  margin-right: calc(2vw + 8px); }

.header__link {
  position: relative;
  display: inline-block;
  padding: 2px 5px;
  margin: 0 calc(.6em + .4vw);
  text-align: center;
  color: inherit; }

.header__link:hover {
  color: var(--primary);
  opacity: 0.8; }

.header__menu {
  margin-right: 0; }

/* .header__link.is-active {color: var(--primary)} */
.header__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  fill: currentColor; }

.header__menu .header__icon {
  width: 24px;
  height: 24px; }

/*----------*/
.mess__body {
  margin-top: auto !important;
  margin-bottom: 56px;
  padding-top: 10px;
  padding-bottom: 10px; }

.mess__item {
  border-radius: 10px;
  border: solid 1px rgba(139, 149, 161, 0.2);
  background-color: rgba(139, 149, 161, 0.2);
  padding: 16px 15px 12px;
  margin: 20px auto;
  width: 100%;
  max-width: 556px; }

.mess__item:first-child {
  margin-top: 0; }

.mess__item--cta .btn {
  display: block;
  margin-top: 1em;
  margin-bottom: -1px;
  font-size: 0.9em;
  padding: 12px 9px; }

.mess__item--info {
  background-color: var(--bg-info);
  border-color: var(--border-info); }

.mess__item--warn {
  background-color: var(--bg-warn);
  border-color: var(--border-warn); }

.mess__item--success {
  background-color: var(--bg-success);
  border-color: var(--border-success); }

.mess__item--danger {
  background-color: var(--bg-danger);
  border-color: var(--border-danger); }

.mess__text {
  font-size: 12px;
  margin-bottom: .5em; }

.mess__date {
  font-size: 10px;
  color: rgba(45, 54, 64, 0.6);
  text-align: right;
  line-height: 1.2;
  margin-top: .5em; }

.mess__header {
  display: flex;
  font-size: 12px;
  align-items: center;
  padding-bottom: .7em; }

/* .mess__header b {white-space: nowrap;} */
.mess__header .ava.reservation__ava {
  width: 40px;
  max-width: 40px;
  height: 40px; }

/*----------*/
.notify {
  padding: 4.2em 0 2em; }

.notify--bookings {
  padding-bottom: 0; }

.bookings {
  padding-bottom: 2em; }

.notify__title {
  font-size: 1.06em;
  font-weight: normal;
  margin-bottom: 0;
  padding-top: calc((1vh * 1.1) + 0.1em);
  padding-bottom: calc((1.3vh * 1.1) + 0.7em); }

.notify__title b {
  font-weight: bolder; }

.promo__slider .slick-arrow {
  margin-top: -30px; }

.promo {
  padding: 14px 15px 17px;
  background-color: #2d3640;
  color: #fff;
  border-radius: 10px;
  margin-bottom: 30px;
  max-width: 350px; }

.promo__title {
  font-size: 1.06em;
  letter-spacing: .02em;
  font-weight: 300;
  padding-bottom: 0.8em; }

.promo__wrap {
  display: flex;
  align-items: center; }

.promo__avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid rgba(242, 180, 109, 0.8); }

.promo .btn {
  display: block; }

.promo__details-title {
  font-weight: 300;
  font-size: 0.92em;
  letter-spacing: .02em; }

.promo__details-status {
  color: #8b95a1;
  font-size: 10px;
  letter-spacing: .02em;
  margin-top: 0.3em; }

.notify__persone-date {
  color: rgba(139, 149, 161, 0.8);
  font-size: 10px;
  letter-spacing: .02em;
  margin-top: 0.4em; }

.icon--status {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 0.7em;
  fill: currentColor;
  vertical-align: -2px; }

.icon--comment {
  width: 16px;
  height: 16px;
  margin-left: -2px;
  margin-right: 0.6em;
  vertical-align: -3px; }

.notify__item, .bookings__item {
  position: relative;
  display: block;
  border-radius: 10px;
  border: solid 1px rgba(139, 149, 161, 0.24);
  background-color: #fff;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);
  margin-bottom: 22px;
  padding: 11px 6px 7px 11px;
  text-decoration: none;
  color: inherit;
  overflow: hidden; }

.bookings__item {
  padding: 11px 6px 42px 11px; }

.notify__item:hover, .bookings__item:hover {
  text-decoration: none;
  color: inherit;
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1); }

.notify__item--warning {
  background-color: rgba(242, 180, 109, 0.2); }

.notify__wrap {
  display: flex;
  align-items: center; }

.notify__avatar {
  position: relative;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 14px;
  border-radius: 50%; }

.notify__avatar > img {
  border-radius: 50%; }

.notify__badge {
  position: absolute;
  top: -4px;
  left: -4px;
  display: inline-block;
  border-radius: 2em;
  color: #fff;
  background-color: var(--primary);
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  height: 14px;
  min-width: 14px;
  font-style: normal; }

.notify__message {
  max-width: calc(100% - 82px);
  font-size: 0.8em;
  line-height: 1.34;
  min-height: 26px; }

.notify__persone {
  max-width: calc(100% - 82px);
  font-size: 0.9em;
  line-height: 1.34; }

.notify__go {
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-left: auto;
  fill: #bfc8d2; }

.notify__item--warning .notify__go {
  fill: #f2b46d; }

.notify__date {
  font-size: 10px;
  color: rgba(45, 54, 64, 0.5);
  display: block;
  text-align: right;
  padding-right: .5em;
  margin-left: auto; }

.notify__footer {
  display: flex;
  align-items: center;
  background-color: rgba(139, 149, 161, 0.2);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 7px 10px 7px 12px;
  border-radius: 0 0 10px 10px; }

.bookings__item--completed .notify__footer {
  background-color: var(--bg-info); }

.bookings__item--warning .notify__footer {
  background-color: var(--bg-warn); }

.bookings__item--success .notify__footer {
  background-color: var(--bg-success); }

.bookings__item--danger .notify__footer {
  background-color: var(--bg-danger); }

.notify__situation {
  font-size: 11px; }

.notify__situation .icon--sm {
  fill: #8b95a1;
  margin-right: 6px;
  vertical-align: -2px; }

.bookings__item--completed .notify__situation .icon--sm {
  fill: #2bb5d7; }

.bookings__item--warning .notify__situation .icon--sm {
  fill: #f2b46d; }

.bookings__item--success .notify__situation .icon--sm {
  fill: #1e8b3d; }

.bookings__item--danger .notify__situation .icon--sm {
  fill: #fe5b5c; }

/*===========================*/
.mess__footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  box-shadow: 0 -1px 8px rgba(20, 20, 20, 0.05);
  padding: 6px 0 8px; }

.mess__footer .container {
  display: flex;
  align-items: center; }

::-webkit-input-placeholder {
  color: #8b95a1;
  transition: all 0, color .4s; }

::-moz-placeholder {
  color: #8b95a1;
  transition: all 0, color .4s; }

:-ms-input-placeholder {
  color: #8b95a1;
  transition: all 0, color .4s; }

:focus::-webkit-input-placeholder {
  color: transparent; }

:focus::-moz-placeholder {
  color: transparent; }

:focus:-moz-placeholder {
  color: transparent; }

:focus:-ms-input-placeholder {
  color: transparent; }

.mess__textarea {
  height: 40px;
  max-height: 40px;
  padding: 10px 20px;
  flex-grow: 1;
  border-radius: 2em;
  border: solid 1px #f0f1fa;
  background-color: rgba(243, 244, 252, 0.56);
  resize: none;
  color: #78759c;
  line-height: 1.2;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  /* scrollbar-width: thin; */
  outline-color: transparent;
  transition: .3s; }

.mess__textarea:focus {
  outline-color: transparent;
  border-color: #afc3d9;
  color: #2d3640; }

.mess__submit {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background-color: var(--primary);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: none;
  margin-left: calc(1vw + 9px);
  outline-color: transparent; }

.mess__submit:disabled {
  background-color: var(--primary);
  opacity: 0.6; }

.mess__submit:focus {
  outline-color: transparent; }

.mess__submit:hover, .mess__submit:active {
  background-color: var(--primary-dark); }

.mess__submit:disabled:hover, .mess__submit:disabled:active {
  background-color: var(--primary); }

.mess__submit svg {
  display: block;
  fill: currentColor;
  width: 16px;
  min-width: 16px;
  height: 16px; }

.mess__dialog {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  margin-top: 19px;
  margin-bottom: 19px;
  align-items: flex-end; }

.mess__item--cta + .mess__dialog, .mess__item--cta + .mess__day {
  margin-top: 25px; }

.dialog__wrap {
  max-width: 65%;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.mess__dialog-outgoing .dialog__wrap {
  order: -1;
  margin-left: auto;
  align-items: flex-end; }

.dialog__avatar, .profile__avatar {
  width: 40px;
  height: 40px;
  max-width: 40px;
  flex-shrink: 0;
  margin-right: calc(.6vw + 4px);
  margin-left: 2px;
  border-radius: 50%;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='84' height='84' viewBox='0 0 84 84'%3E%3Cdefs%3E%3CclipPath id='cut-off-bottom'%3E%3Ccircle id='a' cx='42' cy='42' r='42'/%3E%3C/clipPath%3E%3Ccircle id='a' cx='42' cy='42' r='42'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Ccircle cx='42' cy='42' r='41' stroke='%23EAEAEA' stroke-width='2'/%3E%3Cpath fill='%23BFC8D2' clip-path='url(%23cut-off-bottom)' d='M42.063 60.75c10.4 0 18.08 1.988 22.69 3.656 3.81 1.378 6.372 5.036 6.372 9.106v8.55c0 1.07-.868 1.938-1.938 1.938h-54.25A1.938 1.938 0 0 1 13 82.062v-8.55c0-4.07 2.561-7.728 6.372-9.106 4.61-1.668 12.29-3.656 22.69-3.656zm0-38.75c8.546 0 15.5 6.954 15.5 15.5v3.875c0 8.546-6.954 15.5-15.5 15.5-8.547 0-15.5-6.954-15.5-15.5V37.5c0-8.546 6.953-15.5 15.5-15.5z' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 1px; }

.profile__avatar {
  background-color: #f0f0f0;
  margin-right: 12px;
  margin-left: 0; }

.profile__avatar img {
  width: 100%;
  object-fit: cover; }

.profile__avatar:not(:empty) {
  border: 1px solid var(--primary);
  padding: 0; }

.mess__dialog-outgoing .dialog__avatar {
  margin-left: calc(.6vw + 4px);
  margin-right: 2px; }

.dialog__text {
  display: inline-block;
  background-color: rgba(115, 118, 149, 0.2);
  padding: 10px 12px 11px 11px;
  font-size: 14px;
  line-height: 1.25;
  border-radius: 10px 10px 10px 0;
  min-width: 80px; }

.mess__dialog-outgoing .dialog__text {
  padding: 10px 11px 11px 12px;
  border-radius: 10px 10px 0 10px;
  background-color: var(--primary);
  color: #fff;
  white-space: pre-wrap; }

.dialog__state {
  font-size: 10px;
  color: rgba(94, 107, 121, 0.94);
  padding-top: .5em; }

.mess__dialog-outgoing .dialog__state {
  text-align: right; }

.dialog__status {
  display: inline-block;
  width: 13px;
  height: 13px;
  display: inline-block;
  margin-left: 6px;
  vertical-align: -3px;
  background-position: center;
  background-size: contain; }

[data-status=send] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fe5b5c' d='M31.467 7.023l-19.556 19.555c-0.355 0.356-0.711 0.533-1.244 0.533s-0.889-0.177-1.244-0.533l-8.889-8.888c-0.329-0.314-0.533-0.755-0.533-1.245s0.205-0.931 0.533-1.244l0.001-0.001c0.314-0.329 0.755-0.534 1.245-0.534s0.931 0.205 1.244 0.533l0.001 0.001 7.644 7.644 18.311-18.311c0.314-0.329 0.755-0.534 1.245-0.534s0.931 0.205 1.244 0.533l0.001 0.001c0.329 0.314 0.534 0.755 0.534 1.245s-0.205 0.931-0.533 1.244l-0.001 0.001z'%3E%3C/path%3E%3C/svg%3E"); }

[data-status=read] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fe5b5c' d='M23.429 5.915c-0.351-0.359-0.84-0.582-1.381-0.582s-1.030 0.223-1.38 0.581l-0 0-12.429 12.629-4.907-5.016c-0.351-0.358-0.84-0.579-1.38-0.579s-1.029 0.222-1.38 0.579l-0 0c-0.354 0.362-0.572 0.857-0.572 1.403s0.218 1.042 0.572 1.404l-0-0 6.287 6.419c0.35 0.36 0.84 0.584 1.381 0.584s1.031-0.224 1.381-0.584l0-0 13.808-14.031c0.353-0.362 0.571-0.858 0.571-1.404s-0.218-1.042-0.572-1.404l0 0zM31.429 9.911c-0.351-0.358-0.84-0.581-1.381-0.581s-1.030 0.222-1.381 0.58l-0 0-12.431 12.629c-0.352-0.571-0.953-0.971-1.673-0.971-1.107 0-2 0.893-2 1.999 0 0.576 0.249 1.084 0.637 1.448l1.656 1.736c0.351 0.359 0.84 0.582 1.381 0.582s1.030-0.223 1.38-0.581l0-0 13.809-14.032c0.355-0.362 0.574-0.859 0.574-1.407 0-0.546-0.218-1.042-0.572-1.404l0 0z'%3E%3C/path%3E%3C/svg%3E"); }

.mess__link {
  display: block;
  text-decoration: underline; }

.mess__link--success {
  color: var(--success); }

.mess__action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -3px 10px; }

.mess__action .btn {
  max-width: 280px;
  min-width: 36%;
  box-shadow: none;
  flex-grow: .5;
  padding: 10px; }

.mess__action .btn + .btn {
  margin-left: 12px;
  white-space: nowrap; }

.pay__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.pay__box .label-picker {
  width: 100%; }

[name=CVV2] {
  letter-spacing: .06em; }

.check .form-control:invalid, .form--invalid .form-control {
  border-color: rgba(254, 91, 92, 0.5) !important; }

.label-picker--half {
  max-width: calc(50% - 10px); }

.settings-icon {
  width: 40px;
  height: 40px; }

.nav__profile a:hover {
  color: #bfc8d2 !important; }
  .nav__profile a:hover svg {
    fill: #bfc8d2 !important; }

.nav__profile .nav__profile-link {
  display: flex; }
  .nav__profile .nav__profile-link .profile__avatar {
    margin-left: 0px;
    margin-right: 8px; }

.ripple {
  position: relative; }
  .ripple:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
    opacity: 0; }
  .ripple.ripple-radial:after {
    border-radius: 5px;
    transform: scale(1.8, 1.8);
    -ms-transform: scale(1.8, 1.8);
    -webkit-transform: scale(1.8, 1.8); }
  .ripple.touch:after {
    opacity: 0.5; }

.back-link {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  max-width: 140px;
  display: flex; }
  .back-link.d-back {
    display: none; }
  .back-link a {
    width: auto;
    max-width: 100%;
    white-space: nowrap;
    padding-left: 15px;
    padding-right: 5px; }
    .back-link a:hover {
      color: #fff !important;
      text-decoration: none !important; }

body.nav-active .back-link {
  transition: 0.1s;
  display: none; }

.btn-back {
  color: #fff;
  fill: #fff;
  flex-shrink: 0;
  width: 24px !important;
  height: 24px !important;
  transform: rotate(90deg); }

.btn-back-text {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin-left: 0px;
  overflow: hidden;
  text-overflow: ellipsis; }
  .btn-back-text:hover {
    color: inherit;
    text-decoration: none; }

@media (min-width: 360px) {
  .back-link {
    height: 62px;
    max-width: 180px !important; }
  .notify {
    padding-top: 5em; }
  .notify__item {
    font-size: 1.1em;
    padding: 14px 8px 8px 14px; }
  .bookings__item {
    font-size: 1.1em;
    padding: 14px 8px 44px 14px; }
  .notify__date {
    font-size: 11px; }
  .btn--md {
    font-size: 1em; }
  .mess__footer {
    padding: 8px 1px 9px; }
  .mess__textarea {
    height: 44px;
    max-height: 44px;
    padding: 12px 18px; }
  .header--dark + .wrap {
    padding-top: 80px; }
  .header--dark + div, .header--dark + section, .header--dark + form {
    padding-top: 74px; }
  .header--double + div, .header--double + section, .header--double + form {
    padding-top: 126px; }
  .mess__body {
    margin-bottom: 64px; } }

@media (min-width: 370px) {
  .nav-but-wrap {
    padding: 11px 7px 3px 15px; } }

@media (min-width: 421px) {
  .back-link {
    max-width: 230px !important; }
  .sub-header .btn--md:first-child {
    margin-left: auto; }
  .mess__item--cta .btn {
    max-width: 300px;
    margin: 1em 0 .2em auto; } }

@media (min-width: 505px) {
  .back-link {
    max-width: 270px !important; }
  .header--dark + div, .header--dark + section, .header--dark + form {
    padding-top: 89px; }
  .header--double + div, .header--double + section, .header--double + form {
    padding-top: 126px; } }

@media (min-width: 768px) {
  .link-home {
    width: 160px;
    margin: 0px 0px; }
  .btn-back-text {
    font-size: 15px; }
  .notify__item, .bookings__item {
    font-size: 1.2em; }
  .notify__date, .notify__situation {
    font-size: 12px; }
  .promo {
    padding: 20px 22px 23px;
    font-size: 1.1em; }
  .promo__details-status {
    margin-top: 0.6em; }
  .bookings__item {
    font-size: 1.1em;
    padding: 16px 10px 48px 15px; }
  .notify__avatar {
    width: 46px;
    height: 46px; }
  .notify__persone-date {
    font-size: 12px;
    margin-top: 0.7em; }
  .mess__footer {
    padding: 17px 1px 18px; }
  .mess__textarea {
    height: 70px;
    max-height: 70px;
    padding: 13px 23px; }
  .mess__body {
    margin-bottom: 120px; }
  .mess__footer .container {
    max-width: 680px; }
  .mess__submit {
    width: 54px;
    height: 54px; }
  .dialog__wrap {
    max-width: 300px; }
  .mess__submit svg {
    width: 20px;
    min-width: 20px;
    height: 20px; }
  .dialog__text {
    font-size: 15px; }
  .menu-icon:hover .menu-icon__line-left,
  .menu-icon:hover .menu-icon__line-right {
    width: 22px; }
  .header--dark {
    padding: 13px 0; }
  .sub-header .ava {
    margin-left: 15px; }
  .sub-header .btn-flex .icon {
    margin-left: 6px !important; }
  .sub-header .btn-flex .icon--whatsapp {
    margin-right: 12px !important; } }

@media (min-width: 992px) {
  .link-home {
    /*display: block;*/ }
  .ripple.touch:after {
    opacity: 0; } }

@media (min-width: 992px) {
  .back-link a {
    padding-left: 0px; }
  .back-link.d-back {
    display: flex; } }

@media (min-width: 1200px) {
  .back-link {
    max-width: 400px !important; } }

.back-lg {
  margin-left: -15px;
  height: 51px; }

@media (max-width: 1230px) {
  .slider-arrow-left {
    right: 0; }
  .slider-arrow-right {
    left: 0; } }

@media (max-width: 800px) {
  .notify__item, .bookings__item {
    margin-bottom: 24px; } }

@media (max-width: 600px) {
  .promo__item {
    min-width: 340px;
    padding-left: 15px;
    padding-right: 5px; }
  .nav__content {
    overflow-y: scroll;
    overflow-x: hidden; } }

@media (max-width: 767px) and (max-height: 500px) {
  .nav__content {
    max-height: 100%;
    display: block; }
  .nav__list {
    display: block; } }

@media (max-width: 480px) {
  .notify__item, .bookings__item {
    margin-bottom: 15px; }
  .mess__header .ava.reservation__ava {
    width: 32px;
    max-width: 32px;
    height: 32px; } }

@media (max-width: 420px) {
  .mess__textarea {
    font-size: 14px; }
  .mess__item--cta {
    padding-bottom: 0; }
  .mess__item--cta .btn {
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 4px; }
  .mess__date {
    margin-right: -5px; } }

@media (max-width: 380px) {
  .promo__item {
    min-width: 330px; }
  .nav__content {
    display: block; } }

@media (max-width: 359px) {
  .promo__slider .slick-slide {
    max-width: 290px; }
  .promo {
    min-width: 272px;
    max-width: 280px; }
  .promo__item {
    min-width: auto;
    padding-left: 14px;
    padding-right: 0; }
  .header--dark {
    padding: 8px 0; }
  .notify__item, .bookings__item {
    margin-bottom: 13px; }
  .sub-header .btn--md {
    font-size: 0.8668em; }
  .sub-header .btn--md + .btn--md, .mess__action .btn + .btn {
    margin-left: 10px; }
  .header--dark .link-back {
    font-size: 14px; }
  .header--dark .link-back > span {
    max-width: 124px; }
  .dialog__avatar {
    width: 40px;
    height: 40px;
    max-width: 40px; }
  .link-home {
    width: 100px; } }