.hotel-rooms {
  margin-top: -30px;
  padding-bottom: 100px;
}
.hotel-rooms .room {
  display: flex;
  flex-direction: row;
  margin-top: 30px;
  text-align: left;
}
@media (max-width: 992px) {
  .hotel-rooms .room {
    flex-direction: column;
  }
}
.hotel-rooms .room-slider {
  flex: 0.8;
  overflow: hidden;
  position: relative;
}
@media (max-width: 992px) {
  .hotel-rooms .room-slider {
    height: 300px;
    padding-top: 54%;
  }
}
.hotel-rooms .room-slider.slider-arrows {
  color: #fff;
  cursor: pointer;
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  font-weight: 300;
}
.hotel-rooms .room-slider.slider-arrows:before {
  box-sizing: border-box;
  content: "\f053";
  left: 0;
  opacity: 1;
  padding: 35px 15px;
  position: absolute;
  text-align: left;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  z-index: 100;
}
.hotel-rooms .room-slider.slider-arrows:after {
  box-sizing: border-box;
  content: "\f054";
  opacity: 1;
  padding: 35px 15px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  z-index: 100;
}
.hotel-rooms .room-images {
  height: 100%;
  position: absolute;
  width: 9999px;
  display: flex;
  top: 0;
}
.hotel-rooms .room-image {
  flex: 1;
}
.hotel-rooms .room-image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  display: block;
}
.hotel-rooms .room-text {
  background: #fff;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 240px;
  padding: 25px;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #efefef;
}
.hotel-rooms .room-text .col-inner {
  flex: 1;
}
.hotel-rooms .room-text .col-inner .button {
  float: right;
}
.hotel-rooms .room-text h3 {
  font-size: 1.1em;
  font-weight: 600;
  margin-top: 0;
}
.hotel-rooms .room-text p:last-child {
  margin-bottom: 0;
}
.hotel-rooms .room-guests {
  font-size: 30px;
}
.hotel-rooms .room-guests .fal {
  opacity: 0.3;
}
.hotel-rooms .room-guests .fal.room-guests-min {
  opacity: 1;
}
.hotel-rooms .flex {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .hotel-rooms .room-slider {
    padding-top: 66%;
  }
  .hotel-rooms .room {
    display: flex;
    flex-direction: column;
  }
  .hotel-rooms .room-text {
    border-left: 1px solid #efefef;
  }
}

.infobox-background{background:rgba(0,0,0,.85);height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:10001}.infobox{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;border-radius:10px;left:50%;opacity:0;padding:0;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:800px;z-index:10002;max-width:94%;max-height:80%;overflow:auto;display:grid;grid-template-columns:repeat(2, 1fr);-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.infobox img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.infobox .inner{text-align:left;padding:45px}.infobox h2{color:var(--form-border-color);margin-top:1.3em;margin-bottom:.6em}.infobox h2:first-child{margin-top:0}.infobox h2:last-child{margin-bottom:0}.infobox p{line-height:1.4}.infobox .button.cta{display:block;margin-top:2em;margin-bottom:0;text-align:center}@media(max-width: 800px){.infobox{grid-template-columns:1fr}.infobox img{max-height:200px}.infobox h2{font-size:1.4em}.infobox .inner{padding:30px 20px 20px}}.infobox-close{cursor:pointer;height:30px;position:fixed;right:10px;top:10px;width:30px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}