/* Placeholder Style */
.bwg_standart_thumb_0 {
	padding: .2rem !important;
}

.call {
  margin-top: -15px;
  float: right;
}

#mainContainer {
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  padding: 10px 0;
  width: 980px;
}

.mainContainer {
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  padding: 10px 0;
  width: 980px;
}
#colorBottom {
  float: left;
  width: 100%;
  /*height: 680px;*/
  background-color: #f9f9f9;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(100, 100, 100, 0.3) inset;
  -moz-box-shadow: 0px 3px 5px 0px rgba(100, 100, 100, 0.3) inset;
  box-shadow: 0px 3px 5px 0px rgba(100, 100, 100, 0.3) inset;
}
#menuColor {
  background-image: url("../img/linen4.jpg");
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  height: 83px;
  width: 100%;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(100, 100, 100, 0.8);
  -moz-box-shadow: 0px 3px 5px 0px rgba(100, 100, 100, 0.8);
  box-shadow: 0px 3px 10px 0px rgba(60, 60, 60, 0.8);
}

#menu {
  height: 130px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 100%;
  overflow: hidden;
}
#menuWrapper {
  height: 82px;
  width: 1100px;
  margin: auto;
}
#menu li {
  position: relative;
  z-index: 5;
  height: 100%;
  margin: 0 0px -10px 0px;
  padding: 0 9px 0 9px;
  text-align: right;
  display: inline-block;
  -webkit-transition: background .10s;
  -moz-transition: background .10s;
  -o-transition: background .10s;
  -ms-transition: background .10s;
  transition: background .10s;
}
#menu li a {
  text-decoration: none;
  color: #ffffff;
  display: block;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
.backLava {
  z-index: 4;
}
#subMenuWrapper {
  position: relative;
  z-index: 2;
  display: none;
  height: 50px;
  background-color: rgba(242, 242, 242, 0.8);
  width: 100%;
}
#menu li:hover #subMenuWrapper {
  display: block;
}
.ie8 #subMenuWrapper {
  display: none;
}
#subMenu {
  position: relative;
  z-index: 3;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  height: 70px;
  list-style: none;
  display: inline-block;
  overflow: auto;
}
.ie8 #subMenu {
  display: none;
}
.firstSub {
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  border-left-color: rgba(100, 100, 100, 0.1);
}
.subMenuItem {
  position: relative;
  z-index: 3;
  display: none;
}
.subMenuItem a {
  position: relative;
  z-index: 3;
  text-decoration: none;
  padding: 12px 10px 0px 10px;
  color: #3a3a39 !important;
  vertical-align: middle;
  display: block;
  height: 50px;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-right-color: rgba(100, 100, 100, 0.1);
}
.subMenuItem a:hover {
  text-decoration: none;
  padding: 10px 10px 0px 10px;
  color: #ffffff !important;
  vertical-align: middle;
  display: block;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-right-color: rgba(100, 100, 100, 0.1);
}
#navigation {
  position: fixed;
  z-index: 1000;
  top: 0;
  display: block;
  width: 100%;
}
.logoWrapper {
  position: absolute;
  z-index: 5;
  float: left;
  margin-left: -30px;
  display: inline-block;
}
.selected {
  display: inline-block;
}
#currentSub a {
  color: #97bfc9 !important;
}
#leftArrow {
  display: none;
  position: fixed;
  left: 0;
  top: 83px;
  z-index: 4;
}
#rightArrow {
  display: none;
  position: fixed;
  right: 0;
  top: 83px;
  z-index: 4;
}
body .navbar {
  width: 980px;
  height: 94px;
  margin-bottom: 16px;
}
#logo {
  position: absolute;
  -webkit-box-shadow: 0px 5px 5px -2px rgba(100, 100, 100, 0.8),
    0px 20px 30px 10px rgba(100, 100, 100, 0.1);
  -moz-box-shadow: 0px 5px 5px -2px rgba(100, 100, 100, 0.8),
    0px 20px 30px 10px rgba(100, 100, 100, 0.1);
  box-shadow: 0px 5px 5px -2px rgba(100, 100, 100, 0.8),
    0px 20px 30px 10px rgba(100, 100, 100, 0.1);
  z-index: 25;
}
#leftNav {
  display: inline-block;
  z-index: 24;
  float: left;
  width: 415px;
  height: 30px;
  margin-left: 0;
  margin-right: 0px;
  -webkit-box-shadow: 1px 3px 5px 0px rgba(100, 100, 100, 0.8),
    0px -10px 30px -5px rgba(100, 100, 100, 0.1);
  -moz-box-shadow: 1px 3px 5px 0px rgba(100, 100, 100, 0.8),
    0px -10px 30px -5px rgba(100, 100, 100, 0.1);
  box-shadow: 1px 3px 5px 0px rgba(100, 100, 100, 0.8),
    0px -10px 30px -5px rgba(100, 100, 100, 0.1);
  margin-top: 53px;
  padding-right: 0px;
}
#leftNav li {
  float: right;
  height: 23.5px;
  margin-right: 15px;
  text-align: bottom;
}
#rightNav {
  display: inline-block;
  z-index: 24;
  float: right;
  width: 415px;
  height: 30px;
  margin-right: 0;
  -webkit-box-shadow: -1px 3px 5px 0px rgba(100, 100, 100, 0.8),
    0px -10px 30px -5px rgba(100, 100, 100, 0.1);
  -moz-box-shadow: -1px 3px 5px 0px rgba(100, 100, 100, 0.8),
    0px -10px 30px -5px rgba(100, 100, 100, 0.1);
  box-shadow: -1px 3px 5px 0px rgba(100, 100, 100, 0.8),
    0px -10px 30px -5px rgba(100, 100, 100, 0.1);
  margin-top: 53px;
  padding-left: 0px;
}
#rightNav li {
  float: left;
  height: 23.5px;
  margin-left: 22px;
  text-align: bottom;
}
.navAnchor {
  font-size: 14px;
  padding: 4.7px !important;
}
#current {
  color: #b7c798;
}
#contHdrContainer {
  display: block;
  height: 57px;
  margin-top: 0px;
  width: 980px;
}
#leftContentDiv {
  height: 10px;
  width: 310px;
  float: left;
  display: block;
  z-index: 1;
  background-repeat: no-repeat;
  margin-bottom: -5px;
  margin-left: 19px;
  margin-top: 20px;
}
#rightContentDiv {
  height: 10px;
  width: 310px;
  display: block;
  float: left;
  z-index: 1;
  background-repeat: no-repeat;
  margin-top: 20px;
  margin-bottom: -5px;
  margin-right: 19px;
}
#contentHeader {
  background-color: #fff;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
  z-index: 10;
  text-align: center;
  vertical-align: middle;
  display: block;
  float: left;
  height: 47px;
  width: 320px;
  filter: progid:DXImageTransform.Microsoft.Shadow(
        Color=#eeeeee,
        Strength=1,
        Direction=0
      ),
    progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=1, Direction=90),
    progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=8, Direction=180),
    progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=1, Direction=270);
  -webkit-box-shadow: 4px 4px 10px 0px rgba(100, 100, 100, 0.1);
  -moz-box-shadow: 4px 4px 10px 0px rgba(100, 100, 100, 0.1);
  box-shadow: 0px 3px 10px 0px rgba(100, 100, 100, 0.2);
  font-size: 14px;
}
#contentHeader p {
  color: #ee825e;
  margin-bottom: 0;
  margin-top: 4px;
  font-size: 18px;
}
#contentContainer {
  margin-top: 11.75px;
}
#contentContainer p {
  margin: 0 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}
#topContentDiv {
  float: left;
  display: inline-block;
  margin-left: 170px;
  margin-right: 170px;
  margin-top: 23.5px;
  margin-bottom: 23.5px;
  width: 640px;
  border-top-color: rgba(100, 100, 100, 0.1);
  border-top-style: solid;
  border-top-width: 2px;
  -webkit-box-shadow: 0px 2px 6px 1px rgba(100, 100, 100, 0.1);
  -moz-box-shadow: 0px 2px 6px 1px rgba(100, 100, 100, 0.1);
  box-shadow: 0px 2px 6px 1px rgba(100, 100, 100, 0.1);
}
.contentPic {
  margin-right: 5px;
  width: 400px;
  height: 301px;
  display: block;
  float: left;
}
#movieContainer {
  clear: both;
  display: block;
  font-size: 22px;
  font-weight: 300;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1px;
  margin-bottom: 13px;
  width: 980px;
}
#botContentDiv {
  height: 10px;
  width: 100%;
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center top;
}
.movieRow {
  clear: both;
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.movieBlock {
  text-align: center;
  display: inline;
  float: left;
  width: 280px;
  margin-left: 35px;
  margin-bottom: 20px;
}
.movieBlock img {
  width: 280px;
  height: 161px;
  margin-bottom: 10px;
}
.movieBlock a {
  width: 280px;
  height: 161px;
  margin-bottom: 10px;
  z-index: 1002;
}
#movContentDiv {
  clear: both;
  display: block;
  margin-top: 40px;
  height: 10px;
  width: 100%;
  z-index: 10;
  background-image: url(http://www.florblanca.dreamhosters.com/ipad/img/movieBottom.png);
  background-repeat: no-repeat;
  background-position: center top;
}
#linkContainer {
  margin-top: 10px;
  display: block;
  height: auto;
}
.linkRow1 {
  display: block;
  float: left;
  margin: 12px 0 12px 52px;
  height: auto;
}
.linkRow1 .linkBlock {
  margin: 0 16px;
  display: block;
  float: left;
  width: auto;
  vertical-align: top;
  text-align: left;
}
.linkRow2 {
  display: block;
  float: left;
  margin: 12px 0 12px 65px;
  height: auto;
}
.linkRow2 .linkBlock {
  margin: 0 30px;
  display: block;
  float: left;
  width: auto;
  vertical-align: top;
  text-align: left;
}
.sectionLink {
  color: #555;
  font-weight: bold;
  display: block;
}
.subSectionLink {
  color: #848484;
  font-weight: 400;
  display: block;
  line-height: 140%;
}
.linkBlock a:hover {
  color: #b7c798;
}
#footerContainer {
  color: #848484;
  display: block;
  height: 20px;
  width: 100%;
  padding-top: 0px;
}
.dotDiv {
  float: left;
  display: inline-block;
  margin-left: 170px;
  margin-right: 170px;
  margin-top: 15.666666666666666px;
  margin-bottom: 15.666666666666666px;
  width: 640px;
  border-bottom-color: rgba(100, 100, 100, 0.1);
  border-bottom-style: dotted;
  border-bottom-width: 2px;
}
#followBlock {
  display: inline-block;
  float: left;
  margin-left: 45px;
}
#followBlock img {
  margin-left: 6px;
}
#signupBlock {
  display: inline-block;
  float: right;
  margin-right: 113.33333333333333px;
  margin-bottom: 40px;
  height: 24px;
}
#footBtn {
  color: #eeeeee;
  background-color: #027ad3;
  background-image: -moz-linear-gradient(top, #0064cd, #049cdb);
  background-image: -ms-linear-gradient(top, #0064cd, #049cdb);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0064cd), to(#049cdb));
  background-image: -webkit-linear-gradient(top, #0064cd, #049cdb);
  background-image: -o-linear-gradient(top, #0064cd, #049cdb);
  background-image: linear-gradient(top, #0064cd, #049cdb);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(
      startColorstr='#0064cd',
      endColorstr='#049cdb',
      GradientType=0
    );
  background-color: #049cdb;
  line-height: 12px;
  font-size: 13px;
  width: 48px;
  vertical-align: middle;
  text-align: center;
}
#contactUs {
  height: 30px;
  margin-top: 10px;
  display: inline-block;
  margin-left: 80px;
  margin-bottom: 20px;
  float: left;
}
#terms {
  height: 30px;
  margin-top: 10px;
  display: inline-block;
  margin-right: 80px;
  margin-bottom: 20px;
  float: right;
}
.reserveInput {
  margin: 18px;
  vertical-align: bottom;
}
.reserveMessage {
  display: block;
  margin-top: 0px;
  margin-bottom: 18px;
  text-align: center;
}
.reserveTextArea {
  width: 75%;
}
.reserveBtnWrap {
  display: block;
  text-align: center;
}
#contactPara {
  padding: 0px 20px;
}
#contactForm {
  margin: 40px 0px;
}
#footField {
  width: 192px;
}
.reserveBtnWrap input {
  color: #eeeeee;
  background-color: #027ad3;
  background-image: -moz-linear-gradient(top, #0064cd, #049cdb);
  background-image: -ms-linear-gradient(top, #0064cd, #049cdb);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0064cd), to(#049cdb));
  background-image: -webkit-linear-gradient(top, #0064cd, #049cdb);
  background-image: -o-linear-gradient(top, #0064cd, #049cdb);
  background-image: linear-gradient(top, #0064cd, #049cdb);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(
      startColorstr='#0064cd',
      endColorstr='#049cdb',
      GradientType=0
    );
  background-color: #049cdb;
  line-height: 12px;
  font-size: 13px;
  vertical-align: middle;
  text-align: center;
}
.reserveBtnWrap input:hover {
  color: #eeeeee;
  background-color: #027ad3;
  background-image: -moz-linear-gradient(top, #0064cd, #049cdb);
  background-image: -ms-linear-gradient(top, #0064cd, #049cdb);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0064cd), to(#049cdb));
  background-image: -webkit-linear-gradient(top, #0064cd, #049cdb);
  background-image: -o-linear-gradient(top, #0064cd, #049cdb);
  background-image: linear-gradient(top, #0064cd, #049cdb);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(
      startColorstr='#0064cd',
      endColorstr='#049cdb',
      GradientType=0
    );
  background-color: #049cdb;
  line-height: 12px;
  font-size: 13px;
  vertical-align: middle;
  text-align: center;
}
#thankYou {
  text-align: center;
  margin: 20px 20px;
  font-size: 15px;
  font-weight: bold;
}
#blogContent {
  margin-top: 40px;
}
.mediaKitGallery {
  list-style: none;
  padding: 0;
  margin: 10px;
}
.mediaKitGallery:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.mediaKitGallery li {
  float: left;
  width: 33.33333%;
}
.mediaKitGallery li a {
  display: inline-block;
  margin: 0px 5px 0px 5px;
  color: #848484;
}
.mediaKitGallery li a:hover {
  display: inline-block;
  margin: 0px 5px 0px 5px;
  color: #b7c798;
}
.mediaKitGallery li img {
  display: block;
  width: 100%;
  height: auto;
}
.picLinks {
  float: right;
  display: block;
}
.picLinks a {
  display: inline-block !important;
  color: #848484;
}
.finePrint {
  font-size: 10px !important;
}
#list-menu-wrapper {
  float: right;
  height: 80px;
}
@media screen and (min-width: 800px) and (max-width: 1100px) {
  .logoWrapper {
    width: 270px;
  }
  .main-image {
    width: 275px;
  }
  #list-menu-wrapper {
    float: left;
    height: 80px;
    margin-left: 265px;
  }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
  #list-menu-wrapper {
    float: left;
    margin-left: 5px;
    height: 80px;
  }
  .logoWrapper {
    width: 20px;
  }
  .main-image {
    width: 10px;
  }
  #contHdrContainer {
    width: 700px;
  }
  .mainContainer {
    margin-left: 0;
    margin-right: 0;
    width: 750px;
  }
  .call {
    display: none;
  }

  #followBlock {
    margin-left: 30px;
  }
  #signupBlock {
    margin-right: 20px;
  }
  .specialsPic {
    width: 90%;
  }
  .dotDiv {
    width: 60%;
  }
  #leftContentDiv {
    width: 250px;
  }
  #media-images {
    width: 750px;
    left: 50%;
    position: relative;
    margin-left: -368px;
    padding-bottom: 20px;
  }
  #contentHeader {
    margin-left: -30px;
  }
  #media-images img {
    width: 115px;
  }
}
.uppercase {
  text-align: center;
  font-size: 16px;
  line-height: 170%;
}






.social-icons li {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.social-icons a {
  padding-left: 10px;
}
.social-icons a:hover {
  color: transparent;
  background-color: transparent;
}
[class^="icon-"], [class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background: url('//dgn64hrh73w5r.cloudfront.net/img/social.png') no-repeat top left;
}
.icon-Facebook {
  background-position: 0 0;
  width: 32px;
  height: 32px;
}
.icon-Flickr {
  background-position: -42px 0;
  width: 32px;
  height: 32px;
}
.icon-Google {
  background-position: -84px 0;
  width: 32px;
  height: 32px;
}
.icon-Twitter {
  background-position: -126px 0;
  width: 32px;
  height: 32px;
}
.icon-Vimeo {
  background-position: -168px 0;
  width: 32px;
  height: 32px;
}
.icon-YouTube {
  background-position: -210px 0;
  width: 32px;
  height: 32px;
}
.complimentary-div {
  font-size: 30px;
  font-weight: 400;
  color: #3c3c3c;
}
.complimentary-div li {
  line-height: 120%;
  list-style-type: none;
}
.bottom-links a {
  opacity: 1;
  transition: opacity .15s ease-in-out;
  -moz-transition: opacity .15s ease-in-out;
  -webkit-transition: opacity .15s ease-in-out;
}
.bottom-links a:hover {
  text-decoration: none;
  opacity: 0.3;
}
video {
  max-width: 100%;
  height: auto;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blog-link:hover {
  color: #86c2d9 !important;
}
.activities {
  left: 7%;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.yogaSmall {
  left: 40%;
  padding-left: 350px;
  top: 410px;
  color: #ff9f7e;
}
.yogaBig {
  left: 40%;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.fishBig {
  left: 10px;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.fishSmall {
  left: 1000px;
  top: 600px !important;
  color: #00abcc;
}
.fishBig2 {
  left: 25%;
  top: 200px !important;
  color: rgba(255, 255, 255, 0.85);
}
.runSmall {
  left: 390px;
  color: rgba(255, 255, 255, 0.85);
}
.runBig {
  left: 0%;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.surfSmall {
  left: 0%;
  padding-left: 420px;
  top: 420px;
  color: rgba(255, 255, 255, 0.85);
}
.surfBig {
  left: 0%;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.codySmall {
  left: 0%;
  padding-left: 420px;
  top: 420px;
  color: rgba(255, 255, 255, 0.85);
}
.codyBig {
  left: 0%;
  top: 410px;
  color: rgba(24, 101, 105, 0.65);
}
.horseSmall {
  left: 50%;
  top: 60px !important;
  color: rgba(255, 255, 255, 0.85);
}
.horseBig {
  left: 50%;
  top: 60px !important;
  color: rgba(255, 255, 255, 0.85);
}
.canopySmall {
  left: 800px;
  color: rgba(255, 255, 255, 0.85);
}
.canopyBig {
  left: 0px;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.relaxSmall {
  left: 520px;
  top: 460px !important;
  color: rgba(255, 255, 255, 0.85);
}
.relaxBig {
  left: 0px;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.supSmall {
  left: 50%;
  padding-left: 60px;
  top: 350px;
  color: rgba(255, 255, 255, 0.85);
}
.supBig {
  left: 50%;
  top: 310px;
  color: rgba(255, 255, 255, 0.85);
}
.retreat {
  left: 2%;
  padding-left: 800px;
  top: 590px;
  color: #ff9f7e;
}
.pilates {
  left: 2%;
  top: 310px;
  color: rgba(255, 255, 255, 0.85);
}
.ocean {
  left: 2%;
  top: 590px;
  color: #ff9f7e;
}
.studio {
  left: 2%;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.pilatesSmall {
  left: 2%;
  padding-left: 800px;
  top: 590px;
  color: #ff9f7e;
}
.pilatesBig {
  left: 2%;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.corp {
  top: 330px;
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  .canopySmall {
    left: 500px;
  }
  .runSmall {
    left: 220px;
  }
  .supSmall {
    width: 400px;
    left: 44%;
    top: 58% !important;
  }
  .spaSmall {
    top: 45%;
    font-size: 40px;
    left: -80px;
  }
  .fishSmall {
    left: 600px;
    top: 410px !important;
  }
  .fishBig2 {
    left: 25%;
    top: 150px !important;
    color: rgba(255, 255, 255, 0.85);
  }
  .relaxSmall {
    left: 310px;
    top: 320px !important;
    color: rgba(255, 255, 255, 0.85);
  }
}
.amenities-complimentary {
  left: -130px;
  top: 450px;
}
.amenities-roomSmall {
  left: 180px;
  color: rgba(255, 255, 255, 0.8) !important;
}
.amenities-studioSmall {
  left: 510px;
  top: 400px;
  color: rgba(255, 255, 255, 0.8) !important;
}
.fitnessSmall {
  left: 300px;
  top: 465px !important;
  color: rgba(255, 255, 255, 0.98);
}
.fitnessBig {
  left: 1%;
  top: 410px;
  color: rgba(255, 255, 255, 0.98);
}
.giftBig {
  top: 380px !important;
}
.giftSmall {
  left: 220px;
  top: 430px !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.spaSmall2 {
  left: 210px;
  top: 460px;
  color: rgba(255, 255, 255, 0.8) !important;
}
.amenities-restaurantSmall {
  left: 205px;
  top: 470px !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  .amenities-complimentary {
    left: -270px;
    top: 320px;
  }
  .amenities-studioSmall {
    left: 290px;
  }
  .amenities-restaurantSmall {
    left: 125px;
    top: 320px !important;
    font-size: 35px !important;
  }
  .spaSmall2 {
    left: 210px;
    top: 320px !important;
    color: rgba(255, 255, 255, 0.8) !important;
  }
  .fitnessSmall {
    left: 200px;
    top: 325px !important;
    color: rgba(255, 255, 255, 0.98);
  }
  .giftBig {
    top: 290px !important;
  }
  .giftSmall {
    left: 190px;
    top: 310px !important;
    color: rgba(255, 255, 255, 0.8) !important;
  }
}
.pura {
  left: 60%;
  color: #ff9f7e;
}
.vida {
  left: 60%;
  color: rgba(255, 255, 255, 0.85);
}
.bambuSmall {
  left: 1%;
  padding-left: 230px;
  top: 46.5%;
  padding-top: 110px;
  color: rgba(255, 255, 255, 0.85);
}
.bambuBig {
  left: 1%;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.sunsetSmall {
  left: 30%;
  padding-left: 170px;
  top: 460px;
  color: #ff9f7e;
}
.sunsetBig {
  left: 30%;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.poolSmall {
  left: 700px;
  top: 470px;
  color: #ff9f7e;
}
.poolBig {
  left: 1%;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.dineSmall {
  left: 280px;
  top: 465px !important;
  color: #a1c240;
}
.dineBig {
  left: 1%;
  top: 410px;
  color: rgba(255, 255, 255, 0.98);
}
.hookSmall {
  left: 15px;
  top: 455px !important;
  color: #a1c240;
}
.hookBig {
  left: 10px;
  top: 300px !important;
  color: rgba(255, 255, 255, 0.98);
}
.hookBig2 {
  left: 150px;
  top: 210px;
  color: rgba(255, 255, 255, 0.98);
}
.farmSmall {
  left: 40px;
  top: 565px !important;
  color: #a1c240;
}
.farmBig {
  left: 150px;
  top: 450px;
  color: rgba(255, 255, 255, 0.98);
}
.farmBig2 {
  left: 10px;
  top: 350px !important;
  color: rgba(255, 255, 255, 0.98);
}
.nectarBig {
  left: 2%;
  top: 410px;
  color: #fff;
}
.nectarSmall {
  left: 2%;
  padding-left: 770px;
  top: 580px;
  color: #ffd317;
}
.catchBig {
  left: 2%;
  top: 410px;
  color: #fff;
}
.catchSmall {
  left: 2%;
  padding-left: 240px;
  top: 480px !important;
  color: #ffd317;
}
.quinoaBig {
  left: 2%;
  top: 72%;
  padding-top: 60px;
  font-size: 50px;
  color: rgba(0, 0, 0, 0.5);
}
.quinoaSmall {
  left: 2%;
  top: 72%;
  font-weight: 200 !important;
  color: rgba(0, 0, 0, 0.3);
}
.gardenBig {
  left: 70%;
  top: 80% !important;
  padding-top: 60px;
  font-size: 50px;
  color: rgba(0, 0, 0, 0.5);
  width: 500px;
}
.gardenSmall {
  left: 70% !important;
  top: 80% !important;
  font-weight: 200 !important;
  color: rgba(0, 0, 0, 0.3);
}
.mangoSaladBig {
  left: 25%;
  top: 52%;
  padding-top: 60px;
  font-size: 50px;
  color: rgba(0, 0, 0, 0.5);
}
.mangoSaladSmall {
  left: 25%;
  top: 52%;
  font-weight: 200 !important;
  color: rgba(0, 0, 0, 0.3);
}
.lemonadeBig {
  left: 2%;
  top: 10%;
  color: #62a00f;
}
.lemonadeSmall {
  left: 2%;
  top: 5%;
  font-weight: 200 !important;
  color: rgba(0, 0, 0, 0.3);
}
.strawberryBig {
  left: 17%;
  top: 30%;
  color: #ff5552;
}
.strawberrySmall {
  left: 17%;
  top: 25%;
  font-weight: 200 !important;
  color: rgba(0, 0, 0, 0.3);
}
.mangoBig {
  left: 32%;
  top: 10%;
  color: #edd459;
}
.mangoSmall {
  left: 32%;
  top: 5%;
  font-weight: 200 !important;
  color: rgba(0, 0, 0, 0.3);
}
.daiquiriBig {
  left: 50%;
  top: 80%;
  color: #d04c57;
}
.daiquiriSmall {
  left: 50%;
  top: 75%;
  font-weight: 200 !important;
  color: rgba(0, 0, 0, 0.3);
}
.belliniBig {
  left: 73%;
  top: 60%;
  color: #9ab75d;
}
.belliniSmall {
  left: 73%;
  top: 55%;
  font-weight: 200 !important;
  color: rgba(0, 0, 0, 0.3);
}
.margaritaBig {
  left: 82%;
  top: 30%;
  color: #d4d45b;
}
.margaritaSmall {
  left: 82%;
  top: 25%;
  font-weight: 200 !important;
  color: rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  .dineSmall {
    left: 180px;
    top: 325px !important;
  }
  .toFork {
    left: 158px;
    top: 70%;
  }
  .captionFoodBig {
    font-size: 40px;
  }
  .catchSmall {
    left: 20px;
    top: 320px !important;
  }
  .gardenBig {
    top: 78% !important;
  }
  .hookSmall {
    left: 15px;
    top: 308px !important;
    color: #a1c240;
  }
  .hookBig {
    left: 10px;
    top: 210px !important;
    color: rgba(255, 255, 255, 0.98);
  }
  .hookBig2 {
    left: 150px;
    top: 210px;
    color: rgba(255, 255, 255, 0.98);
  }
  .farmSmall {
    left: 70px;
    top: 365px !important;
    color: #a1c240;
  }
  .farmBig {
    left: 150px;
    top: 450px;
    color: rgba(255, 255, 255, 0.98);
  }
  .farmBig2 {
    left: 10px;
    top: 230px !important;
    color: rgba(255, 255, 255, 0.98);
  }
}
.yogaRetreatSmall {
  left: 40%;
  padding-left: 478px;
  top: 510px;
  color: #22b3c6;
}
.yogaRetreatBig {
  left: 40%;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.rehersalSmall {
  left: 10px;
  top: 510px;
  color: #22b3c6;
}
.surfRetreatSmall {
  left: 40%;
  padding-left: 435px;
  top: 610px;
  color: #bad397;
}
.surfRetreatBig {
  left: 40%;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.surfRetreatSmall2 {
  left: 32%;
  padding-left: 435px;
  top: 610px;
  color: #f0db4e;
}
.surfRetreatBig2 {
  left: 32%;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.pilatesRetreatSmall {
  left: 525px;
  top: 465px !important;
  color: #cbb6ac;
}
.pilatesRetreatBig {
  left: 10px;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.corporateSmall {
  left: 1030px;
  top: 565px !important;
  color: #22b3c6;
}
.corporateBig {
  left: 10px;
  top: 485px !important;
  color: rgba(255, 255, 255, 0.85);
}
.specialOccasionsSmall {
  left: 155px;
  top: 445px !important;
  color: #bfceff;
}
.specialOccasionsBig {
  left: 10px;
  top: 390px !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
.magazineSmall {
  left: 250px;
  top: 70px;
  color: rgba(255, 255, 255, 0.35);
}
.locationSmall {
  left: 170px;
  top: 470px !important;
  color: rgba(255, 255, 255, 0.85);
}
.locationBig {
  left: 1%;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.servicesSmall {
  left: 300px;
  top: 460px !important;
  color: rgba(255, 255, 255, 0.85);
}
.servicesBig {
  left: 1%;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.retreat {
  top: 70% !important;
  left: 60px;
}
.corporate {
  top: 55%;
}
.specialOccasions {
  color: rgba(255, 255, 255, 0.9);
  left: 480px;
  top: 445px !important;
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  .retreat {
    top: 62%;
    left: -300px;
  }
  .corporate {
    top: 58%;
  }
  .servicesSmall {
    left: 160px;
    top: 320px !important;
  }
  .locationSmall {
    left: 170px;
    top: 320px !important;
  }
  .specialOccasions {
    left: 480px;
    top: 325px !important;
  }
  .yogaRetreatSmall {
    left: 40%;
    padding-left: 278px;
    top: 510px;
    color: #22b3c6;
  }
  .surfRetreatSmall {
    left: 40%;
    padding-left: 258px;
    top: 610px;
    color: #bad397;
  }
  .pilatesRetreatSmall {
    left: 325px;
    top: 325px !important;
    color: #cbb6ac;
  }
  .specialOccasionsSmall {
    left: 115px;
    top: 305px !important;
    color: #bfceff;
  }
  .specialOccasionsBig {
    left: 10px;
    top: 290px !important;
    color: rgba(255, 255, 255, 0.9) !important;
  }
  .surfRetreatSmall2 {
    left: 32%;
    padding-left: 255px;
    top: 610px;
    color: #f0db4e;
  }
  .corporateSmall {
    left: 730px;
    top: 385px !important;
    color: #22b3c6;
  }
  .corporateBig {
    left: 10px;
    top: 335px !important;
    color: rgba(255, 255, 255, 0.85);
  }
}
.spaSmall {
  left: 250px;
  top: 60% !important;
  color: rgba(255, 255, 255, 0.85);
}
.spaBig {
  left: 1%;
  top: 46.5%;
  color: rgba(255, 255, 255, 0.85);
}
.sunSmall {
  left: 2%;
  top: 46.5%;
  padding-left: 200px;
  padding-top: 120px;
  color: #facb00;
}
.sunBig {
  left: 2%;
  top: 46%;
  color: rgba(255, 255, 255, 0.85);
}
.spaCouplesBig {
  top: 380px !important;
}
.massage {
  top: 400px !important;
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  .spaSmall {
    left: 140px;
    top: 64% !important;
  }
  .spaCouplesBig {
    top: 290px !important;
  }
}
.sustainSmall {
  left: 2%;
  padding-left: 800px;
  top: 590px;
  color: #ff9f7e;
}
.sustainBig {
  left: 2%;
  top: 410px;
  color: rgba(255, 255, 255, 0.85);
}
.communitySmall {
  left: 2%;
  top: 590px;
  color: #ff9f7e;
}
.communityBig {
  left: 10px;
  top: 390px;
}
.villasSmall {
  left: 30%;
  padding-left: 570px;
  top: 360px;
  color: rgba(255, 255, 255, 0.85);
}
.villasBig {
  float: right;
  top: 48%;
  color: rgba(255, 255, 255, 0.85);
}
.hhSmall {
  left: 205px;
  top: 500px !important;
  color: #a1c240;
}
.hhBig {
  left: 1%;
  top: 410px;
  color: rgba(255, 255, 255, 0.98);
}
.familySmall {
  left: 170px;
  top: 470px !important;
  color: #6f63be;
}
.familyBig {
  left: 1%;
  top: 410px !important;
  color: rgba(255, 255, 255, 0.98);
}
.specialLoveSmall {
  left: 280px;
  top: 415px;
  color: rgba(255, 255, 255, 0.98);
}
.specialLoveBig {
  left: 1%;
  top: 310px;
  color: rgba(255, 255, 255, 0.98);
}
.lifestyleSmall {
  left: 205px;
  top: 460px !important;
  color: #a1c240;
}
.lifestyleBig {
  left: 1%;
  top: 410px;
  color: rgba(255, 255, 255, 0.98);
}
.adventureSmall {
  left: 340px;
  top: 465px !important;
  color: #a1c240;
}
.adventureBig {
  left: 1%;
  top: 410px;
  color: rgba(255, 255, 255, 0.98);
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  .familySmall {
    top: 70%;
  }
  .lifestyleSmall {
    top: 70%;
    left: 124px;
    font-size: 35px;
  }
  .yogaSmall {
    width: 300px;
    left: 20%;
  }
  .yogaRetreatSmall {
    left: 420px;
    top: 370px;
  }
}
.weddingsBig {
  left: 1%;
  top: 375px !important;
  color: rgba(255, 255, 255, 0.98);
}
.weddingSmall {
  left: 770px;
  top: 470px;
  color: #a1c240;
}
.weddingBig {
  left: 1%;
  top: 350px !important;
  color: rgba(255, 255, 255, 0.98);
}
.honeymoonSmall {
  left: 720px;
  top: 510px;
  color: rgba(255, 255, 255, 0.85);
}
.honeymoonBig {
  left: 1%;
  top: 485px;
  color: rgba(255, 255, 255, 0.85);
}
.catering {
  top: 360px !important;
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  .weddingSmall {
    left: 470px;
    top: 320px;
    color: #a1c240;
  }
  .weddingBig {
    top: 270px !important;
  }
  .catering {
    top: 260px !important;
  }
  .weddingsBig {
    left: 1%;
    top: 285px !important;
    color: rgba(255, 255, 255, 0.98);
  }
}
#full-width-slider {
  width: 100%;
  color: #000;
  margin-top: -38px;
  margin-bottom: 20px;
  box-shadow: 1px 4px 5px #d6d6d6;
}
#full-width-slider-alternate {
  width: 100%;
  color: #000;
  margin-top: -15px;
  margin-bottom: 20px;
}
.coloredBlock {
  padding: 12px;
  background: rgba(255, 0, 0, 0.6);
  color: #FFF;
  width: 200px;
  left: 20%;
  top: 5%;
}
.infoBlock {
  color: white;
  position: absolute;
  top: 30px;
  right: 30px;
  left: auto;
  max-width: 25%;
  padding-bottom: 0;
  overflow: hidden;
  padding: 20px;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  left: 30px;
  right: auto;
}
.infoBlock h4 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
}
.infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #FFF;
  text-decoration: underline;
}
.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25;
}
.photosBy a {
  color: #000;
}
.fullWidth {
  max-width: 1400px;
  margin: 0 auto 24px;
}

.captionReallyBig {
  font-size: 350px;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  line-height: normal;
  color: rgba(255, 255, 255, 0.8);
}
.ie8 .captionReallyBig {
  color: white;
}
.captionBig {
  font-size: 250px;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  line-height: normal;
  color: rgba(255, 255, 255, 0.85);
  top: 410px;
}
.ie8 .captionBig {
  color: white;
}
.captionMediumBig {
  font-size: 170px;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  line-height: normal;
  color: rgba(255, 255, 255, 0.85);
  top: 483px;
}
.ie8 .captionMediumBig {
  color: white;
}
.captionMedium {
  font-size: 100px;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  line-height: normal;
}
.ie8 .captionMedium {
  color: white;
}
.captionSmall {
  font-size: 60px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  top: 410px;
}
.ie8 .captionSmall {
  color: white;
}
.captionSuperSmall {
  font-size: 35px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  .captionReallyBig {
    top: 264px;
    font-size: 190px;
    font-weight: 900;
    line-height: normal;
  }
  .captionBig {
    font-weight: 900;
    line-height: normal;
    top: 304px;
    font-size: 150px;
  }
  .captionMediumBig {
    top: 335px;
    font-size: 120px;
  }
  .captionMedium {
    top: 100px;
    font-weight: 900;
    line-height: normal;
  }
  .captionSmall {
    top: 290px;
    font-weight: 300;
    font-size: 40px;
  }
  .captionSuperSmall {
    font-size: 30px;
    font-weight: 300;
    top: 200px;
  }
}
@media screen and (min-width: 0px) and (max-width: 700px) {
  .rsSlideTitle {
    display: none !important;
  }
}

.info h2 {
  font-size: 14px !important;
  font-weight: 300 !important;
}