<style>

.h8-overlay{
  position:absolute;left:110%;right:0;top:0;bottom:0;z-index:1;width:100%;
}

.h8-close-overlay{
  cursor:pointer;
  position:absolute;
  top:0;
  right:0;
  background:#fff;
  width:45px;
  height:45px;
  border-radius:0%;
  line-height:45px;
  text-align:center;
  font-size:12px;
  font-weight:900;
  display:none;
  z-index:999;
}

.h8-overlay .h8-cta-select{
  background:#777;
}



.h8-horizontal-cta, .h8-vertical-cta{
  background:rgba(255,255,255,0.95);
  border:1px solid #777;
}

.h8-horizontal-cta .h8-call-to-action, .h8-vertical-cta .h8-call-to-action{
  height:100%;width:100%;
}

.h8-horizontal-cta .h8-cta-img{
  height:100%;
  width:60%;
  float:left;
  background:black;
}

.h8-horizontal-cta .h8-cta-details{
  height:100%;
  width:40%;
  float:right;
  position:relative;
}



.h8-horizontal-cta .h8-cta-blurb{
  position:absolute;
  top:40%;
  transform:translateY(-40%);
  padding:0 20px;
  text-align: left;
    word-spacing: -1px;
}

.h8-horizontal-cta .h8-overlay-buttons{
  position:absolute;
  text-align:center;
  width:100%;
  padding:20px;
  bottom:0;
}

.h8-horizontal-cta .h8-overlay-content .h8-cta-header{
  font-weight:900;
  letter-spacing:-1px;
  font-size:14px;
}

.h8-horizontal-cta .h8-overlay-content p{
  font-weight:400;
  letter-spacing:0px;
  font-size:12px;
}


.h8-horizontal-cta .h8-overlay-buttons button.btn{
  border-radius:0;
  position:relative;
  border:none;
  font-weight:700;
  display:block;
  font-size:12px;
  width:100%;
  margin-bottom:10px;
	padding-right:20px;
}

.h8-horizontal-cta .h8-overlay-buttons button.btn span {
  position:absolute;
  right:0px;
  background:rgba(255,255,255,0.65);
  top:0;
  bottom:0;
  height:100%;
  width:20px;
}

.h8-horizontal-cta .h8-overlay-buttons button.btn span img{
  padding:8px 3px;
}


.h8-vertical-cta .h8-cta-img{
  height:55%;
  width:100%;
  background:black;
  display:block;
}

.h8-vertical-cta .h8-cta-details{
  height:45%;
  width:100%;
  position:relative;
  display:block;
  padding:10px 10px 0 10px;
}

.h8-vertical-cta .h8-cta-details .h8-cta-blurb .h8-cta-header{
  font-weight:900;
  font-size:14px;
  margin-bottom:10px;
  letter-spacing:-.5px;
}

.h8-vertical-cta .h8-cta-details .h8-cta-blurb p{
  font-weight:400;
  font-size:12px;
}

.h8-vertical-cta .h8-overlay-buttons{
display:block;
  width:100%;
}

.h8-vertical-cta .h8-overlay-buttons button.h8-overlay-button{
  width:40%;
  float:left;
  margin-right:15px;
}

.h8-vertical-cta .h8-overlay-buttons button.btn{
  border-radius:0;
  position:relative;
  border:none;
  font-weight:700;
	padding-right:20px;
}

.h8-vertical-cta .h8-overlay-buttons button.btn span {
  position:absolute;
  right:0px;
  background:rgba(255,255,255,0.65);
  top:0;
  bottom:0;
  height:100%;
  width:20px;
}

.h8-vertical-cta .h8-overlay-buttons button.btn span img{
  padding:8px 3px;
}

@media screen and (max-width:500px){
  li div.hotelS8-box{
    height:330px;
    background:black;
    position:relative;
    margin:0;
  }
  
  li.hotelS8-property{
     margin-bottom:15px;
    overflow:visible;
    height:454px;
  }
  li div.hotelS8-box:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    height:330px;
    width:100%;
    background:rgba(0,0,0,0.5);
    padding:20px;
  }
  
  .h8-pricing{
    top: 100%;
    left:0;
    right:0;
    width:100%;
    position:absolute;
  }
  
  .h8-overlay{
    position:absolute;left:110%;right:0;top:0;bottom:-124px;z-index:1;width:100%;
  }
  .h8-overlay-button{
    width:100% !important;
    margin-bottom:10px;
    display:block;
  }
  

  .h8-title_location_rating{
    padding-right:10px;
  }
  
  .h8-pricing-table{
    width:60%;
    float:left;
    
  }
  
  .h8-main-details {
    float:right;
    width:40%;
  }
  .h8-main-details button {
    line-height:109px;
  }
  
  .h8-horizontal-cta .h8-cta-img{
  height:45%;
  width:100%;
  background-position: center center !important;
  display:block;
}

.h8-horizontal-cta .h8-cta-details{
  height:55%;
  width:100%;
  position:relative;
  display:block;
  padding:10px 10px 0 10px;
}
  .h8-vertical-cta .h8-overlay-buttons {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
    padding: 0 20px;
}

.h8-horizontal-cta .h8-cta-details .h8-cta-blurb .h8-cta-header{
  font-weight:900;
  font-size:14px;
  margin-bottom:10px;
  letter-spacing:-.5px;
}

.h8-horizontal-cta .h8-cta-details .h8-cta-blurb p{
  font-weight:400;
  font-size:12px;
}

  
.h8-horizontal-cta .h8-overlay-buttons{
display:block;
  width:100%;
  position:absolute;
}


.h8-horizontal-cta .h8-overlay-buttons button.btn{
  border-radius:0;
  position:relative;
  border:none;
  font-weight:700;padding-right:20px;
}

.h8-horizontal-cta .h8-overlay-buttons button.btn span {
  position:absolute;
  right:0px;
  background:rgba(255,255,255,0.65);
  top:0;
  bottom:0;
  height:100%;
  width:20px;
}

.h8-horizontal-cta .h8-overlay-buttons button.btn span img{
  padding:8px 3px;
}
  
  .h8-horizontal-cta .h8-cta-blurb{
    position:static;
    padding:0 20px;
    text-align:center;
    top:auto;
    transform:none;
  }
	

/*   .h8-horizontal-cta .h8-cta-blurb, .h8-vertical-cta .h8-cta-blurb{
    height:115px;
    overflow-y:auto;
    overflow-x:hidden;
  } */
  
  .h8-vertical-cta .h8-cta-blurb{
    margin-bottom:10px;
  }
   
 
}




.h8-clearTopLeftTitleBottomButtonsInline-cta{background: rgba(255,255,255,0);}
.h8-clearTopLeftTitleBottomButtonsInline-cta .h8-cta-img{
  height:100%;
  width:100%;
  background:black;
  display:block;
	position:absolute;
	z-index:0;
	background-position: right!important;
}


.h8-clearTopLeftTitleBottomButtonsInline-cta .h8-call-to-action{
height:100%;
	position:relative;
}
.h8-clearTopLeftTitleBottomButtonsInline-cta .h8-cta-details{
  height:100%;
  width:100%;
  position:relative;
  display:block;
  padding:45px 10px 0 10px;
	position:absolute;
	z-index:1;
}

.h8-clearTopLeftTitleBottomButtonsInline-cta .h8-cta-details .h8-cta-blurb .h8-cta-header{
  font-weight:900;
  font-size:22px;
  margin-bottom:10px;
  letter-spacing:-.5px;
}

.h8-clearTopLeftTitleBottomButtonsInline-cta .h8-cta-details .h8-cta-blurb p{
  font-weight:400;
  font-size:12px;
}

.h8-clearTopLeftTitleBottomButtonsInline-cta .h8-overlay-buttons{
display:block;
  width:auto;
	position:absolute;
	bottom:10px;
  left:0px;
  right:0px;
  padding:0 20px;
}

.h8-clearTopLeftTitleBottomButtonsInline-cta .h8-overlay-buttons button.h8-overlay-button{
  width:40%;
  float:left;
  margin-right:15px;
}

.h8-clearTopLeftTitleBottomButtonsInline-cta .h8-overlay-buttons button.btn{
  border-radius:0;
  position:relative;
  border:none;
  font-weight:700;
	padding-right:20px;
}

.h8-clearTopLeftTitleBottomButtonsInline-cta .h8-overlay-buttons button.btn span {
  position:absolute;
  right:0px;
  background:rgba(255,255,255,0.65);
  top:0;
  bottom:0;
  height:100%;
  width:20px;
}

.h8-clearTopLeftTitleBottomButtonsInline-cta .h8-overlay-buttons button.btn span img{
  padding:8px 3px;
}




</style>