@font-face {
  font-family: 'BrandonGrotesque-Medium';
  src: url('fonts/BrandonGrotesque/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/BrandonGrotesque/BrandonGrotesque-Medium.otf') format('opentype'), url('fonts/BrandonGrotesque/BrandonGrotesque-Medium.woff') format('woff'), url('fonts/BrandonGrotesque/BrandonGrotesque-Medium.ttf') format('truetype'), url('fonts/BrandonGrotesque/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque-Light';
  src: url('fonts/BrandonGrotesque/BrandonGrotesque-Light.eot?#iefix') format('embedded-opentype'), url('fonts/BrandonGrotesque/BrandonGrotesque-Light.otf') format('opentype'), url('fonts/BrandonGrotesque/BrandonGrotesque-Light.woff') format('woff'), url('fonts/BrandonGrotesque/BrandonGrotesque-Light.ttf') format('truetype'), url('fonts/BrandonGrotesque/BrandonGrotesque-Light.svg#BrandonGrotesque-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaLTStd-Light';
  src: url('fonts/HelveticaLTStd-Light/HelveticaLTStd-Light.eot');
  src: local('☺'), url('fonts/HelveticaLTStd-Light/HelveticaLTStd-Light.woff') format('woff'), url('fonts/HelveticaLTStd-Light/HelveticaLTStd-Light.ttf') format('truetype'), url('fonts/HelveticaLTStd-Light/HelveticaLTStd-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir LT Std';
  src: url('fonts/AvenirLTStd/AvenirLTStd-Book.eot');
  src: url('fonts/AvenirLTStd/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTStd/AvenirLTStd-Book.woff') format('woff'), url('fonts/AvenirLTStd/AvenirLTStd-Book.ttf') format('truetype'), url('fonts/AvenirLTStd/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir LT Std';
  src: url('fonts/AvenirLTStd/AvenirLTStd-Light.eot');
  src: url('fonts/AvenirLTStd/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTStd/AvenirLTStd-Light.woff') format('woff'), url('fonts/AvenirLTStd/AvenirLTStd-Light.ttf') format('truetype'), url('fonts/AvenirLTStd/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Playfair Display Regular';
  src: url('fonts/PlayfairDisplay/PlayfairDisplay-Regular.eot');
  src: url('fonts/PlayfairDisplay/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/PlayfairDisplay/PlayfairDisplay-Regular.woff') format('woff'), url('fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf') format('truetype'), url('fonts/PlayfairDisplay/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Playfair Display Bold';
  src: url('fonts/PlayfairDisplay/PlayfairDisplay-Bold.eot');
  src: url('fonts/PlayfairDisplay/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/PlayfairDisplay/PlayfairDisplay-Bold.woff') format('woff'), url('fonts/PlayfairDisplay/PlayfairDisplay-Bold.ttf') format('truetype'), url('fonts/PlayfairDisplay/PlayfairDisplay-Bold.svg#PlayfairDisplay-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Playfair Display Italic';
  src: url('fonts/PlayfairDisplay/PlayfairDisplay-Italic.eot');
  src: url('fonts/PlayfairDisplay/PlayfairDisplay-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/PlayfairDisplay/PlayfairDisplay-Italic.woff') format('woff'), url('fonts/PlayfairDisplay/PlayfairDisplay-Italic.ttf') format('truetype'), url('fonts/PlayfairDisplay/PlayfairDisplay-Italic.svg#PlayfairDisplay-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
}
#villa-list {
  display: block;
  position: relative;
}
.vL a {
  border: 1px solid #D4D4D4;
  background: #fff ;
  padding: 2px 0;
  cursor: pointer;
  display: block;
  width: 66px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-family: 'BrandonGrotesque-Medium';
  font-size: 13px;
  color: #000;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.vL a:hover {
  background: #fff;
  border: 1px solid #f085b4;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
#vr1,
#vr2,
#vr3 {
  position: absolute;
  left: 0;
}
#vr1 > div,
#vr2 > div,
#vr3 > div {
  position: absolute;
  text-align: center;
}
#vr1 > div > span,
#vr2 > div > span,
#vr3 > div > span {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media (min-width: 768px) and (max-width: 991px) {
  #vr1 {
    top: 193px;
  }
  #vr2 {
    top: 154px;
  }
  #vr3 {
    top: 114px;
  }
  #v07,
  #v15,
  #v22 {
    left: 57px;
  }
  #v06,
  #v14,
  #v21 {
    left: 144px;
  }
  #v05,
  #v12,
  #v20 {
    left: 255px;
  }
  #v04,
  #v11,
  #v19 {
    left: 337px;
  }
  #v03,
  #v10,
  #v18 {
    left: 420px;
  }
  #v02,
  #v09,
  #v17 {
    left: 520px;
  }
  #v01,
  #v08,
  #v16 {
    left: 600px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #vr1 {
    top: 250px;
  }
  #vr2 {
    top: 200px;
  }
  #vr3 {
    top: 150px;
  }
  #v07,
  #v15,
  #v22 {
    left: 80px;
  }
  #v06,
  #v14,
  #v21 {
    left: 200px;
  }
  #v05,
  #v12,
  #v20 {
    left: 340px;
  }
  #v04,
  #v11,
  #v19 {
    left: 450px;
  }
  #v03,
  #v10,
  #v18 {
    left: 555px;
  }
  #v02,
  #v09,
  #v17 {
    left: 690px;
  }
  #v01,
  #v08,
  #v16 {
    left: 790px;
  }
}
@media (min-width: 1200px) {
  #vr1 {
    top: 306px;
  }
  #vr2 {
    top: 250px;
  }
  #vr3 {
    top: 185px;
  }
  #v07,
  #v15,
  #v22 {
    left: 100px;
  }
  #v06,
  #v14,
  #v21 {
    left: 245px;
  }
  #v05,
  #v12,
  #v20 {
    left: 420px;
  }
  #v04,
  #v11,
  #v19 {
    left: 555px;
  }
  #v03,
  #v10,
  #v18 {
    left: 680px;
  }
  #v02,
  #v09,
  #v17 {
    left: 845px;
  }
  #v01,
  #v08,
  #v16 {
    left: 960px;
  }
}
.condo-photo-selection h2 {
  color: #41c5de;
  text-align: center;
}
.condo-photo-selection a:hover,
.condo-photo-selection a:active,
.condo-photo-selection a:visited,
.condo-photo-selection a:focus {
  text-decoration: none;
}
.condo-photo-selection .row > div {
  margin-bottom: 0.5em;
}
.condo-photo-selection .row > div img {
  border: solid 1px #f085b4;
  padding: 6px;
}