@charset "UTF-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  width: 100%;
  height: 100%;
  font-family: 'Montserrat', sans-serif;
  color: #483C32;
  font-size: 18px;
}
body {
  width: 100%;
  height: 100%;
}
section {
  width: 100%;
  box-sizing: border-box;
  clear: both;
  min-width: 100%;
  display: table;
}
@-moz-document url-prefix() {
  section {
    display: inline-block;
    float: left;
  }
}
quote {
  font-family: 'Comfortaa', cursive;
}
header {
  width: 100%;
  z-index: 9;
  position: absolute;
}
p {
  line-height: 150%;
  margin-bottom: 2%;
}
h1 {
  font-size: 180%;
  margin-bottom: 2%;
}
h2 {
  font-size: 130%;
  margin-bottom: 2%;
}
button {
  clear: both;
  display: block;
  border-radius: 0;
  margin-bottom: 2%;
  font-size: 16px;
  width: 120px;
  background-color: #FFD932;
  border: solid 1px #483C32;
  color: #483C32 !important;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 2%;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: auto;
  margin-top: 48px;
}
sup {
  color: #FFD932;
}
video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
input::placeholder, textarea::placeholder {
  color: rgba(190, 174, 161, 0.33) !important;
}
/*SECTIONS*/
/******** 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(255, 217, 50, 0.95);
  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: #483C32;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  font-size: 120%;
}
.mobile a:hover {
  color: rgba(255, 255, 255, 1.0);
  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;
}
.lMobile img {
  padding-left: 0 !important;
}
.close {
  margin-top: 36px;
  text-align: right;
  margin-bottom: 6%;
}
.isDown {
  position: absolute;
  left: 86%;
}
.botmenu {
  z-index: 999;
  display: none;
}
.bkgMenu {
  background-color: rgba(231, 200, 75, 0.76);
}
.topMenu {
  margin-top: 2%;
}
.topMenu a {
  color: #FFFFFF;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  text-decoration: none;
  padding: 3%;
  font-weight: 600;
  letter-spacing: 3px;
  text-align: center;
}
.topMenu a:hover {
  background-color: #FFD932;
  border-radius: 4px;
  color: #483C32 !important;
  text-shadow: none;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.125));
}
.topLogo img {
  max-width: 200px;
  padding-left: 4%
}
.carrusel {
  width: 100%;
  height: 80%;
  position: relative;
}
.carContent {
  display: block;
  position: absolute;
  z-index: 9;
  top: 60%;
  left: 10%;
  color: #FFFFFF;
}
.carContent h2 {
  font-weight: 400;
  font-size: 175%;
  margin-bottom: 0;
}
.carContent h1 {
  font-weight: 600;
  font-size: 300%;
}
.intro {
  position: relative;
  background-color: rgba(190, 174, 161, 0.33);
  height: 50%;
  width: 100%;
  clear: both;
}
.units {
  position: relative;
  background-color: #FFFFFF;
  height: 50%;
  width: 100%;
  clear: both;
}
.gallery {
  position: relative;
}
.gallery img {
  max-width: 320px;
  position: absolute;
  filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.25));
}
.gl01 {
  left: 14px;
}
.gl02 {
  left: 266px;
  top: -66px;
}
.gl03 {
  left: 496px;
  top: -6px;
}
.servicios {
  position: relative;
  background-color: #878E8D;
  width: 100%;
  clear: both;
  color: #FFFFFF;
}
.pic {
  width: calc(100%/6);
  float: left;
}
.pic img {
  display: flex;
}
.ubicacion {
  position: relative;
  background-image: url("../img/ubicacion.png");
  background-size: cover;
  background-position: center;
  height: 40%;
  width: 100%;
  clear: both;
}
.ubicacion a {
  color: #FFD932;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  padding: 2%;
  font-weight: 600;
  text-align: center;
  position: relative;
  left: -2.25%;
}
.ubicacion a:hover {
  background-color: #FFD932;
  border-radius: 12px;
  color: #483C32 !important;
  text-shadow: none;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.125));
  padding: 2%;
}
.ubicacion p {
  font-size: 110%
}
.icon {
  margin-right: 2%;
}
.location {
  width: 100%;
  background-color: #BAB5AF;
  clear: both;
  position: relative;
  height: 50%;
}
.location p {
  margin-bottom: 1%;
}
.slogan img {
  max-width: 240px;
}
.offer {
  position: absolute;
  z-index: 99;
  top: 60%;
  left: 80%;
  background-image: url("../img/offer.svg");
  background-size: cover;
  width: 350px;
  height: 350px;
  text-align: center;
  background-position: center;
  filter: drop-shadow(1px 1px 6px rgba(0, 0, 0, 0.33));
}
.inOffer {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  margin: auto;
  display: block;
  padding: 10%;
}
.faqs {
  width: 100%;
  background-color: #FFD932;
  color: #483C32;
  clear: both;
  position: relative;
}
.contact {
  width: 100%;
  background-color: #483C32;
  clear: both;
  position: relative;
  height: 40%;
  color: #BEAEA1;
}
.contact p {
  font-size: 90%;
  text-align: center;
}
.contact a {
  color: #FFD932;
  text-decoration: none;
  padding: 0.5%;
  font-weight: 600;
  text-align: center;
  position: relative;
}
.contact a:hover {
  background-color: #FFD932;
  border-radius: 12px;
  color: #483C32 !important;
  text-shadow: none;
  padding: 0.5%;
}
.formulario {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 7.5%;
  margin-bottom: 48px;
}
.fRow {
  line-height: 36px;
  margin-bottom: 4%;
  font-weight: 600;
}
.disclaimer {
  font-size: 10px !important;
}
input, textarea {
  clear: both;
  width: 100%;
  height: 36px;
  font-family: 'Roboto', sans-serif;
  padding: 6px;
  color: #483C32 !important;
  font-size: 18px !important;
  border: 1px solid #BEAEA1 !important;
}
textarea {
  min-height: 160px;
  color: #483C32 !important;
}
.bottom {
  background-color: #362E27;
  color: #BAB5AF;
  font-size: 10px;
  padding-top: 2%;
  height: 10%;
}
.bottom p {
  clear: both;
}
.faqs a {
  cursor: pointer;
}
.faqs p {
  margin-bottom: 4%;
}
.answers {
  background-color: #FFFFFF;
  padding: 2%;
  margin-bottom: 24px;
  margin-top: 24px;
  border-radius: 12px;
  display: block;
  box-shadow: inset 0 0 2px 1px rgba(190, 174, 161, 1);
}
#r1, #r2, #r3, #r4, #r5, #r6, #r7, #r8, #r9, #r10, #r11 {
  display: none;
}
.qU {
  transform: rotate(180deg);
}
.qD {
  transform: rotate(0deg);
}
.slogan {
  margin-bottom: 48px;
}
/* Social */
.agenda {
  position: fixed;
  z-index: 999;
  top: 30%;
  right: 0;
}
.dial a {
  background-image: url("../img/agendar.svg");
  width: 236px;
  height: 56px;
  line-height: 56px;
  background-size: 236px;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
  margin: auto;
  position: relative;
  right: -174px
}
.dial a:hover {
  width: 236px;
  height: 56px;
  line-height: 56px;
  background-size: 236px;
  background-image: url("../img/agendar_up.svg");
  text-decoration: none !important;
  position: relative;
  right: -20px
}
.social {
  width: 33%;
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
  text-align: center;
  margin-top: 4%;
  margin-bottom: 4%;
}
.ig, .fb, .li, .tt {
  float: left;
  width: calc(100%/3);
  text-align: center;
}
.ig a {
  background-image: url("../img/ig_up.svg");
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-size: 24px;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
  margin: auto;
}
.fb a {
  background-image: url("../img/fb_up.svg");
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-size: 24px;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
  margin: auto;
}
.tt a {
  background-image: url("../img/tt_up.svg");
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-size: 24px;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
  margin: auto;
}
.li a {
  background-image: url("../img/in_up.svg");
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-size: 24px;
  text-decoration: none;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
  margin: auto;
}
.ig a:hover {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-size: 24px;
  background-image: url("../img/ig.svg");
  text-decoration: none !important;
}
.tt a:hover {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-size: 24px;
  background-image: url("../img/tt.svg");
  text-decoration: none !important;
}
.fb a:hover {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-size: 24px;
  background-image: url("../img/fb.svg");
  text-decoration: none !important;
}
.li a:hover {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-size: 24px;
  background-image: url("../img/in.svg");
  text-decoration: none !important;
}
/*SECTIONS*/
/**COLORS**/
.lightTaupe {
  color: rgba(190, 174, 161, 0.33);
}
.taupe {
  color: rgba(190, 174, 161, 1);
  color: #BEAEA1;
}
.cYellow {
  color: #FFD932;
}
.cBrown {
  color: #483C32;
}
/**COLORS**/
/******** LAYOUT DIV DIMENSIONS *******/
.w100 {
  width: calc(100%*1.0);
  box-sizing: border-box;
}
.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;
  height: 1px;
}
.w1920 {
  max-width: 1920px;
  margin: auto;
}
.w1366 {
  max-width: 1366px;
  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%;
  display: block;
}
.p3 {
  padding: 3%;
}
.p2 {
  padding: 2%;
}
.pB0 {
  padding-bottom: 0;
}
.pL0 {
  padding-left: 0;
}
.m16 {
  margin-left: calc(33%/2);
}
.m33 {
  margin-left: calc(33%/1);
}
.mL5 {
  margin-left: 3.35%;
}
.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;
}
.sBreak {
  height: 60px;
  clear: both;
}
.sBreakHalf {
  height: 30px;
  clear: both;
}
.noDisplay {
  display: none;
}
.terms a {
  color: rgba(231, 200, 75, 1);
  font-weight: 600;
  text-decoration: none;
}
.terms a:hover {
  text-decoration: underline;
  color: #FFFFFF;
}
.centro {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
}
/******** LAYOUT DIV DIMENSIONS *******/
/* 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 */