@charset "UTF-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  width: 100%;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size-adjust: auto;
  letter-spacing: 1px;
  font-size: 18px;
}
body {
  width: 100%;
  height: 100%;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Julius Sans One', sans-serif;
  line-height: 150%;
  margin-bottom: 4%;
}
p, ul, li {
  line-height: 150%;
  margin-bottom: 4%;
}
footer {
  z-index: 999999;
  color: #FFFFFF;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  font-size: 75%;
}
a[href^=tel] {
  color: #FFFFFF;
  text-decoration: underline;
}
a{
  color:#027E7E;
  font-weight: 600;
}
a:hover{
  text-decoration: none;
}
section {
  width: 100%;
  box-sizing: border-box;
  clear: both;
  min-width: 100%;
  display: table;
}

@-moz-document url-prefix() {
  section{
    display: inline-block;
    float: left;
  }
}

header {
  width: 100%;
  z-index: 9;
  position: absolute;
}
/******** MOBILE MENU ********/
.hamburguer {
  display: none;
  width: calc(100%*0.1);
  box-sizing: border-box;
  float: left;
  text-align: right;
  padding-right: 4%;
}
.mobile {
  position: absolute;
  z-index: 99;
  background-color: rgba(0, 70, 78, 0.98);
  width: 100%;
  height: 100%;
  padding: 2%;
  box-sizing: border-box;
  text-align: left;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  display: none;
}
.mobileMenu {
  clear: both;
  margin-top: 48px;
  top: 40px;
  display: block;
  position: relative;
}
.mobile a {
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  font-size: 120%;
}
.mobile a:hover {
  color: rgba(237, 122, 110, 0.9);
  font-weight: 700;
  text-decoration: none;
}
.mobile p {
  margin-bottom: 6% !important;
  padding-left: 0;
  margin: auto;
  padding-bottom: 0.5%;
  width: 86%;
  text-align: center;
}
.mobileLogo {
  text-align: center;
  margin-bottom: 5%;
  padding-top: 60px;
}
.mobileLogo img {
  width: 50%;
  margin-left: 25%;
  margin-right: 25%;
  max-width: 60px;
  display: inline;
}
.lMobile {
  text-align: center;
}
.close {
  margin-top: 36px;
  text-align: right;
  margin-bottom: 6%;
}
.isDown {
  position: absolute;
  left: 86%;
}
.botmenu {
  z-index: 999;
  display: none;
}
/******** LAYOUT DIV DIMENSIONS *******/
.w100 {
  width: calc(100%*1.0);
  box-sizing: border-box;
  float: left;
}
.w98 {
  width: calc(100%*0.98);
  box-sizing: border-box;
  float: left;
}
.w80 {
  width: calc(100%*0.8);
  box-sizing: border-box;
  float: left;
}
.w75 {
  width: calc(100%*0.75);
  box-sizing: border-box;
  float: left;
}
.w72 {
  width: calc(100%*0.72);
  box-sizing: border-box;
  float: left;
}
.w70 {
  width: calc(100%*0.7);
  box-sizing: border-box;
  float: left;
}
.w65 {
  width: calc(100%*0.65);
  box-sizing: border-box;
  float: left;
}
.w60 {
  width: calc(100%*0.6);
  box-sizing: border-box;
  float: left;
}
.w50, .wHalf {
  width: calc(100%*0.5);
  box-sizing: border-box;
  float: left;
}
.wHalf {
  text-align: center !important;
}
.w40 {
  width: calc(100%*0.4);
  box-sizing: border-box;
  float: left;
}
.w35 {
  width: calc(100%*0.35);
  box-sizing: border-box;
  float: left;
}
.w33 {
  width: calc(100%*0.33333);
  box-sizing: border-box;
  float: left;
}
.w30 {
  width: calc(100%*0.3);
  box-sizing: border-box;
  float: left;
}
.w28 {
  width: calc(100%*0.3065);
  box-sizing: border-box;
  float: left;
}
.w25 {
  width: calc(100%*0.25);
  box-sizing: border-box;
  float: left;
}
.w20 {
  width: calc(100%*0.20);
  box-sizing: border-box;
  float: left;
}
.w15 {
  width: calc(100%*0.15);
  box-sizing: border-box;
  float: left;
}
.w16 {
  width: calc(100%/8);
  box-sizing: border-box;
  float: left;
}
.w10 {
  width: calc(100%*0.1);
  box-sizing: border-box;
  float: left;
}
.w02 {
  width: calc(100%*0.02);
  box-sizing: border-box;
  float: left;
}
.clear {
  clear: both;
}
.w1920 {
  max-width: 1920px;
  margin: auto;
}
.w1280 {
  max-width: 1280px;
  margin: auto;
}
.w1024 {
  max-width: 1024px;
  margin: auto;
}
.w960 {
  max-width: 960px;
  margin: auto;
}
.hAuto {
  height: auto;
  min-height: 10%;
}
.h50 {
  height: 50%;
}
.h25 {
  height: 25%;
}
.p4 {
  padding: 4%;
}
.p3 {
  padding: 3%;
}
.p2 {
  padding: 2%;
}
.pL0 {
  padding-left: 0;
}
.m16 {
  margin-left: calc(33%/2);
}
.m33 {
  margin-left: calc(33%/1);
}
.mT2{
  margin-top: 40px;
}
.mB0{
  margin-bottom: 0!important;
}
.tLeft {
  text-align: left!important;
}
.tCenter {
  text-align: center!important;
}
.tRight {
  text-align: right!important;
}
.tJustify{
  text-align: justify!important;
}
.t18{
  font-size: 18px!important;
  line-height: 175%;
  margin-bottom: 2%;
}
.sBreak {
  height: 60px;
  clear: both;
}
.sBreakHalf {
  height: 30px;
  clear: both;
}
/*Colors*/
.teal {
  color: #027E7E;
}
.darkTeal {
  color: #00464E;
  color: rgb(0, 70, 78);
}
.lightTeal {
  color: #006672;
  color: rgba(0, 102, 114, 0.21);
}
.salmon {
  color: rgba(237, 122, 110, 0.9);
  background-color: rgba(237, 122, 110, 0.8);
}
/*SECTIONS*/
.bkgMenu {
  background-color: rgba(231, 200, 75, 0.76);
}
.topMenu {
  margin-top: 4%;
}
.topMenu a {
  color: #FFFFFF !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  text-decoration: none;
  padding: 4%;
}
.topMenu a:hover {
  background-color: rgba(237, 122, 110, 0.9);
  border-radius: 4px;
}
.topLogo {
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));
}
.topLogo img {
  max-width: 260px;
  padding-left: 4%
}
.carrusel {
  width: 100%;
  height: 70%;
  position: relative;
}
.hero {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url("../img/rooms_header.jpg");
  min-height: 400px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: 35%;
  background-position-x: center;
}
.room01 {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url("../img/suite_mountain_view_with_hammock.jpg");
  background-position-y: 55%;
  background-position-x: center;
}
.room02 {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url("../img/deluxe_cabin_mountain_view_balcony.jpg");
  background-position-y: 80%;
  background-position-x: center;
}
.room03 {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url("../img/superior_mountain_view.jpg");
  background-position-y: 60%;
  background-position-x: center;
}
.room04 {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url("../img/superior_garden_view_with_hammock.jpg");
  background-position-y: 60%;
  background-position-x: center;
}
.room05 {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url("../img/deluxe_cabin_garden_view.jpg");
  background-position-y: 80%;
  background-position-x: center;
}
.info {
  width: 100%;
  background-image: url("../img/bkg_content.svg");
  background-position: top;
  background-size: 100%;
  background-repeat: no-repeat;
  height: auto;
  position: relative;
  color: #027E7E;
}
.info h1 {
  text-align: center;
  font-size: 200%;
}
.info p{
  font-size: 18px;
  line-height: 175%;
  margin-bottom: 2%;
}
.room {
  padding: 1%;
  min-height: 300px;
}
.room h2 {
  text-align: center;
  font-size: 110%;
  font-weight: 600;
  margin-top: 4%;
}
.room a {
  display: block;
  transition: transform .15s ease-out;
}
.room a:hover {
  display: block;
  transform: translate(0, -8px);
  filter: drop-shadow(1px 2px 6px #bebebe);
}
.boton{
  clear: both;
  margin: 24px 0 24px 0;
}
.boton img{
  max-width: 180px;
  width: 100%;
  display: block;
  margin: auto;
  margin-bottom: 24px;
}
.boton a{
  display: block;
    transition: transform .5s ease-out;
}
.boton a:hover{
  transform: rotate(-359deg) scale(1.15);
  -webkit-transform: rotate(-359deg) scale(1.15);
  -ms-transform: rotate(-359deg) scale(1.15);
}
.amenities {
  color: #ED7A6E;
  background-color: rgba(237, 122, 110, .15);
  width: 80%;
  max-width: 720px;
  margin: auto;
  display: block;
}
.amenities ul {
  list-style: inside;
}
.book {
  background: url("../img/bkg_palms.png") rgba(0, 102, 114, 0.21);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
  width: 100%;
  color: #027E7E;
  position: relative;
}
.book li, p{
  line-height: 125%;
  font-size: 14px;
  margin-bottom: 0.5%;
}
.book ul{
  list-style: inside;
  margin: 0 0 24px 0;
}
.book h3{
  margin-bottom: 0.25%;
}
.parrot {
  position: relative;
  top: 0px;
  left: -285px;
  transform-origin: left;
  transform: rotate(-6deg);
}
.parrot img {
  position: absolute;
  max-width: 460px
}
.bookParrot {
  background-color: #FFFFFF;
  padding: 4% 4% 4% 8%;
  box-shadow: 0px 0px 24px 2px rgba(0, 70, 78, 0.2);
  border-bottom-left-radius: 48px;
  border-top-right-radius: 48px;
  height: 468px;
}
.bottom {
  background-color: #00464E;
  width: 100%;
  color: #FFFFFF;
}
.bottom a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  padding: 2%;
}
.bottom a:hover {
  background-color: rgba(255, 255, 255, 0.20);
  color: #FFFFFF;
  border-radius: 4px;
}
.bottom ul {
  list-style: inside disclosure-closed;
}
.bottom li {
  color: rgba(255, 255, 255, 0.8);
}
/* SECTIONS */
/*SOCIAL SHARING*/
.social {
  width: 50%;
  margin-right: 0%;
  margin-left: 0%;
  display: inline-block;
  clear: both;
  text-align: left;
  margin-top: 4%;
  margin-bottom: 4%;
}
.ig, .fb {
  float: left;
  width: calc(100%/2);
}
.ig a {
  background-image: url("../img/ig.svg");
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: 30px;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
  margin: auto;
}
.ig a:hover {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: 30px;
  background-image: url("../img/ig_up.svg");
  text-decoration: none !important;
  background-color: transparent !important;
  margin: auto;
}
.fb a {
  background-image: url("../img/fb.svg");
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: 30px;
  text-decoration: none;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
  margin: auto;
}
.fb a:hover {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: 30px;
  background-image: url("../img/fb_up.svg");
  text-decoration: none !important;
  background-color: transparent !important;
  margin: auto;
}
/* WHATSAPP */
.float2 {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 9999999;
}
.my-float {
  margin-top: 16px;
}
/* WHATSAPP */
/*Contact*/
.fRow {
  line-height: 36px;
  margin-bottom: 2%;
  font-weight: 600;
}
input, textarea {
  clear: both;
  width: 100%;
  height: 36px;
  font-family: 'Roboto', sans-serif;
  padding: 6px;
  color: #027E7E!important;
  font-size: 18px!important;
  border: 1px solid #027E7E!important;
}
textarea {
  min-height: 160px;
  color: #027E7E !important;
}
button {
  clear: both;
  display: block;
  border-radius: 0;
  margin-top: 4%;
  margin-bottom: 2%;
  font-size: 16px;
  width: 120px;
  background-color: rgba(0, 102, 114, 0.4);
  border: solid 1px rgba(0, 102, 114, 1.0);
  color: #027E7E !important;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 2%;
  font-weight: 600;
  text-transform: uppercase;
}
button:hover {
  background-color: #027E7E;
  border: solid 1px #027E7E;
  color: #FFFFFF !important;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(0, 102, 114, 0.4);
  opacity: 1; /* Firefox */
}
/**** Cloud Beds****/
.CloudBedsWidget .vertical-widget {
  margin-left: auto;
  margin-right: auto;
}
.widgetHotelsForm .acessa_widget_block p {
  text-align: center !important;
  font-family: 'Roboto', sans-serif !important;
  line-height: 32px !important;
  font-size: 18px !important;
  font-weight: 600;
}
.CloudBedsWidget .widgetHotelsForm a.submit_link {
  width: 90%;
  background-color: #33B5AF !important;
  border: solid 1px #027E7E !important;
  color: #FFFFFF !important;
  margin-top: 24px !important;
  margin-bottom: 24px !important;
  margin-left: 10% !important;
  margin-right: 10% !important;
  max-width: 184px;
  height:36px;
  padding-top: 8px!important;
  font-size: 18px;
}
.CloudBedsWidget .widgetHotelsForm a.submit_link:hover {
  background-color: #027E7E !important;
  border: solid 1px #027E7E !important;
  color: #FFFFFF !important;
}
.CloudBedsWidget .vertical-widget {
  width: 230px !important;
}
.widgetHotelsForm .acessa_widget_block .widgetHotelsInputText.date {
  width: 200px !important;
  margin: auto !important;
}
.widgetHotelsForm .acessa_widget_block .widgetHotelsInputText.date{
  height: 36px!important;
  background: url("../img/cal.svg") no-repeat scroll 95% center #FFFFFF!important;
  -webkit-background-size: 20px!important;
  background-size: 20px!important;
}
.widgetHotelsForm .acessa_widget_block .widgetHotelsInputText.date, .widgetHotelsForm .acessa_widget_block select{
  height: 24px!important;
}

/*Borrar**/
.contenido {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  text-align: center;
  margin-top: 25%;
  color: rgba(255, 255, 255, 0.9);
  z-index: 999;
}
.contenido h1 {
  font-size: 250%;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  text-transform: none;
  line-height: 100%;
  margin-top: 0;
  letter-spacing: 0px;
  margin-bottom: 0%;
}
.contenido h3 {
  font-size: 175%;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  margin-bottom: 0%;
}
.contenido h3:last-of-type, .contenido h1:last-of-type {
  margin-bottom: 6%;
}
.contenido img {
  max-width: 300px;
}
.contenido a {
  color: #FFFFFF;
  font-weight: 600;
  text-decoration: none;
}
.contenido a:hover {
  text-decoration: underline;
}