/* premium-css -----------------------------------------------------------------
//////////////////////////////////////////////////////////////////////////////// */

/* overides over main template
--------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////// */

/* sections css
--------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////// */

/* HERO
--------------------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////////////// */
.row.display-flex { display: flex; flex-wrap: wrap; }
.big-image { padding:0 !important; min-height:450px; }
.hero-image { width:100%; height:100%;
    object-fit: cover; overflow: hidden;
}
/* vignette */
.big-image--inner:after { content: ''; position: absolute;
  top: 0%; left: 0; width: 100%; height: 100%;
  box-shadow: inset 0px -7px 56px 21px rgba(0,0,0,0.85);
}
@media screen and (max-width: 992px) {
  .big-image { height: 55vh; }
  .big-image button { /* display: none; */ }
  .big-image--inner { height: 100%; }
}
/* enything over hero image */
/* premium box */
.premium-box { position: absolute;
  width: 133px; height: 133px;
  left: 45px; top: calc(100% - 79px);
  padding: 0;
  font-size: 14px; line-height: 135%;
  text-align: center;
  z-index: 90; /* 990 */
}
.premium-box img { width:133px; height: 133px; }
/* buttons right down-low */
.premium-buttons { position: absolute;
    width: 580px; height: 50px;
    right: 45px; bottom: 24px;
    padding: 0;
    z-index: 1;
    text-align: right;
    color: #464646;
}

.premium-buttons > a > button { color: #464646; }
.prem-button, .premium-buttons .open-overlay { /* position: absolute; */
  bottom:24px; right: 24px; margin: 0 5px;
  font-size: 13px; color: #464646;
  border-radius: 4px;
  background: #f4f4f4; border: 1px solid #f4f4f4;
  padding: 5px 12px;
  box-shadow: 0 3px 3px rgba(0,0,0,.6)
}
.prem-button i, .open-overlay i { color: #c69641;
  font-size: 22px; padding-right: 9px; padding-bottom: 2px; vertical-align:middle
}

/* like (favorites) and share
-------------------------------------------------------------------------------- */
#like-n-share { position: absolute;
  left: 190px; top: calc(100% - 34px); width: 80px; height: 32px;
}
#like-n-share a:hover, #like-n-share a:active { text-decoration: none; }
.favorite-villa, .share-villa-link { float: left; width: 34px; }
.favorite-villa a i, .share-villa-link a i { font-size: 22px; color: #fffc; }
.favorite-villa a i.is_favorite { color: #ce0606; text-shadow: 0 3px 3px rgba(0,0,0,.6); }


@media screen and (max-width: 992px) {
  .premium-box { width: 99px; height: 99px; left:35px; top: calc(100% - 120px); }
  .premium-box img { width:99px; height: 99px; }
}
@media screen and (max-width: 940px) {
  /*
  .col-sm-12, .col-xs-12 { padding: 0; }
  */
}
@media screen and (max-width: 500px) {
  .central-caption {
    padding-bottom: 12px;
  }
  .central-caption h2 { font-size:  1.5em; }
  /*
  h3.centeredRedLine {
    font-family: 'Taviraj', serif;
    font-size: 1.27em;
    text-align: center;
  }
  */
}

/* inquire bar
--------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////// */
/* Main bar
-------------------------------------------------------------------------------- */
#inquire-bar { background: #fff; min-height:50px;
  z-index: 88; /* 98 */
}
.from-price { text-align: center; /* right */
  font-size: 10px; font-weight: 400;
}
.from-price .curr { font-size: 24px; font-weight: 700; }
.from-price .price { font-size: 24px; font-weight: 700; }
.from-price .onRequest { font-size: 24px; font-weight: 300; }
@media screen and (min-width: 1200px) and (max-width: 1320px) {
  #inquire-bar i.holder--icon { display: none;}
}
@media screen and (min-width: 992px) and (max-width: 1140px) {
  #inquire-bar i.holder--icon { display: none;}
}
@media screen and (max-width: 991px) {
  #inquire-bar { display: none; }
}

/* bottom bar on mobile
-------------------------------------------------------------------------------- */
.mobile-bottom-overlay { position: fixed;
  width:100%; height:52px;
  bottom: 0; right: 0;
  background: #fff; /* f4f4f4; */
  padding: 2px 16px;;
  /* text-align: right; */
  z-index: 999;
}
@media screen and (min-width: 992px) {
  .mobile-bottom-overlay { display: none; }
}
/* logo on inquire bar(s) ------------------------------------------------------ */
.unique-villas-logo { padding: 0 !important; }
#inquire-bar .unique-villas-logo img { height: 36px; margin-top: 12px; }
.mobile-bottom-overlay .unique-villas-logo img { height: 28px; margin-top: 12px; }


/* controls overides
-------------------------------------------------------------------------------- */
.holder--icon { color: #c69641; }  /* ## CSS COLOR GOLD */


/* media queries for mobile displays
-------------------------------------------------------------------------------- */

/* media queries for big|huge displays
-------------------------------------------------------------------------------- */