@import "../template.css";
.page-hotel-profile {
  position: relative;
}
.page-hotel-profile .page-bg {
  height: calc(100% - 5rem);
}
@media (max-width: 992px) {
  .page-hotel-profile .page-bg {
    height: calc(100% - 14rem);
  }
}
.page-hotel-profile .page-bg .componentImageWrapper:after {
  height: 100%;
  background: linear-gradient(180deg, rgba(var(--grey900), 0.3) 0%, rgba(var(--grey900), 0) 18.75%, rgba(var(--bgRGB), 0) 67.19%, rgba(var(--bgRGB), 1) 100%), rgba(var(--grey700), 0.1);
}
.page-hotel-profile .profile-content {
  position: relative;
  min-height: 100vh;
}
.page-hotel-profile .profile-content .profile-wrapper {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.page-hotel-profile .profile-content .profile-inner {
  margin: 9rem auto 6.5rem 0rem;
  position: relative;
  overflow: hidden;
  background: none!important;
  width: 28rem;
  padding: 4.5rem 4.5rem 6rem 5rem;
  -webkit-border-radius: var(--borderRadiusDefault);
  -moz-border-radius: var(--borderRadiusDefault);
  border-radius: var(--borderRadiusDefault);
  backdrop-filter: blur(5px);
}
.page-hotel-profile .profile-content .profile-inner:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--bg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(70))";
  /* IE 8 */
  filter: alpha(opacity=70);
  /* IE 5-7 */
  -moz-opacity: 0.7;
  /* Netscape */
  -khtml-opacity: 0.7;
  /* Safari 1.x */
  opacity: 0.7;
  /* Good browsers */
}
@media (max-width: 992px) {
  .page-hotel-profile .profile-content .profile-inner {
    padding: 4.5rem;
    margin-bottom: 0rem;
    width: auto;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 767px) {
  .page-hotel-profile .profile-content .profile-inner {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
}
@media (max-width: 480px) {
  .page-hotel-profile .profile-content .profile-inner {
    padding: 4rem 1.5rem;
  }
}
.page-hotel-profile .profile-content .profile-inner > * {
  position: relative;
}
.page-hotel-profile .profile-content .profile-inner .profile-stars {
  margin-bottom: -0.8rem;
}
.page-hotel-profile .profile-content .profile-inner .profile-title {
  margin-bottom: 0rem;
}
.page-hotel-profile .profile-content .profile-inner .profile-label {
  margin-bottom: 1rem;
}
.page-hotel-profile .profile-content .profile-related-page {
  position: absolute;
  overflow: hidden;
  bottom: 6rem;
  right: 3rem;
  -webkit-border-radius: var(--borderRadiusDefault);
  -moz-border-radius: var(--borderRadiusDefault);
  border-radius: var(--borderRadiusDefault);
  -webkit-transition:  transform 300ms 0s ease;
  -moz-transition:  transform 300ms 0s ease;
  -ms-transition:  transform 300ms 0s ease;
  -o-transition:  transform 300ms 0s ease;
  transition:  transform 300ms 0s ease;
  backdrop-filter: blur(5px);
}
.page-hotel-profile .profile-content .profile-related-page:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--bg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(70))";
  /* IE 8 */
  filter: alpha(opacity=70);
  /* IE 5-7 */
  -moz-opacity: 0.7;
  /* Netscape */
  -khtml-opacity: 0.7;
  /* Safari 1.x */
  opacity: 0.7;
  /* Good browsers */
}
@media (max-width: 992px) {
  .page-hotel-profile .profile-content .profile-related-page {
    display: none;
  }
}
.page-hotel-profile .profile-content .profile-related-page:hover {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.page-hotel-profile .profile-content .profile-related-page > * {
  position: relative;
}
.page-hotel-profile .profile-content .profile-related-page .subpages-list.list-hotels {
  border: none;
}
.page-hotel-profile .profile-content .profile-related-page .subpages-list.list-hotels .list-item {
  padding: 1.2rem;
}
.page-hotel-profile .profile-content .profile-related-page .subpages-list.list-hotels .list-item:hover .item-title {
  color: var(--title);
}
.booking-wrapper {
  position: relative;
  bottom: 10rem;
  margin: 0rem 5rem -5rem;
}
@media (max-width: 1400px) {
  .booking-wrapper {
    margin-right: 0rem;
  }
}
@media (max-width: 992px) {
  .booking-wrapper {
    bottom: 0rem;
    margin-left: 0rem;
    margin-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .booking-wrapper {
    margin-bottom: 3rem;
  }
}
@media (max-width: 992px) {
  .booking-wrapper .r-content-wrapper {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (max-width: 767px) {
  .booking-wrapper .r-content-wrapper:not(.r-grid-kidsage) {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
}
.booking-wrapper .r-content-wrapper.expanded {
  margin-top: -1rem;
  margin-bottom: 6rem;
}
@media (max-width: 992px) {
  .booking-wrapper .r-grid-item:not(.r-grid-submit):not(.r-selects-wrapper) {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}
.booking-wrapper .r-grid-hotel {
  display: none;
}
.booking-wrapper .r-grid-submit {
  width: 25%;
}
.content-hotels-list {
  padding-bottom: 5rem;
  background: linear-gradient(180deg, rgba(var(--grey100), 0) 0%, rgba(var(--grey100), 1) 80%, rgba(var(--grey100), 1) 100%);
}
.profile-page-content {
  min-height: 100px;
  padding: 0;
  margin: 0;
}
